/* REPLICA OF IOS DEVELOPER */

.banner {
    background-image: url(https://d2yq1wt6p3tg8m.cloudfront.net/assets/images/hire-android-new/android-application-developer.jpg);
    height: 100vh;
}
.banner .banner-ios{
    display: none;
}img{height:auto;width:auto;}
.ios-banner-heading p {
    font-weight: 400;
}
.ios-banner-heading a{
    font-weight: 500;
    font-family: 'Poppins' !important;
}
.ios-top-brands h3{
    font-weight: 500;
    font-family: 'Poppins' !important;
    color: #212121;
    /* text-align: center; */
}
.interview-box .full h4{
    font-family: 'Poppins' !important;
}
.interview-box .time h6{
    font-family: 'Poppins' !important;
}
.interview-btn{
    font-family: 'Poppins' !important;
}
.ios-developers button {
    font-weight: 500;
    font-family: 'Poppins' !important;
}
.Digital-box h6{
    font-family: 'Poppins' !important;
    line-height: 31px;
}
.interview-box .full h6{
    font-family: 'Poppins' !important;
}
.Customized-box button{
    font-weight: 600;
    font-family: 'Poppins' !important;
}
.ios-top-brands .image-structure{
    text-align: center;
    width: 97%;
    margin: auto;
}
.offerSection .quality .my-border {
    top: -222px;
}
.quality h2 {
    position: relative;
    z-index: 2;
}
.spanh2{
    font-weight: 400;
    font-family: 'Poppins';
}
.Leaders .golbal h2{
    position: relative;
    z-index: 2;
}
.Digital-box {
    height: 498.66px;
}
.ios-faq h2{
    font-weight: 500;
    font-family: 'Poppins' !important;
}
.ios-faq .accordion_head_ad h3{
    font-weight: 400;
}
.costomized {
    background-image: url(https://d2yq1wt6p3tg8m.cloudfront.net/assets/images/hire-android-new/customized.jpg);
}
.ios-heading .my-border {
    left: 0;
}
.ios-heading h2 span {
    color: #000;
}

.ios-heading .strips {
    width: 380px;
}

@keyframes border_ios {
    0% {
        width: 0%;
    }

    100% {
        width: 380px;
    }
}
.hiring h6{
    font-weight: 500;
    font-family: 'Poppins' !important;
}
.hire-ios-bo h4{
    font-weight: 500;
    font-family: 'Poppins' !important;
    font-size: 24px;
}
.In-Demand .strips {
    width: 634px;
}

@keyframes In-Demand {
    0% {
        width: 0%;
    }

    100% {
        width: 634px;
    }
}
.ios-developers h6{
    font-family: 'Poppins' !important;
}
.Presence .strips {
    position: absolute;
    width: 460px;
    height: 3px;
    background-color: #ff26a8;
    animation: border_new 5s linear forwards infinite;
    animation-direction: alternate;
    background: linear-gradient(90deg, #ff26a8 65%, #2036ff 35%) top/100% 3px no-repeat;
}

@keyframes border_new {
    0% {
        width: 0%;
    }

    100% {
        width: 460px;
    }
}
.quality .strips {
    width: 300px;
}

@keyframes border_qualitys {
    0% {
        width: 0%;
    }

    100% {
        width: 300px;
    }
}
.Reasons h2{
    position: relative;
    z-index: 2;
}
.Reasons .strips {
    width: 765px;
}

@keyframes Reasons {
    0% {
        width: 0%;
    }

    100% {
        width: 765px;
    }
}
.transparency {
    background: #F1FDF7;
}
.top-notchs{
    background: #F8F5FF;
}
.innovate-sec .owl-carousel .owl-nav .owl-prev,.innovate-sec .owl-carousel .owl-nav .owl-next{
    /* background: #f6f7fb; */
    width: 72px;
    height: 72px;
    border-radius: 50%;
}

.Presence h2{
    position: relative;
    z-index: 2;
    font-weight: 300;
}
.mobileview{
    font-weight: 400;
    display: contents;
    font-family: 'Poppins';
}
.ios-heading .txt p {
    padding: 0px 155px 0 0;
}
.ios-heading .strips{
    background: linear-gradient(90deg, #FF26A8 65%, #5624A0 35%) top/100% 3px no-repeat;
}
/* LAST CARD */
.hove1{
    display: none;
}
.hove2{
    display: none;
    transform: rotate(180deg);
}
.card-link-sec a:hover .hire{
display: none;
}
.card-link-sec a:hover .hove1{
display: block;
}
.card-box a:hover .right-rotate{
    display: none;
}
.card-box a:hover .hove2{
    display: block;
    float: right;
    margin-top: 5px;
}
.hiddencimg{
    display: none;
}
.ios-developers .owl-nav .owl-prev i:hover {
    background: linear-gradient(96.07deg, #2D42FF 33.22%, #356EFF 107.94%);
}
.ios-developers .owl-nav .owl-next i:hover {
    background: linear-gradient(96.07deg, #356EFF 33.22%, #2D42FF 107.94%);
}
.allFeatures h2{
    font-weight: 300;
font-size: 48px;
line-height: 128.5%;
font-family: 'Poppins' !important;
color: #000000;
}
.ios-faq .accordion_head_ad h3 {
    font-size: 24px;
}
.Customized-box h2{
    font-size: 32px;
}
.card-link-sec p {
    font-size: 19px;
    line-height: 32px;
    margin-bottom: 27px;
}
.card-link-sec .card-box {
    padding: 35px 50px 37px 50px;
}
.hiring h6 {
    font-size: 20px;
}
.quality h2 {
    font-weight: 300;
    font-size: 48px;
    line-height: 139%;
}
.arrowdown a {
    position: absolute;
    bottom: 55px;
    right: 0px;
    background: transparent;
}

.interview-box {
    border-top-left-radius: 39px;
    border-top-right-radius: 39px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}
.interview-box.main-box .interview-btn{
    border-radius: 14px;
}
.innovate-sec .owl-carousel .owl-item ul img {
    width: 23px !important;
    height: auto;
}

.Reasons .my-border {
    top: -12px !important;
    left: 130px;
}
@media only screen and (max-width: 320px){
    .costomized {
        height: 626px !important;
    }
    .Customized-box h2 {
        font-size: 23px !important;
    }
    .Customized-box button {
        font-size: 12px;
    }
}
@media only screen and (max-width: 360px){
.Digital-box {
    height: 552.66px !important;
}
}
@media only screen and (max-width: 380px){
.hire-ios-bo {
    height: 508px;
}
.Hire, .Inquiry, .Review, .experts {
    height: 404px;
}
}
@media only screen and (min-width: 320px) and (max-width: 340px){
.hire-ios-bo {
    height: 582px !important;
}
}
/* MEDIA QUERY */
@media only screen and (min-width: 424px) and (max-width: 767px){
    .quality h2{
        padding-right: 98px !important;
    }
}
@media only screen and (max-width: 767px){
    .ios-top-brands h3{
        text-align: center;
    }
    .Hire, .Inquiry, .Review, .experts {
        height: 404px;
    }
    .Reasons .my-border {
        top: -12px !important;
        left: 0;
    }
    .Reasons .strips {
        width: 320px;
    }
    
    @keyframes Reasons {
        0% {
            width: 0%;
        }
    
        100% {
            width: 320px;
        }
    }
    .In-Demand .my-border {
        right: 0px;
        top: -9px !important;
    }
    .In-Demand .strips{
        width: 300px;
    }
    @keyframes In-Demand {
        0% {
            width: 0%;
        }
    
        100% {
            width: 300px;
        }
    }
    .innovate-sec .owl-carousel .owl-nav .owl-prev,.innovate-sec .owl-carousel .owl-nav .owl-next{
        width: 59px;
        height: 59px;
    }
    .innovate-sec .owl-carousel .owl-nav img{
        width: 29px;
        height: auto;
    }
    .quality h2 {
        font-size: 32px;
        line-height: 122%;
    }
    .arrowdown a {
        bottom: -88px;
        right: 41%;
    }
    .banner {
        background-image: url(https://d2yq1wt6p3tg8m.cloudfront.net/assets/images/hire-android-new/android-app-developers.jpg);
        background-position: left;
    }
    .offerSection .quality .my-border {
        top: -13px;
    }
    .quality .strips{
        background: linear-gradient(90deg, #FF26A8 65%, #5624A0 35%) top/100% 3px no-repeat;
    }
    .hiring h6 {
        font-size: 18px;
    }
    .hire-ios-bo h4 {
        font-size: 21px;
    }
    .allFeatures h2{
        font-size: 32px;
    }
    .costomized{
        background-image: url(https://d2yq1wt6p3tg8m.cloudfront.net/assets/images/hire-android-new/mcustomized.jpg);
        height: 751px;
        background-position: center;
    }
    .ios-faq .accordion_head_ad h3 {
        font-size: 17px;
        line-height: 26px;
    }
    .Presence .strips{
        width: 300px;
    }
    
    @keyframes border_new {
        0% {
            width: 0%;
        }
    
        100% {
            width: 300px;
        }
    }
    .desk-view{
        font-weight: 400;
    }
    .mobileview{
        font-weight: 500;
        display: contents;
    }
    .ios-heading .txt p {
        padding: 0px 0px 0 0;
    }
    .hove1{
        display: none;
    }
    .hove2{
        display: none;
    }
    .hiddencimg{
        display: initial;
    }
    .right-rotate{
        display: none;
    }
    .ios-banner-heading {
        padding-top: 162px;
    }
    .banner {
        height: 625px;
    }
    .ios-banner-heading h1 span {
        font-size: 32px;
        text-transform: uppercase;
        letter-spacing: 0.2px;
    -webkit-text-stroke-width: 1px;
    }
    .ios-banner-heading p {
        opacity: 0.7;
    }
    .quality h2{
        padding-right: 48px;
        
    }
    .quality h2 .spanh1{
        display: block;
    }
    .allFeatures{
        padding-top: 0;
    }
    .counter-ios p {
        margin-bottom: 0;
    }
    .card-box a:hover .hove2{
        display: none;
    }
    .spanh2 {
        font-weight: 500;
    }
    .Customized-box h2{
        font-size: 28px;
    }
    .card-link-sec p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 16px;
    }
    .card-link-sec h2 {
        margin-bottom: 17px;
    }
    .interview-box .full h6 {
        font-size: 13px;
    }
    .interview-box .time p {
        font-size: 15px;
    }
    .interview-box .time h3 {
        font-size: 53.9723px;
    }
    .ios-developers p {
        font-size: 15px;
    }
    .interview-box.main-box {
        border-top: 15px solid #2036FF;
        border-left: 3px solid #2036FF;
        border-right: 3px solid #2036FF;
        border-bottom: 5px solid #2036FF;
    }
    


}


@media only screen and (min-width: 1200px) and (max-width: 1400px){
.ios-banner-heading h1 {
    font-size: 84px;
}
}
/* HIRE ANDROID DEVELOPERS PAGE CSS */
@font-face{font-family:Poppins-regular;font-display:swap;src:url(../assets/fonts/Poppins/Poppins-Regular.ttf)}@font-face{font-family:Poppins-med;font-display:swap;src:url(../assets/fonts/Poppins/Poppins-Medium.ttf)}@font-face{font-family:Poppins-bold;font-display:swap;src:url(../assets/fonts/Poppins/Poppins-Bold.ttf)}@font-face{font-family:Poppins-semibold;font-display:swap;src:url(../assets/fonts/Poppins/Poppins-SemiBold.ttf)}

    .ios-faq h2 {
    font-weight: 500;
    font-size: 48px;
    line-height: 121.5%;
    letter-spacing: -1px;
    color: #000;
    margin-bottom: 42px;
    text-transform: capitalize;
}
.faq_android .ios-faq .accordion_head_ad {
    padding: 9px 0 40px;
}
.faq_android .ios-faq .inner-accordion {
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #e2e9f2;
    margin-bottom: 27px;
}
.faq_android .ios-faq .accordion_head_ad h3 {
    font-family: Poppins !important;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0;
    letter-spacing: -.01em;
    color: #000;
}
.faq_android .ios-faq {
    padding-top: 97px;
}
.faq_android .ios-faq .inner-accordion {
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #e2e9f2;
    margin-bottom: 27px;
}
.card-link-sec p {
    font-size: 17px !important;
    line-height: 32px;
}
.interview-box .time h6{
    font-size: 18px !important;
}
.plusminus{
    float: right;
    margin-left: 30px;
    font-size: 30px;
    position: relative;
    bottom: 34px;
    cursor: pointer;
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1228px;
}
}
