/*-- About Us Page Styles Start --*/


/*-- Inner Top Banner Styles Start --*/


.inner-page-cont{
    position: relative;
    z-index: 1;
}

.inner-page-cont::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background-image: linear-gradient(#eff7ff, #eff7ff52);
    z-index: -1;
    
}

/* .service-main-info .inner-page-cont::before{
    content: '';
    z-index: 0;
} */


.inner-top-banner img{
    width: 100%;
    max-width: 100%;
    height: 400px;
    object-fit: cover;
}

.inner-top-banner{
    position: relative;
}

.inner-top-banner::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000070;
}

.inner-top-banner-cont{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


/* .inner-top-banner-cont h1{
    font-weight: 400;
    font-size: 26px;
    color: #fff;
    margin: 110px 0;
}

.inner-top-banner-cont h1 span{
    font-size: 54px;
    font-weight: 900;
} */

.inner-top-banner-cont h1 {
    overflow: hidden;
    margin: 80px 0;
    padding: 10px 0;
}
.inner-top-banner-cont h1 span {
    display: block;
    animation: translated 0.7s ease-out forwards;
    transform: translateY(150px);
    font-weight: 400;
    font-size: 26px;
    color: #fff;
    
}
.inner-top-banner-cont h1 span.heading-big {
    font-size: 42px;
    font-weight: 900;
    padding-top: 15px;
}
.inner-top-banner-cont h1 span:nth-child(1) {
    animation-delay: 0.2s;
}
.inner-top-banner-cont h1 span:nth-child(2) {
    animation-delay: 0.4s;
}
.inner-top-banner-cont h1 span:nth-child(3) {
    animation-delay: 0.6s;
}
@keyframes translated {
    to {
        transform: translateY(0);
   }
}

.new-breadcrumb a{
    font-size: 16px;
    color: #fff;
}

.breadcrumb-item{
    position: relative;
}

.breadcrumb-item+.breadcrumb-item::before{
    content: "\f105" !important;
    font-family: "FontAwesome";
    font-size: 14px;
    color: #fff;
    margin-top: 7px;
}

.breadcrumb-item:last-child a:hover{
    cursor: auto;
}

/*-- Inner Top Banner Styles End --*/

/*-- Inner Intro Styles Start --*/

.inner-intro-info-rt img{
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}

.inner-intro-middle-banner img{
    width: 100%;
    max-width: 100%;
    height: 500px;
    object-fit: cover;
}

.inner-intro-btm-features-head img{
    width: 100%;
    max-width: 80px;
    display: block;
    margin: 0px auto 0px auto;
}

.inner-intro-btm-features-head h5{
        font-weight: 600;
    
}


/*-- Inner Intro Styles End --*/


/*-- Our Values Styles Start --*/

.about-ours{
    position: relative;
    z-index: 1;
}

.about-ours-info img{
    width: 100%;
    max-width: 400px;
    margin: 50px auto 0px auto;
    display: block;

}

.about-mission-vision-details img{
    width: 100%;
    max-width: 100px !important;
    margin: 50px auto 20px auto;
    display: block;
}

.about-mission-vision-details p{
    padding-top: 20px;
        line-height: 36px;
}





/*-- Our Values Styles End --*/



/*-- Our Culture Styles Start --*/




.our-culture-gallery img{
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    border-radius: 15px;
    cursor: pointer;
    object-position: top;
}

.our-culture-gallery li{
    margin: 20px 10px;
    position: relative;
}

.our-culture-gallery li.full img, .our-culture-gallery li.full video{
    height: 625px;
}

.our-culture-gallery li.equal img, .our-culture-gallery li.equal video{
    height: 300px;
}

.our-culture-gallery li.big img,.our-culture-gallery li.big video{
    height: 400px;
}

.our-culture-gallery li.small img,.our-culture-gallery li.small video{
    height: 200px;
}

.our-culture-gallery .item{
    position: relative;
}

.our-culture-gallery video{
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.our-culture-gallery li{
    overflow: hidden;
    border-radius: 15px;
}


.our-culture-gallery span{
    background-color: #ff7020;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    pointer-events: none;
}

.our-culture-gallery span .fa{
    color: #fff;
    font-size: 28px;
}

.our-culture-gallery span::after{
    content: '';
border: 2px solid #ff7020;
position: absolute;
top: auto;
left: auto;
display: block;
border-radius: 50%;
width: 70px;
height: 70px;
animation: play-anim 1s 0s infinite forwards;
}



@keyframes play-anim{
    
    100%{
        width: 90px;
        height: 90px;
    }
}


.our-culture .our-culture-popup-details img, .our-culture .our-culture-popup-details video{
    width: 100%;
    max-width: 100%;
    height: 90vh;
    border-radius: 10px;
    margin: 0 auto;
    display: block;
    object-fit: cover;
    object-position: 100% 15%;
}
.our-culture .modal {
display: none;
position: fixed;
z-index: 111;
left: 0;
top: 0%;
width: 100%;
height: 100%;
overflow: auto;
background-color: #000000c7;
}

.our-culture .modal-content {
position: relative;
margin: auto;
padding: 0;
width: auto;
max-width: 80%;
background: transparent;
top: 50%;
transform: translateY(-50%);
}

.our-culture .close::after {
content: 'X';
color: #fff;
position: absolute;
top: 30px;
right: 30px;
font-size: 25px;
cursor: pointer;
}

.our-culture .our-culture-popup-details {
display: none;
}


.our-culture .prev::after, .our-culture .next::after{
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
font-family: 'FontAwesome';
user-select: none;
-webkit-user-select: none;
cursor: pointer;
background-color: #ff7020;
border-radius: 50%;
width: 30px;
height: 30px;
}

.our-culture .prev::after{
content: '\f104';   
left: -10px;

}
.our-culture .next::after{
content: '\f105';
right: -10px;
}

.our-culture .prev.hidden,
.our-culture .next.hidden {
opacity: 0.5;
pointer-events:none;
}



.header-inner.hide, .scroll-top.hide{
z-index: 0;
}





.our-culture-gallery-slider .slick-list, .event-latest-articles-slider .slick-list{
    padding-bottom: 20px;
}

.our-culture-gallery-slider, .event-latest-articles-slider{
    visibility: hidden;
    opacity: 0;  
    transition: opacity 0.1s;}
  
  .our-culture-gallery-slider.slick-initialized, .event-latest-articles-slider.slick-initialized {
    visibility: visible;
    opacity: 1;}
  
  .our-culture-gallery-slider .item, .event-latest-articles-slider .item {
    display: none;}
  
  .our-culture-gallery-slider .item:first-child,  .event-latest-articles-slider .item:first-child {
    display: block;
    visibility: hidden;}
  
  .our-culture-gallery-slider.slick-initialized .item, .event-latest-articles-slider.slick-initialized .item {
    display: block;
    visibility: visible!important;}




/*-- Our Culture Styles End --*/


/*-- Our Culture Bottom Start --*/

.our-culture-popup-info video{
    width: 100%;
    max-width: 100%;
    height: 100%;
}


.our-culture-btm-info ul{
    padding-top: 50px;
    display: flex;
    justify-content: space-around;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(0.25turn, rgb(255 255 255), rgb(57 57 57 / 13%), rgba(56,2,155,0));
    border-image-slice: 1;
    width: 100%;    
}

.our-culture-btm-info ul:first-child{
    padding-bottom: 30px;
}

.our-culture-btm-info ul:last-child{
    border-image: none;
    padding-top: 20px;
}

.our-culture-btm-info img{
    width: 100%;
    max-width: 80px;
    margin-right: 35px;
}

.our-culture-btm-info li{
display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 22px;
}

/*-- Our Culture Bottom End --*/





/*-- Our Virtual Tour Styles End --*/



.about-our-virtual-tour{
    position: relative;
    background: url("../images/inner-pages/about/team-banner.jpg") no-repeat;
    background-size: cover;
    height: 500px;
    background-position: top center;
}

.about-our-virtual-tour::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 49%);
    opacity: 0.6;
    z-index: 1;
}

.about-our-virtual-tour-info{
    z-index: 1;
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.about-our-virtual-tour-info a{
    margin:0px auto;
}
.about-our-virtual-tour-info img{
    width: 100%;
    max-width: 80px;
    object-fit: cover;
    margin: 20px auto;
    display: block;
}

.about-our-virtual-tour-info p{
    font-size: 36px;
    color: #fff;
    line-height: 50px;
    margin-bottom: 40px;
    
}

.about-our-virtual-tour-info p span{
    display: block;    
    font-weight: 600;
    font-size: 48px;
}

.about-our-virtual-tour-info .orange-btn{
    margin: 0px auto;
}
.virtual-tour-popup-info video{
    width: 100%;
    height: 100%;
}


/*-- Our Virtual Tour Styles End --*/


/*-- Our Location Styles Start --*/


.our-location-info{
    border-radius: 10px;
    box-shadow: 4px 5px 20px 10px #f5f5f5;
    position: relative;
    overflow: hidden;
  }
  
  .our-location-info iframe{
    width: 100%;
    max-width: 100%;
    height: 500px;
    border-radius: 10px;
  }
  
  .our-location-info-details{
    width: 100%;
    max-width: 500px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    height: 100%;
    padding: 80px;
    box-shadow: 0px 0px 80px 80px #fff;
  }
    .our-location-info-details h6{
            font-size: 32px;
    font-weight: 500;
    }
  
  .our-location-info-details p{
    font-weight: 500;
        font-size: 20px;
            line-height: 36px;
  }

  
  .our-location-info-details a{
    display: block;
    font-weight: normal;
    text-decoration: underline;
    color: #ff7020;
  }


/*-- Our Location Styles End --*/


/*-- Our Notify Styles Start --*/



.notify-info{
    background: url("../images/common/thank-you-banner.png") no-repeat;
    background-size: contain;
    background-position: center ;
    height: 400px;
    position: relative;
}

.notify-info::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #265cdc;
    opacity: 0.8;
    z-index: 1;
}

.notify-cont{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    z-index: 1;
    padding-right: 15px;
}

.notify-cont h2, .notify-cont h3{
    color: #fff;
}

.notify-cont h2{
    font-size: 20px;
    font-weight: normal;
}

.notify-cont h3{
    line-height: 50px;
    padding: 0px 20px 0px 0px;
    font-size: 42px;
    font-weight: 600;
}



/*-- Our Notify Styles End --*/


/*-- About Us Page Styles End --*/




/*-- Careers Page Styles Start


/*-- Job Openings Styles Start --*/

.join-our-team-select select,.join-our-team-select select:focus-visible{
    border: 1px solid #c0dce0;
    border-radius: 5px;
    padding: 3px 20px 6px 20px;
    font-size: 18px;
    box-shadow: 1px 1px 10px 1px #ddd;
    outline: none;
}

.join-our-team-info a{
    color: #000;
}

.join-our-team-details{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(0.25turn, rgb(255 255 255), rgb(255 0 128 / 13%), rgba(56,2,155,0));
    border-image-slice: 1;
}
.join-our-team-info a:last-child .join-our-team-details{
    border-image: none;
}

.join-our-team-details-lt{
    display: -webkit-inline-box;
    align-items: flex-start;
    max-width: 900px;
    padding-right: 50px;
}

.join-our-team-details-lt img{
    width: 50px;
    max-width: 50px;
    height: 50px;
    object-fit: cover;
    display: flex;
    justify-content: center;
    align-items: center;    
    transition: 0.3s all linear;
    padding: 5px;
}


.join-our-team-details-lt-gal-cont{
    background-color: #fff;
    width: 60px;
    height: 60px;
    max-width: 60px;
    border-radius: 50%;
    border: 1px solid #cdcdf18c;
    box-shadow: 0px 0px 15px 0px #0000ff1a;
    display: flex;
    justify-content: center;
    align-items: center;
}




.join-our-team-details:hover .join-our-team-details-lt-gal-cont{
    background-color: #ff7020;
}


.join-our-team-details-lt .join-our-team-details-lt-hover-gal{
    display: none;
}

.join-our-team-details:hover .join-our-team-details-lt-hover-gal{
    display: flex;
}

.join-our-team-details:hover .join-our-team-details-lt-gal{
    display: none;
}


.join-our-team-details-lt-cont h6{
    font-weight: 500;
    font-size: 24px;
}
.join-our-team-details-lt-cont span{
    color: #b3bac4;
    font-size: 14px;
    font-weight: 400;
}
.join-our-team-details:hover .join-our-team-details-lt-cont h6{
    text-decoration: underline;
}
.join-our-team-details-lt-cont p {
        font-size: 16px;
}
.join-our-team-details-rt .fa{
    font-size: 24px;
    color: #000;
}
.join-our-team-details:hover .join-our-team-details-rt .fa{
    color: #ff7020;
}

/*-- Job Openings Styles End --*/



/*-- Recruitment Styles Start --*/


.recruitment-process{
    position: relative;
    z-index: 1;
}


.recruitment-process-info{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}


.recruitment-process-info-details{
    width: 20%;
    float: left;
    padding: 0 30px 0px 20px;
    text-align:center;
}

.recruitment-process-info-details img{
    width: 100%;
    max-width: 100px;
    object-fit: cover;
    transition: 0.5s all linear;
    margin-bottom: 20px;
}

.recruitment-process-info-details:hover img{
    transform: scale(1.2, 1.2);
}

.recruitment-process-info-details h6{
    padding: 10px 0 5px 0;
    font-weight: 600;
}

    .recruitment-process-info-details p {
        font-size:18px;
    }



/*-- Recruitment Styles End --*/

/*-- Employee Benefits Styles Start --*/

.employee-benefits-info img{
    width: 100%;
    max-width: 600px;
    margin: 30px auto;
    display: block;
}

.employee-benefits-features-details-cont{
    padding: 20px;
}



.employee-benefits-features-details-cont img{
    width: 100%;
    max-width: 80px !important;
    margin: 0 auto !important;
    transition: 0.5s all linear;
}

.employee-benefits-features-details-cont:hover img{
    transform: scale(1.1, 1.1);
}


.employee-benefits-features-details-cont h6{
    
    padding: 10px 0 5px 0;
        font-weight: 600;
}


.employee-benefits-features .recruitment-blue{
    background-color: #f1f8ff;
}

.employee-benefits-features .recruitment-white{
    background-color: #fff;
}

.employee-benefits-features .recruitment-yellow{
    background-color: #fff8f6;
}

.employee-benefits-features .recruitment-gray{
    background-color: #fafafa;
}


/*-- Employee Benefits Styles End --*/






/*-- Careers Page Styles End --*/




/*-- Careers Inner Page Styles Start --*/


/*-- Careers Inner Page Info Styles Start --*/


.career-inner-main{
    position: relative;
    z-index: 1;
}


.career-inner-info-top-head{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}

.career-inner-info-top-lt ul{
    display: flex;
}

.career-inner-info-top-lt ul li{
    padding: 0 15px 0 0px;
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;    
    line-height: 38px;
    position: relative;

}

.career-inner-info-top-lt ul li::after{
    content: '/';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    display: inline-block;
    margin-right: 5px;
}

.career-inner-info-top-lt ul li:last-child:after{
    content: none;
}


.career-inner-info-top-lt img{
    width: 100%;
    max-width: 20px;
    margin-right: 5px;
}


.career-inner-info-top p{
    line-height: 28px;
}

.career-inner-info-btm h6{
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 50px;
}

.career-inner-info-btm p{
    
    font-weight: 500;
    padding-top: 5px;
}


/*-- Careers Inner Page Info Styles End --*/

/*-- Careers Inner Page Styles End --*/



/*-- Contact Us Page Styles Start --*/


/*-- Contact Us Page Intro Styles Start --*/



.inner-intro-info-lt img{
    width: 100%;
    max-width: 100%;
    transition: 0.5s all linear;
    border-radius: 15px;
    margin: 15px 0;
}



.contact-us-form{
    box-shadow: 0px 2px 10px 0px #ddd;
}



.contact-us-form .attachment label {
    cursor: pointer;
    margin-bottom: 15px;
}

.contact-us-form .attachment span{
    font-size: 16px;
    color: #00000094;
}

.contact-us-form .attachment span small{
    font-size: 12px;
}
.contact-us-form .attachment input{    
    display: none;
}

.contact-us-form .file-list li{
    box-shadow: 1px 1px 10px 1px #ddd;
    padding: 5px 15px;
    border: 1px solid #0000002b;
    border-radius: 5px;
    width: 100%;
}

.contact-us-form .file-list li{
    display: flex;
    align-items: center;
    position: relative;
}

.contact-us-form .file-list li span::after{
    content: '\f00d';
    font-family: 'FontAwesome';
    position: absolute;
    right: 15px;
    font-weight: 400;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}

.contact-us-form .remove-list{
    cursor:pointer;
    margin-left:10px;
  }

/*-- Conatct Us Page Intro Styles End --*/


/*-- Our Location Styles Start --*/


.contact-btm-info-details img{
    width: 100%;
    max-width: 60%;
    margin: 50px auto 0 auto;
    display: block;
    object-fit: cover;
}


.contact-btm-info-details-cont img{
    width: 100%;
    max-width: 50px !important;
    margin: 0 auto 15px auto !important;
    display: block;
    height: auto !important;
}

.contact-btm-info-details-cont span{
    display: block;
    font-size: 22px;
    font-weight: 600;
    padding: 0px 0 20px 0;
    color: #000;
}

.contact-btm-info-details-cont a{
    display: block;
    color: #000;
    padding-bottom: 5px;
}

.contact-btm-info-details-cont a:hover{
    color: #ff7020;
}

.contact-btm-info-details-map iframe{
    width: 100%;
    max-width: 100%;
    height: 400px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px #ddd;
}



/*-- Our Location Styles End --*/


/*-- Connect With Us Styles Start --*/



.connect-with-us{
    position: relative;
    z-index: 1;
    background-image: url('../images/inner-pages/contact/contact-social-bg.jpg');
    width: 100%;
    max-width: 100%;
    height: 400px;
    background-size: contain;
    background-position: center;
}




.connect-with-us-info h2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*-- Connect With Us Styles End --*/

/*-- Connect With Us Gallery Styles Start --*/

 
.connect-with-us-btm-gal{
    overflow: hidden;
}

.connect-with-us-btm-gal ul{
    display: flex;
}

.connect-with-us-btm-gal li{
    width: 300px;
    height: 300px;
    margin: 0 20px;
}

.connect-with-us-btm-gal img{
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}


.connect-with-us-btm-gal .js-marquee {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin-right: 0 !important;
    }

.connect-with-us-btm-gal .js-marquee-wrapper{
    display: flex;
}

/*-- Connect With Us Gallery Styles End --*/


/*-- Conatct Us Page Styles End --*/





/*-- Events Page Styles Start --*/


/*-- Events Top Info Styles Start --*/

.event-main-info{
    position: relative;
    z-index: 1;
}


.event-top-info ul{
    display: flex;
    justify-content: center;    
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
    transition: all 0.2s;
    transform: scale(0.98);
    will-change: transform;
    user-select: none;
    cursor: grab;
}

.event-top-info ul li {
    text-align: center;
    margin: 0 10px 10px 10px;
    border: none !important;
    transition: none;
    cursor: pointer;
}

.event-top-info ul li.active{
    border-bottom: 4px solid #ff7020 !important;
    background-color: transparent !important;
}

.event-top-info{
-ms-overflow-style: none; 
  scrollbar-width: none;
}

.event-top-info ::-webkit-scrollbar{
    display: none;
}

.event-top-info ul li img{
    width: 100%;
    max-width: 50px;
    margin: 0 auto 10px auto;
    display: block;
}

.event-top-info ul li span{
    font-size: 18px;
    display: block;
    color: #bdbdbd;
}

.event-top-info ul li.active span{
    font-weight: 600;
    color: #000;
}



/*-- Events Top Info Styles End --*/


/*-- Events Latest Articles Styles Start --*/

.event-latest-articles{
    position: relative;
    /* z-index: 1; */
}

.event-latest-articles-info{
    padding: 10px 10px 30px 10px;
    position: relative;
}



.event-latest-articles-info:hover{
    box-shadow: 1px 1px 10px 1px #ddd;
    border-radius: 10px;
    background: url('../images/common/pattern.png') no-repeat;
    background-size: contain;
    
}


.event-latest-articles-slider .item{
    width: 100%;
    max-width: 100%;
    max-height: 400px;
}



.event-latest-articles-info-lt img{
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 400px;
    object-fit: cover;
    border-radius: 15px;
}




.event-latest-articles-slider .slick-dots{
    bottom: -50px;
}



.event-latest-articles-info-rt span.event-title{
background-color: #4283c5;
    font-size: 14px;
    color: #fff;
    padding: 5px 20px 5px 20px;
    border-radius: 15px;
    margin: 20px 0 15px 0;
    display: inline-block;
}

.event-latest-articles-info-rt h3{
    line-height: 42px;
    padding-bottom: 15px;
}
.event-latest-articles-info-rt p {
    line-height: 36px;
}



/*-- Events Latest Articles Styles End --*/



/*-- Events Page Styles End --*/


/*-- Events Inner Page Styles Start --*/





/*-- Events Inner Slider Styles Start --*/

.event-inner-info-cont{
    position: relative;
    z-index: 1;
}


.event-inner-info-details p{
    padding-bottom: 20px;
}

.event-inner-info-details img{
    width: 100%;
    max-width: 70%;
    height: 400px;
    object-fit: cover;
    margin: 0 auto 50px auto;
    display: block;
    border-radius: 15px;
}



/*-- Events Inner Slider Styles End --*/

/*-- Events Inner Btm Info Styles Start --*/

.event-inner-info-details h6{
    font-size: 22px;
}


/*-- Events Inner Btm Info Styles End --*/





/*-- Events Inner Page Styles End --*/


/*-- Clients Page Styles Start --*/


.client-details-info{    
    border-radius: 15px;
    padding: 50px;
    border: 1px solid #0000ff1f;
    background: #0000ff0d;
    
}

.client-details-info:hover{
    background-color: #ff702026;
}

.client-details-info h6{
    font-size: 24px;
}


.client-details-gal{
    background: #fff;
    text-align: center;
    padding: 70px 20px;
    overflow: hidden;
}

.client-details-gal img{
    width: 100%;
    max-width: 200px;
    object-fit: cover;
    transition: 0.5s all linear;
}

.client-details-gal:hover img{
    transform: scale(1.2, 1.2);
}


/*-- Clients Page Styles End --*/


/*-- Our Team Page Styles Start --*/

/*-- Our Team Btm Info Styles Start --*/

.team-btm-info{
    position: relative;
    z-index: 1;
}

.team-btm-cont-details{
    width: 100%;
    position: relative;
    border-radius: 15px;
    overflow: hidden;   
    cursor: pointer; 
}

.team-btm-cont-details img{
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 15px;
    height: 500px;
    transition: 0.5s all linear;
}

.team-btm-cont-details:hover img{
    transform: scale(1.1, 1.1);
}

.team-btm-cont-details::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,#212527 10%,rgb(12 12 12 / 0%) 50%);
    border-radius: 15px;
    z-index: 1;
}

.team-btm-cont-details:hover::before{
    background: linear-gradient(0deg, #ff7020f2 6%, #f75a0200 40%);
}

.team-btm-cont-details h5{
position: absolute;
    bottom: 20px;
    font-size: 28px;
    color: #fff;
    padding: 0 30px;
    z-index: 11;
    font-weight: 500; 
}


.team-btm-cont-details h5 span{
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    color: #adadad;
    padding-top: 6px;
}

.team-btm-cont-details:hover h5 span{
    color: #fff;
}


/*-- Our Team Btm Info Styles End --*/



/*-- Our Team Btm Popup Styles Start --*/



.our-team-popup-cont-lt-head h5{
    color: #000;
    font-weight: 600;
    font-size: 24px;
    padding-bottom: 20px;
}

.our-team-popup-cont-lt-head h5 span{
color: #b1b1b1;
    font-weight: normal;
    font-size: 16px;
    padding-top: 10px;
    text-transform: uppercase;
    display: block;   
}

.our-team-popup-cont-rt img{
    width: 100%;
    max-width: 100%;
}

.our-team-popup-info .modal-header{
    border-bottom: none;
}

.our-team-popup-info .modal-content{
    padding: 20px;
    border-radius: 15px;
}

.our-team-popup-info .modal-body{
    padding-top: 0 !important;
}

.btn-close:focus{
    border: none;
    outline: none;
    box-shadow: none;
}

.our-team-popup-cont-rt{
    position: relative;
    z-index: 1;
}

.our-team-popup-cont-rt-icons{
    position: absolute;
    bottom: 0;
    right: 12px;
}

.our-team-popup-cont-rt-icons .fa{
    background-color: #fffc;
    color: #000;
    font-size: 18px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}



/*-- Our Team Btm Popup Styles End --*/


/*-- Our Team Page Styles End --*/


/*-- Services Page Styles Start --*/



/*-- Services Sub Info Styles Start --*/


.service-sub-info{
    position: relative;
    z-index: 1;
}


.service-sub-info-cont ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0px 0px;
}

.service-sub-info-cont ul li{
    width: 230px;
    height: 230px;
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e0eefe99;
    margin: -10px -10px;
    text-align: center;
    font-weight: 500;
    padding: 10px 25px;
}

.service-sub-info-cont ul li:hover{
    background-color: #ffdacb99;
}

.managed-cloud-info .service-sub-info-cont ul, 
.artificial-intelligence-info .service-sub-info-cont ul{
    padding: 0 100px;
}


/*-- Services Sub Info Styles End --*/


/*-- Services Benefits Styles Start --*/


.service-benefits-info-cont ul{
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.service-benefits-info-cont ul li{
    width: 25%;
    float: left;
    padding: 20px 30px 20px 30px;
    text-align: center;
    overflow: hidden;
        margin-bottom: 30px;
}

.service-benefits-info-cont img{
    width: 100%;
    max-width: 80px;
    display: block;
    margin: 0 auto 20px auto;
    transition: 0.5s all linear;
}

.service-benefits-info-cont li:hover img{
    transform: scale(1.2, 1.2);
}

.service-benefits-info-cont li span{
    display: block;    
    font-weight: 500;
}


/*-- Services Benefits Styles End --*/


/*-- Service Practices Styles Start --*/

.service-practices-info{
    position: relative;
    z-index: 1;
}

.service-practices-info-cont ul{
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
        margin-top: 40px;
}

.service-practices-info-cont ul li{
width: 33%;
    float: left;
    display: flex;
    padding-right: 30px;
    font-weight: 500;
    margin-bottom: 50px;
    justify-content: flex-start;
    align-items: center;
}


.service-practices-info-cont span{
    background-color: #ff7020;
    border-radius: 50%;
    width: 100%;
    max-width: 50px;
    height: 50px;
    color: #fff;
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
}
/*--
.service-practices-info-cont ul li:nth-child(4),
.service-practices-info-cont ul li:nth-child(5){
    margin-bottom: 0;
}
 --*/

/*-- Service Practices Styles End --*/


/*-- Service Approach Styles End --*/


.service-approach-info{
    background: url("../images/banner-3.jpg") no-repeat;
    background-size: cover;
    height: 600px;
    position: relative;
}

.service-approach-info::before{
    content: '';
    background-color: #00000094;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.service-approach-info-cont{
    position: absolute;
    top: 65%;
    transform: translateY(-50%);
    z-index: 1;
    right: 7%;
    left: 7%;
}

.service-approach-info-cont .page-heading p{
    padding: 0;
}

.service-approach-info-cont .page-heading h2,
.service-approach-info-cont .page-heading h4,
.service-approach-info-cont .page-heading p{
    color: #fff;
}

.service-approach-info-cont ul{
    width: 100%;
    float: left;
    display: flex;
}

.service-approach-info-cont ul li{
    background-color: #dce7eb;
    border-radius: 15px;
    padding: 20px;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-right: 20px;
    font-weight: 500;
}

.service-approach-info-cont ul li::before{
    content: '';
    background-color: #0000ff1f;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -27px;
    left: -27px;
    border-radius: 50%;
}

.service-approach-info-cont ul li:hover{
    background-color: #ffbca6;
}

.service-approach-info-cont ul li:hover::before{
    background-color: #ffa78a;
}


/*-- Service Approach Styles End --*/

/*-- Service Promise Styles End --*/

.service-promise-info-cont-lt img{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: block;
}

.service-promise-info-cont-rt li{
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    padding: 20px;
    position: relative;
}


.service-promise-info-cont-rt li:last-child{
    border-bottom: none;
}

.service-promise-info-cont-rt li::before{
    content: '';
    background-color: #ff7020;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 28px;
    left: 0;
}


/*-- Service Promise Styles End --*/


/*-- Service Quality Assurance Styles End --*/


.service-quality-assurance-info-rt ul{
    width: 100%;
    float: left;
}

.service-quality-assurance-info-rt li{
    box-shadow: 0px 4px 20px 6px #dddddd6e;
    padding: 30px 50px;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    margin: 15px 15px 15px 15px;
    font-weight: 500;
    width: 43%;
    float: left;
    overflow: hidden;
}

.service-quality-assurance-info-rt li .fa{
    font-size: 32px;
    padding-bottom: 5px;
    transition: 0.5s all linear;
}

.service-quality-assurance-info-rt li:hover .fa{
    transform: scale(1.2, 1.2);
}

.service-quality-assurance-info-rt li span{
    display: block;
}

.service-quality-assurance-info-rt li:nth-child(1){
    margin-top: 50px;
}
.service-quality-assurance-info-rt li:nth-child(2){
    margin-bottom: 50px
}
.service-quality-assurance-info-rt li:nth-child(4){
    margin-top: -20px;
    margin-bottom: 50px;
}



/*-- Service Quality Assurance Styles End --*/



/*-- Service Methhodology Assurance Styles End --*/




.service-methodology-info-gal img{
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    margin: 0 auto;
    display: block;
    transition: 0.5s all linear;
}

.service-methodology-info-gal:hover img{
    transform: scale(1.1, 1.1);
}

/*-- Service Methhodology Assurance Styles End --*/



/*-- Service Satisfaction Styles Start --*/



.service-satisfaction{
        margin: 30px 0px 30px 0px;

}

.service-satisfaction-info p{
    font-size: 32px;
}


.service-satisfaction-info ul{
    padding: 0;
    display: flex;
    justify-content: center;
}

.service-satisfaction-info ul li{
    list-style: none;
    margin: 0 15px;
    position: relative;
    font-size: 42px;
    transition: 0.5s all linear;
    cursor: pointer;
}




.service-satisfaction-info ul li:hover{
    transform: scale(1.3);
}



.service-satisfaction-info ul li:nth-child(1) span::before{
    content: "😕";
}

.service-satisfaction-info ul li:nth-child(1):hover span::before{
    content: "☹️";
}

.service-satisfaction-info ul li:nth-child(2) span::before{
    content: "😐";
}

.service-satisfaction-info ul li:nth-child(2):hover span::before{
    content: "😀";
}

.service-satisfaction-info ul li:nth-child(3) span::before{
    content: "🙂";
}

.service-satisfaction-info ul li:nth-child(3):hover span::before{
    content: "😇";
}

.service-satisfaction-info ul li:nth-child(4) span::before{
    content: "😊";
}

.service-satisfaction-info ul li:nth-child(4):hover span::before{
    content: "😍";
}


.service-satisfaction-info [data-bs-title]:hover::after {
    content: attr(data-bs-title);
    position: absolute;
    top: -25px;
    left: 10px;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 2px;
    background: #000;
    color: #fff;
    font-size: 12px;
    width: max-content;
  }

  .service-satisfaction-info [data-bs-title]:hover::before {
    content: '\f0d7';
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    font-size: 18px;
    color: #000;
    font-family: "FontAwesome";
  }




/*-- Service Satisfaction Styles End --*/



/*-- Satisfaction Popup Styles Start --*/


.feedback-popup-cont h4{
    font-size: 26px;
    font-weight: 500;
    padding-bottom: 10px;
    color: #000;
}

.feedback-popup-cont p{
    line-height: 28px;
}

.feedback-popup-cont form{
        margin-top: 30px;
}

.feedback-popup-cont-form{
    width: 100%;
    float: left;
    margin: 10px 0;
}



.feedback-popup-cont-form select{
    color: #ff7020;
    border: none;
    outline: none;
    border-bottom: 1px solid #ff7020;
}
.feedback-popup-cont-form input{
    padding: 20px 20px 50px 20px;
    box-shadow: 1px 1px 15px 2px #ddd;
    margin-top: 35px;
    border: none;
}

.feedback-popup-cont-form .form-control:focus{
    border: none;
    box-shadow: 1px 1px 15px 2px #ddd;
}


/*-- Satisfaction Popup Styles End --*/


/*-- Thank you Popup Styles Start --*/


.thank-you-popup-cont img{
    width: 100%;
    max-width: 300px;
    margin: 0 auto 20px auto;
    display: block;
}

.thank-you-popup-cont{
    text-align: center;
}

.thank-you-popup-cont h4{
font-size: 26px;
    font-weight: 500;
    padding-bottom: 10px;
    color: #000;
}

.thank-you-popup-cont p span{
    display: block;
    font-weight: 500;
    padding-top: 5px;
}

.thank-you-popup-info.active{
    display: block;
    opacity: 1;
}

/*-- Thank you Popup Styles End --*/


/*-- Services Page Styles End --*/


/*-- Sitemap Page Styles Start --*/


.sitemap-main-details ul li{
    padding: 13px 20px;
}

.sitemap-main-details ul li a{
    font-weight: 600;
    color: #444;
    
}

.sitemap-main-details ul li a:hover{
    color: #ff7020;
}

.sitemap-main-details ul.list-icon li a{
    font-weight: normal;    
}

.sitemap-main-details ul.list-icon li{
    padding: 10px 20px;
}





/*-- Sitemap Page Styles End --*/


/*-- Privacy Policy Page Styles Start --*/


.privacy-policy-main-info li{
   padding: 20px 0;
    line-height: 34px;
    display: flex;
    font-size: 18px;
}

.privacy-policy-main-info li span{
    color: #ff7020;
    padding-right: 20px;
    font-weight: 700;
}





/*-- Privacy Policy Page Styles End --*/




/*-- Backend Entry Page Styles Start --*/


.backend-job-openings-cont, .backend-events-entry-main-cont{
    box-shadow: none;
}


.backend-events-info .sub-notification{
    display: block;
    color: #f00 !important;
    font-size: 14px !important;
    cursor: auto;
}

.backend-events-info .btn-animation{
    background-color: #333;
}

.backend-events-info .btn-animation::after{
    content: none;
}

.backend-events-info .alert-msg{
    border: 1px solid #f00;
}


.backend-events-info table {
    border-radius: 25px;     
   }   
   
   
   
   .backend-events-info thead th:first-child {
    border-top-left-radius: 25px;
   }
   
   .backend-events-info thead th:last-child {
    border-top-right-radius: 25px;
   }
   
   /* .backend-events-info tbody tr:last-child :first-child {
    border-bottom-left-radius: 25px;
   }
   
   .backend-events-info tbody tr:last-child :last-child {
    border-bottom-right-radius: 25px;
   } */

.backend-events-info .checkbox-size{
    width: 15px;
    height: 15px;
}

.backend-table-cont thead tr{
    background-color: #24609d;
    color: #fff;
    text-align: center;
    border: none;
}

.backend-table-cont tbody td{
    font-size: 16px;
    padding: 10px 10px 10px 20px;
}

.backend-events-info .input-group-text{
    cursor: pointer;
    border-radius: 0 0.375rem 0.375rem 0;
}

.backend-events-info ::placeholder{
    color: #212529;
}


.datepicker{
    box-shadow: 1px 1px 10px 1px #ddd;
    padding: 5px 20px 5px 20px;
    border-radius: 10px;
    z-index: 112 !important;
}

.datepicker .datepicker-days td{
    padding: 0 7px;
    cursor: pointer;
}

.datepicker .datepicker-days td.old, .datepicker .datepicker-days td.new{
    opacity: 0.5;
}

.datepicker-days .prev,.datepicker-days .next{
    background: #24609d;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    max-width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.datepicker-switch{
    text-align: center;
}



/*-- Backend Entry Page Styles End --*/