/* ######################################## ABOUT US #######################################*/

.team-members {

    display: flex;

    gap: 10px;

}



.team-member {

    border-radius: 20px;

    /* min-height: 339px; */

}



.member-name {

    font-size: 17px;

    color: #ffffff;

    font-weight: 700;

}



.member-designation {

    font-size: 14px;

    color: #ffffff;

    font-weight: 500;

}



.overview-section {

    background-color: #f2f2f2;

}



.overview-container h3::before {

    content: "";

    display: block;

    width: 27px;

    height: 24px;

    margin-left: 0;

    margin-top: -4px;

    background-image: url(/assets/images/about-us/icon-tick.webp);

    position: absolute;

    left: 0;

    top: 0;

}



.reasons-list p::before {

    content: "";

    display: block;

    width: 21px;

    height: 13px;

    margin-left: 15px;

    margin-top: 19px;

    background-image: url(/assets/images/icon-service-points.webp);

    position: absolute;

    left: 0;

    top: 0;

}



.reasons-list {

    display: grid;

    grid-auto-rows: 1fr;

}



.reasons-list p {

    padding-left: 45px;

    padding-right: 60px;

    padding-top: 5px;

    padding-bottom: 5px;

    position: relative;

    background-color: #f2f2f2;

    margin-bottom: 10px;

    display: flex;

    align-items: center;

}



.overview-container h3 {

    padding-left: 35px;

    /* padding-top: 15px;

    padding-bottom: 15px; */

    position: relative;

}



.vision-mission-value-section {

    padding-top: 0px

}



.vision-mission-value-section img {

    margin-top: -120px;

}



.vision-mission-value-section h3 {

    margin-bottom: 10px;

}



.vision-mission-value-section p {

    margin-top: 15px;

}



.vision-mission-value-section .our-values,

.vision-mission-value-section .our-mission,

.vision-mission-value-section .our-vision {

    padding: 50px 50px;

    margin-top: 100px

}



.vision-mission-value-section .row,

.vision-mission-value-section .col-md-4 {

    display: flex;

}



.our-values,

.our-mission,

.our-vision {

    flex: 1;

}



.our-values {

    border-bottom-left-radius: 95px;

    border-top-left-radius: 95px;

    border-bottom-right-radius: 15px;

    border-top-right-radius: 15px;

    background-color: #f2f2f2;

}



.our-mission {

    border-radius: 15px;

    background-color: #f2f2f2;

}



.our-vision {

    border-bottom-right-radius: 95px;

    border-top-right-radius: 95px;

    border-bottom-left-radius: 15px;

    border-top-left-radius: 15px;

    background-color: #f2f2f2;

}



.whychoose-section .container .whychoose-block {

    background-color: #f6930c;

    border-radius: 15px;

    padding: 35px 0px;

}



.whychoose-section p {

    font-size: 26px;

    line-height: 38px;

    color: #ffffff;

    font-weight: 700;

    font-family: "Montserrat";

    text-align: center;

}



.team-member .team-member-details {

    height: 0px;

    /* Initially hide the text */

    opacity: 0;

    /* Set up the animation */

    transition: opacity 0.3s ease-in-out;

    /* Position at the bottom */

    transform: translateY(60px);

    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;

}



.team-member:hover .team-member-details {

    /* On hover, show the text */

    margin-top: -60px;

    text-align: center;

    /* margin-left: 20px; */

    opacity: 1;

    /* On hover, move the details up */

    transform: translateY(0);

}



.divider {

    width: 65px;

    height: 2px;

    background: #393939;

    margin: 10px 0px;

}



.divider-center {

    width: 55px;

    height: 2px;

    background: #393939;

    margin: 0 auto;

}



.clients-slider-section {

    background-color: #f2f2f2;

}



.counter-dark-bg .conuter-desc {

    color: #ffffff !important

}



.counter-dark-bg .border-right {

    border-right: 2.5px solid #515151;

}



.icon-holder {

    width: 45px !important;

    height: 45px !important;

}



.icon-holder.contact-us-icon {

    background-image: url(/assets/images/icon-contact-us.webp) !important;

    background-repeat: no-repeat;

    margin: 0 auto;

}



.nav-container:hover .icon-holder.contact-us-icon {

    background-image: url(/assets/images/icon-contact-us-white.webp) !important;

}



.icon-holder.about-us-icon {

    background-image: url(/assets/images/icon-about-us.webp) !important;

    background-repeat: no-repeat;

    margin: 0 auto;

}



.nav-container:hover .icon-holder.about-us-icon {

    background-image: url(/assets/images/icon-about-us-white.webp) !important;

}



.icon-holder.how-we-work-icon {

    background-image: url(/assets/images/icon-how-we-work.webp) !important;

    background-repeat: no-repeat;

    margin: 0 auto;

}



.nav-container:hover .icon-holder.how-we-work-icon {

    background-image: url(/assets/images/icon-how-we-work-white.webp) !important;

}



#about-us .clients-slider-section,

#how-we-work .clients-slider-section {

    padding-bottom: 0px !important;

}







.general-pages-navbar .nav-container:hover {

    filter: drop-shadow(0px 5px 12px rgba(13, 13, 13, 0.05));

    background-color: #f6940c;

    color: #ffffff;

}



.general-pages-navbar .nav-container .link {

    color: #f6940c;



}



.nav-container-link {

    text-decoration: none;

}



.general-pages-navbar .nav-container:hover .general-nav-link,

.general-pages-navbar .nav-container:hover .link {

    color: #ffffff;

}











.general-pages-navbar {

    background: linear-gradient(to top, #ffffff 50%, #f2f2f2 50%);

}



.general-pages-navbar .general-nav-link {

    font-size: 20px;

    line-height: 24px;

    color: #1f1f1f;

    font-weight: 600;

}



.general-pages-navbar .nav-container {

    border-radius: 10px;

    filter: drop-shadow(0px 5px 12px rgba(13, 13, 13, 0.05));

    background-color: #ffffff;

    border: 1px solid #c1c4c9;

    text-align: center;

    padding: 30px 0px;

}



/* ######################################## END ABOUT US ####################################### */



/* ######################################## CONTACT US ####################################### */





.general-page .hero-text-heading {

    font-size: 44px;

    line-height: 55px;



    font-weight: 700;

}



.general-page .banner-section {

    color: #ffffff;

    min-height: 250px;

    display: grid;

    place-items: center;

}



.contact-section .contact-section-row {

    border-radius: 10px;

    background-color: #f3f4f5;

    padding: 40px;

}



.contact-section .form-control {

    padding: 10px 20px;

}



.form-control:focus {

    border-color: #f6940c;

    box-shadow: 0 0 0 0.25rem #f5ebdd

}



.contact-section-row h3 {

    margin-bottom: 15px;

}



.contact-info-section {

    border-radius: 6px;

    background-color: #ffffff;

    padding: 20px;

    margin-bottom: 10px;

}



.contact-info {

    display: flex;

}



.contact-info a {

    color: #f6940c !important;

    font-weight: bold;

    text-decoration: none

}



.contact-info p {

    margin: auto 0px;

}



.contact-info hr {

    border-top: 2px dashed;

}



.address-info h3 {

    margin-bottom: 10px;

}



.contact-info-section img {

    width: 38px;

    height: 38px;

    margin-top: 2px;

    margin-right: 15px;

}



.form-group {

    margin-bottom: 10px;

}



.left-section {

    padding-right: 25px;

}



.right-section {

    padding-left: 25px;

}



.upload-file {

    /* padding: 10px; */

    border-radius: 30px;

}



#captcha-fields-container {

    display: inline-flex;

}



/* ######################################## END CONTACT US ####################################### */



/* ######################################## HOW WE WORK ########################################### */

.privacy-policy-page {

    background-color: #f9f9f9;

}



.privacy-policy-row {

    border-radius: 17px;

    background-color: #ffffff;

    padding-top: 30px;

    padding-bottom: 30px;

    padding-left: 50px;

    padding-right: 20px;

}



.privacy-policy-section h2,

.privacy-policy-section h3 {

    position: relative;

}



.privacy-policy-section h2::before {

    content: "";

    display: block;

    width: 36px;

    height: 32px;

    margin-left: -45px;

    margin-top: 6px;

    background-image: url(/assets/images/privacy-policy/icon-circle-tick.webp);

    position: absolute;

    left: 0;

    top: 0

}



.privacy-policy-section h3::before {

    content: "";

    display: block;

    width: 24px;

    height: 21px;

    margin-left: -32px;

    margin-top: 3px;

    background-image: url(/assets/images/privacy-policy/icon-tick.webp);

    position: absolute;

    left: 0;

    top: 0

}



.privacy-policy-section .divider {

    width: 115px;

    height: 2px;

    background: #393939;

    margin: 10px 0px;

}



.sidebar-nav {

    display: inline-flex;

    gap: 15px;

}



.general-page .contact-us-icon {

    width: 40px;

    height: 40px;

    background-image: url(/assets/images/privacy-policy/icon-contactus-grey.webp);

    background-repeat: no-repeat;

}



.general-page .about-us-icon {

    width: 40px;

    height: 40px;

    background-image: url(/assets/images/privacy-policy/icon-aboutus-grey.webp);

    background-repeat: no-repeat;

}



.general-page .how-we-work-icon {

    width: 40px;

    height: 40px;

    background-image: url(/assets/images/privacy-policy/icon-how-we-work-grey.webp);

    background-repeat: no-repeat;

}



.sidebar-nav p {

    font-size: 20px;

    line-height: 24px;

    font-weight: 500;

    margin: 0px;

    margin-top: 10px;

}



.sidebar-nav a {

    text-decoration: none;

    color: #393939;

}



.sidebar-nav:hover p,

.sidebar-nav:hover a {

    color: #f99b1e;

}



.sidebar-nav:hover .about-us-icon {

    width: 40px;

    height: 40px;

    background-image: url(/assets/images/privacy-policy/icon-aboutus.webp);

    background-repeat: no-repeat;

}



.sidebar-nav:hover .contact-us-icon {

    width: 40px;

    height: 40px;

    background-image: url(/assets/images/privacy-policy/icon-contactus.webp);

    background-repeat: no-repeat;

}



.sidebar-nav:hover .how-we-work-icon {

    width: 40px;

    height: 40px;

    background-image: url(/assets/images/privacy-policy/icon-how-we-work.webp);

    background-repeat: no-repeat;

}



.privacy-policy-sidebar {

    border-radius: 22px;

    background-color: #eceaea;

    padding-top: 15px;

    padding-bottom: 15px;

    position: sticky;

    top: 100px;

}



.privacy-policy-sidebar .privacy-policy-navlinks {

    background: #ffffff;

    border-radius: 22px;

    border-radius: 8px;

    padding: 20px;

    margin: 0 5px;

}



.privacy-policy-innerrow {

    padding-top: 15px;

    padding-bottom: 0px;

    padding-left: 20px;

    padding-right: 0px;

}



.privacy-policy-innerrow p {

    margin-bottom: 0px;

}



/* ######################################## END HOW WE WORK ########################################### */



@media only screen and (max-width:400px),

only screen and (max-width:600px),

only screen and (max-width:768px) {

    #captcha-fields-container {

        display: block;

    }



    .contact-section .contact-section-row {

        padding: 10px 0px;

    }



    .vision-mission-value-section .our-values,

    .vision-mission-value-section .our-mission,

    .vision-mission-value-section .our-vision {

        padding: 50px 50px;

        margin-top: 100px;

        border-radius: 15px;

    }



    .whychoose-section .container .whychoose-block {

        background-color: #f6930c !important;

    }



    .counter-dark-bg {

        background-color: #232323 !important;

    }



    .counter-dark-bg .border-right {

        border-right: none

    }



    .whychoose-section p {

        font-size: 16px;

        line-height: 25px;

    }



    .team-members {

        display: grid;

        gap: 10px;

        grid-template-columns: 1fr 1fr;

    }



    .team-members img {

        width: 100%;

    }



    .member-designation {

        font-size: 10px;

    }



    .general-pages-navbar .nav-container {

        margin-bottom: 10px;

    }

}