html {
    scroll-behavior: smooth;
}
:root{
    --sky:#34BFB7;
    --green:#045851;
    --gray:#667085;
    --dark:#3E3E3E;
    --black:#000000;
    --white:#ffffff;
}

* {
    margin: 0;
    padding: 0;
}
/* btns  */
body {
    background: url(../images/header.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  background-attachment: fixed;
  font-family: Nunito;
}
.log-btn{border-radius: 10px;
    background: var(--sky);
    padding: 12px 32px;
    color: var(--white);
    border: none;
    font-family: Inter;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.2s ease-in;
}
.log-btn:hover{
    background-color: var(--green);
}

.form-btn{border-radius: 8px;
    border: 2px solid var(--sky);
     background: var(--sky);
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
     width: 537px;
     height: 52px;
     padding: 10px 14px;
     align-items: center;
     gap: 8px;
     flex-shrink: 0;
     color: var(--white);
     font-family: Inter;
     font-size: 16px;
     font-style: normal;
     font-weight: 700;
     line-height: 24px;
     transition: all 0.2s ease-in;
    }
.form-btn:hover{border-radius: 8px;
    border: 2px solid var(--green);
     background: var(--green);
     color: var(--white);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    width: 537px;
    height: 52px;
    padding: 10px 14px;
    align-items: center;gap: 8px;
    flex-shrink: 0;
}

.btn1 button{
    margin-top: 50px;
    padding: 12px 32px;
    border: none;
    border-radius: 20px;
    background: var(--green);
    stroke: var(--white);
    color: var(--white);
    font-family: Nunito;
    font-size: 18px;
    font-weight: 700;
    transition: all 0.3s ease-in;
    text-align: center;
}
.btn1 button span{visibility: hidden;margin-left: -10px;transition: all 0.2s ease-in-out;}
.btn1 button:hover{
    padding: 12px 32px;
    border: none;
    border-radius: 20px;
    background: var(--sky);
    stroke: var(--white);
    color: var(--white);
    font-family: Nunito;
    font-size: 18px;
    font-weight: 700;
}
.btn1 button:hover span{
    visibility: visible;
    margin-left: 0px;
}

/* mobile menu  */
.hamburger-menu {
    position: static;
    cursor: pointer;
    z-index: 9998;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.mobile-nav {
    width: 100vw;
}

.bar,
.bar:after,
.bar:before {
    width: 30px;
    height: 3px;
}

.bar {
    position: relative;
    transform: translateY(10px);
    background: var(--black);
    transition: 0s .3s;
}

.bar.animate {
    background: rgba(255, 255, 255, 0);
}

.bar:after,
.bar:before {
    content: "";
    position: absolute;
    background: var(--black);
    left: 0;
}

.bar:before {
    bottom: 10px;
    transition: bottom .3s cubic-bezier(.23, 1, .32, 1) .3s, transform .3s cubic-bezier(.23, 1, .32, 1)
}

.bar:after {
    top: 10px;
    transition: top .3s cubic-bezier(.23, 1, .32, 1) .3s, transform .3s cubic-bezier(.23, 1, .32, 1)
}

.bar.animate:after {
    top: 0;
    transform: rotate(45deg);
    transition: top .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1) .3s
}

.bar.animate:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1) .3s;
}

.mobile-menu ul {
    margin: 0;
  padding-top: 10%;
  padding-left: 0;
  top: 10%;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 90%;
}
.mobile-menu ul .nav-item svg {
    height: 20px;
    width: 20px;
  }
.mobile-menu li {
    line-height: 15px;
    margin: 0;
    overflow: hidden;
    padding: 14px 18px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
}

.mobile-menu li:hover {
    background: #ccc;
}
.mobile-sub-link a {
    text-decoration: none;
    font-weight: 600;
    padding-left: 35px;
  }

.mobile-menu li a {
    color: var(--black);
    font-size: 20px;
}

.mobile-menu {
    top: 0;
    max-width: 100%;
    left: -100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(52,191,183,1) -1%, rgba(255,255,255,1) 20%);
    color: var(--black);
    height: 100%;
    position: fixed;
    z-index: 9997;
    overflow-y: auto;
    transform: translate3d(0, 0, 205px);
    transition: .5s ease-in-out;
    display: flex;
    justify-content: center;
}

.mobile-menu.active1 {
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    transition: .5s ease-in-out;
}
.scroll{overflow-y:auto;}
.scroll.scroll-n{overflow-y:hidden;}

.menu-bar {
    padding-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

                     /* header section   */
.header-section{
    color: var(--white);
    height: 90vh;
}      
.header-bg{
    height: 100%;
    width: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
} 
.header-mrg{padding-top: 10vh;}
.header-second{
    padding: 5vh 0 150px 0;
}              
.navbar{
    background-color: var(--white);
    border: 1px solid var(--white);
    border-radius: 20px;
    padding: 20px 10px;
    margin-top: 20px;
}
.navbar-nav{padding-right: 10px;}
.sticky-nav{
    position: sticky;
    top: 15px;
    z-index: 20;
    box-shadow: -1px 6px 18px -6px rgba(0,0,0,0.09);
}
.nav-item,.active-nav{margin-right: 10px;width: max-content;}
.nav-item a{color: var(--dark);
    font-family: Inter;
    font-size: 15px;
    font-weight: 600;
    padding-left: 5px;
    transition: all 0.2s ease-in;
}
.active-sub-nav{    color: var(--sky);font-family: Inter;font-size: 15px;font-weight: 600;padding-left: 10px;}
.nav-item svg,.active-nav svg{stroke: var(--black);transition: all 0.3s ease-in-out;}
.nav-item:hover,.active-nav:hover svg{stroke: var(--sky);}
.nav-item a:hover,.active-nav a{
    color: var(--sky);
    font-family: Inter;
    font-size: 15px;
    font-weight: 600;
    padding-left: 10px;
}
.nav-link:focus, .nav-link:hover {
    color: var(--sky);
  }
.header-second form{
    display: flex;
    flex-direction: column;
    float: right;
}
.header-second form input{padding: 15px;
    width: 537px;
    height: 52px;
    padding: 10px 14px;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid var(--white);
    background: var(--white);
    margin-bottom: 15px;
    outline: none;
}
.header-second h4{
font-family: Nunito;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 30px;
margin-bottom: 0px;
}
.header-second h1{
font-family: Nunito;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 60px;
margin-bottom: 0px;
text-transform: capitalize;
}
.header-second p{
font-family: Nunito Sans;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 29px;
margin-bottom: 0px;
padding-top: 10px;
}

  /* about section  */
.title-head{color: var(--sky);
    font-family: Nunito Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
}
.title{
    color: var(--dark);
font-family: Nunito;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 46px;
margin-bottom: 0;
}
.title-para{
    color: var(--black);
font-family: Nunito;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px;
padding: 10px 40px;
}
.about-section{
    background-color: var(--white);
    padding-top: 80px;
    padding-bottom: 100px;
}
.card-1{
    border-radius: 20px;
    background: #F6F6F6;
    height: 720px;
    position: relative;
}
.card-img,.card-1{overflow: hidden;}
.card-img img{width: 100%; transition: all 0.4s ease-in-out;min-height: 445px;}
.card-1:hover img{scale: 1.1;overflow: hidden;filter: brightness(1.05);}
.card-data{padding: 20px 40px;}
.card-data h2{
    color: var(--sky);
font-family: Nunito;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 41px;
height: 40px;
}
.card-data p{color: var(--black);
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;}
.card-data a{color: var(--green);
    font-family: Nunito;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    position: absolute;
    bottom: 20px;
}

    /* reason section  */
.reason-section{
    position: relative;
    padding-top: 50px;
    background: url(../images/reasons-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.reason-sec-data{
    background-color: #fff;
    padding-bottom: 60px;
    padding-left: 50px;
    padding-right: 75px;
}
.reason-section img{position: absolute;top: 10%;z-index: -1;}
.reason-section h5{
    color: var(--green);
    font-family: Nunito;
    font-size: 24px;
    font-weight: 600;
    padding-top: 30px;
}
.reason-section span{
    color: var(--black);
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.reason-sec-data ul{padding-left: 1rem; list-style: decimal-leading-zero;}
.reason-sec-data ul li{    color: var(--black);
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding-top: 15px;}
.testimonial-section .title h3{font-family: Nunito;font-size: 48px;font-weight: 700;line-height: 59px;}
.test-btn-direct{display: flex;align-items: center;justify-content: flex-end;}
.testimonial-card{background-color: var(--white);}
.test-img{height: 286px;}
.test-img img{height: 100%;width: 100%;}
.test-card-info{
    padding: 35px 150px 50px 30px;
}

.test-page{
    background-color: var(--white);
    border-top: 1px solid var(--gray);
    padding: 25px 75px;
}
.test-page button{background-color: var(--white);
    border: 0px;
}
.page-count p{color: var(--green);font-family: Nunito;font-size: 24px;font-weight: 600;margin-bottom: 0;}
.testimonial-section{
    padding-top: 70px;
    padding-bottom: 100px;
    color: var(--white);
    background: url(../images/testimonial-bg-img.png);
    background-color: var(--green);
    background-repeat: no-repeat;
    background-size: cover;
}

.test-info h2{color: var(--dark);font-family: Nunito;font-size: 48px;font-style: normal;font-weight: 700;line-height: 59px;}
.test-info p{color: var(--green);font-family: Nunito;font-size: 18px;font-weight: 600;}
.test-info h6{color: var(--green);font-family: Nunito;font-size: 24px;font-weight: 600;}

/* quote section  */
.quote-section{background-color: #F0FFFE;padding: 130px 310px;}
.quote-title p{color: var(--green);
    font-family: Nunito;
    font-size: 18px;
    font-weight: 600;}

    /* footer section  */
    .footer-section{padding-top: 60px;background-color: #fff;}
.footer-section h6{
    background-color: #fff;
    color: var(--green);
font-family: Inter;
font-size: 13px;
font-style: normal;
font-weight: 700;
line-height: 23px;
margin-bottom: 25px;
}
.footer-section a,.footer-section p{
    color: var(--gray);
font-family: Inter;
text-decoration: none;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 35px;
}
.footer-right p{
    color: var(--gray);
font-family: Inter;
text-decoration: none;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 25px;
margin-bottom: 15px;
}
.footer-logo{border-bottom: 1px solid #D9D9D9;padding-bottom: 30px;}
.footer-data{padding-top: 20px;}
.footer-data p{line-height: 23px;}
.footer-links img{margin-right: 20px;}
.last-foot{border-top: 1px solid #D9D9D9;padding: 30px 0;margin-top: 40px;}
a.text-none {text-decoration: none;color: #000;}
.about-card {padding-top: 30px;}

                               /* ====================================              about page               =========================================*/
   .ab-title-para{color: var(--black);font-family: Nunito;font-size: 16px;font-style: normal;font-weight: 500;line-height: 28px;}
   .page-head{padding-top: 50px;}
   .ab-page-title{color: var(--dark);font-family: Nunito Sans;font-size: 24px;font-style: normal;font-weight: 400;line-height: 29px;}
   .page-head h1{color: var(--sky);font-family: Nunito;font-size: 48px;font-weight: 700;line-height: 59px;}
   .page-title{color: var(--dark);font-family: Nunito Sans;font-size: 16px;font-style: normal;font-weight: 400;line-height: 29px;}
   .ab-title-para p{color: var(--black);font-family: Nunito;font-size: 16px;font-style: normal;font-weight: 500;line-height: 28px;}
   .ab-title-para p span a{color: var(--black);font-family: Nunito;font-size: 16px;font-style: normal;font-weight: 500;line-height: 28px;text-decoration-line: underline;}
   .ab-head-section{padding-top: 50px;}
   /* ab-section  */
   .ab-reason-section{color: var(--white);padding: 110px 0;margin-top: 150px;background: url(../images/ab-reason-bg.png);background-color: rgba(0, 0, 0, 0);background-position-y: 0%;background-repeat: repeat;background-repeat: no-repeat;height: 100%;background-blend-mode: color-dodge;background-size: contain;}
   .ab-reason-title h2{font-family: Nunito;font-size: 48px;font-style: normal;font-weight: 700;line-height: 59px;}
   .ab-reason-data h6{font-family: Nunito;font-size: 24px;font-weight: 600;}
   .ab-reason-data p{font-family: Nunito;font-size: 16px;font-weight: 500;line-height: 28px;}
   .ab-reason-data div div{padding-bottom: 20px;}
   .ab-reason-section {background-position-y: 100%;background-size: inherit;}
   /* contact-page  */
   .co-left{padding-right: 130px;}
   .co-left p{color: var(--black);font-family: Nunito;font-size: 16px;font-style: normal;font-weight: 500;line-height: 28px;}
   .co-right p{color: var(--black);font-family: Nunito;font-size: 16px;font-style: normal;font-weight: 700;line-height: 28px;margin-bottom: 0;}
   .co-right span{color: var(--black);font-family: Nunito;font-size: 16px;font-style: normal;font-weight: 500;line-height: 28px;}

   .co-form-section{position: relative;}
   .co-form-section .container{padding: 0 150px;padding-bottom: 100px;}
   .co-bg{background-color: #C5DEDB;padding-top: 60px;height: 500px;margin-top: 75px;}
   .co-form-section form{padding: 70px;display: flex;flex-direction: column;border-radius: 20px;background: #FFF;box-shadow: 0px 4px 70px 0px rgba(0, 0, 0, 0.06);margin-top: -440px;}
   .co-form-section form input,.co-form-section form textarea{border-radius: 8px;border: 1px solid #D9D9D9;background: #FFF;box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);padding: 20px 14px;margin-bottom: 20px;}
   input:focus-visible ,textarea:focus-visible {outline: 0;}
   .co-form-section form button{background-color: var(--sky);padding: 15px;color: var(--white);border: none;border-radius: 8px;transition: all 0.5s ease-in-out;color: #FFF;font-family: Inter;font-size: 16px;font-style: normal;font-weight: 700;line-height: 24px;}
   .co-form-section form button:hover{background-color: var(--green);}
   .co-form-section h2{color: var(--dark);font-family: Nunito;font-size: 48px;font-style: normal;font-weight: 700;line-height: 59px;}


                        /* ====================================              Screening-services page               =========================================*/
    .back-main-data{margin-top: 100px;position: relative;padding-bottom: 50px;}
    .bg-very-topics{border-radius: 20px;border: 1px solid #D9D9D9;background: #FFF;}
    .topic-head{background-color: #045851;border-radius: 20px 20px 0px 0;padding-left: 20px;}
    .topic-head p{color: #FFF;font-family: "Nunito";font-size: 24px;font-style: normal;font-weight: 700;line-height: 59px;}
    .topics-data  p,.topics-data  h6{color: #000;font-family: "Nunito";border-bottom: 1px solid #d9d9d9;font-size: 16px;font-style: normal;font-weight: 500;line-height: 0px;padding: 22px 0px 22px 40px;margin: 0;transition: all 0.25s ease-in-out;}
    .topics-data a{text-decoration: none;}
    .topics-data a p:hover{color: #045851;margin-left: 10px;}
    .current{color: #045851;margin-left: 10px;}
    .back-main-data .data-section{padding-top: 50px;padding-bottom: 75px;border-bottom: 1px solid #d9d9d9;}
    .back-main-data .data-section:last-child{border-bottom: 0px;padding-bottom: 0px;}
    .back-main-data .data-section h2{color: #3E3E3E;font-family: "Nunito";font-size: 48px;font-style: normal;font-weight: 700;line-height: 59px;}
    .back-main-data .data-section h3{color: #3E3E3E;font-size: 26px;font-weight: 600;line-height: 40px;}
    .back-main-data .data-section h4{color: #3E3E3E;font-size: 22px;font-weight: 600;line-height: 30px;}
    .back-main-data .data-section ul li span{color: #000;font-size: 16px;font-weight: 600;line-height: 28px;}
    .back-main-data .data-section p{color: #000;font-family: "Nunito";font-size: 16px;font-style: normal;font-weight: 500;line-height: 28px;}
                   /*  for left side sticky  */
                   .bg-very-topics{position: sticky;top: 15%;}


                        /* <===================================                        form-modal                   ==========================================> */

    .modal-content{background-color: #045851;padding: 40px;}
    .modal-title{color: #FFF;font-family: Nunito;font-size: 48px;font-style: normal;font-weight: 700;line-height: 60px;}
    .popup-btn{border-radius: 8px;background: var(--sky);box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);padding: 10px 0px;border: none;color: var(--white);font-family: Inter;font-size: 16px;font-style: normal;font-weight: 700;line-height: 24px;transition: all 0.25s ease-in-out;}
    .popup-btn:hover{background: #2a9e98;}
    .modal-body {position: relative;flex: 1 1 auto;padding: 0 15px;}
    .modal-body input{border-radius: 8px;border: 1px solid #FFF;background: #FFF;box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);padding: 10px 15px;margin-bottom: 15px;}
    .modal-body input:last-child{margin-bottom: 0;}
    .modal-header ,.modal-footer {border: none;padding-bottom: 30px;} 
    .btn-close {--bs-btn-close-opacity: 0.85;--bs-btn-close-hover-opacity: 1;}
    .modal.fade .modal-dialog {transition: all 0.25s ease-in-out;}
                            
                            /* <================================             privacy page   and human-trafficking page                ================================> */

    .privacy-section{padding: 50px 0;}                        
    .privacy-section h2{color: #3E3E3E;text-align: center;font-size: 36px;font-weight: 700;line-height: 59px;}
    .privacy-section p{color: #000;font-size: 16px;font-weight: 500;line-height: 28px;margin-bottom: 10px;}
    .privacy-section ul li{color: #000;font-size: 16px;font-weight: 500;line-height: 25px;}
    .privacy-section .privacy-div{padding-left: 30px;}
    .human-trafficking-section h2{color: #3E3E3E;font-size: 24px;font-weight: 700;line-height: 48px;}
    .human-trafficking-section p{color: #000;font-size: 16px;font-weight: 500;line-height: 24px;margin-bottom: 0;}
    .human-trafficking-section p span{color: #000;font-size: 16px;font-weight: 700;line-height: 24px;margin-bottom: 0;}
    .human-div{padding-left: 30px;}
    .human-trafficking-section ul li{color: #000;font-size: 16px;font-weight: 400;line-height: 28px;}
    .human-trafficking-section {padding: 50px 0;}

@media(max-width:1399px){
    .header-section{height: 100%;}
    .header-second h1 {font-size: 32px;line-height: 44px;}
    .header-second h4 {font-size: 20px;}
    .header-second p {font-size: 20px;}
    .header-mrg {padding-top: 3vh;}
    .header-second {padding: 5vh 0 150px 0;}
    .navbar {padding: 10px 5px;}
    .nav-item a {font-size: 13px;}
    .nav-item a:hover, .active-nav a {font-size: 13px;}
    .log-btn {font-size: 13px;}
    .title-head {font-size: 22px;}
    .title {font-size: 32px;line-height: 36px;}
    .title-para {font-size: 14px;line-height: 24px;}
    .card-1 {height: 680px;}
    .test-card-info {padding: 35px 150px 15px 30px;}
    .about-section {padding-top: 5vh;margin-top: 80px;}
    .test-img{height: 250px;}
    .header-second {padding: 5vh 0 80px 0;}
    .reason-section h5 {padding-top: 15px;}
    .btn1 button {margin-top: 35px;}
    .reason-sec-data{padding-left: 50px; padding-bottom: 60px;}
    .footer-data p {line-height: 23px;font-size: 13px;}
    .footer-section a{font-size: 13px;}
    body{background-size: auto;}
    .card-data h2 {font-size: 32px;font-weight: 700;line-height: 36px;height: 34px;}

    .ab-reason-title h2 {font-size: 44px;line-height: 54px;}
    .ab-reason-section {padding: 75px 0;margin-top: 100px;}
    .ab-head-img{padding-bottom: 50px;}
    .human-trafficking-section h2 {font-size: 20px;line-height: 40px;}
}
@media(max-width:1200px){
    .nav-item a,.nav-item a:hover {font-size: 12px;}
    .navbar {padding: 18px 5px;}
    .header-mrg {padding-top: 2vh;}
    .header-bg {height: 100%;}
    .header-second h1 {font-size: 32px;}
    .header-second h4 {font-size: 21px;}
    .header-second p {font-size: 19px;line-height: 24px;}
    .header-second form input {width: 450px;}
    .form-btn{width: 450px;}
    .form-btn:hover {width: 500px;border: var(--green);}
    .title-head {font-size: 22px;}
    .title {font-size: 30px;line-height: 35px;}
    .card-data h2 {font-size: 26px;line-height: 30px;height: 30px;}
    .card-1 {height: 670px;}
    .card-img img {min-height: 320px;}
    .test-card-info {padding: 20px 90px 15px 30px;}
    .test-info h2 {font-size: 46px;line-height: 40px;}
    .test-info h6 {margin-bottom: 0;}
    .reason-section {padding-top: 50px;}
    .title-para {font-size: 16px;line-height: 25px;padding: 10px 30px;}
    .reason-section img {width: 36%;}
    .about-card {padding-top: 30px;}
    .quote-section {padding: 100px 185px;}
    .about-section {padding-top: 35px;margin-top: 80px;padding-bottom: 50px;}
    .header-second {padding: 5vh 0 80px 0;}
    .reason-section h5 {padding-top: 10px;}
    .reason-section span {font-size: 16px;line-height: 20px;}
    .btn1 button {margin-top: 15px;}
    .reason-sec-data{padding-left: 50px;}
    .topics-data p, .topics-data h6 {line-height: 20px;padding: 10px 0px 10px 40px;}
    .human-trafficking-section h2 {font-size: 16px;line-height: 32px;}
    .human-trafficking-section ul li {font-size: 14px;font-weight: 400;line-height: 28px;}
    .human-trafficking-section p {font-size: 14px;}
}
@media(max-width:991px){
    .navbar {padding: 15px 10px;}
    .header-bg{height: 62%;}
    .mobile-links{padding: 0 100px;}
    .mobile-menu li {width: 100%;}
    .header-section {height: 100%;}
    .header-second h1 {font-size: 30px;line-height: 32px;}
    .header-second h4 {font-size: 16px;}
    .header-second p {font-size: 16px;line-height: 24px;}
    .header-second form input {width: 350px;}
    .nav-item a:hover, .active-nav a {font-size: 20px;}
    .form-btn{width: 350px;}
    .form-btn:hover {width: 350px;}
    .title-head {font-size: 18px;}
    .title {font-size: 20px;line-height: 28px;}
    .title-para {font-size: 14px;line-height: 20px;}
    .card-data h2 {font-size: 22px;line-height: 30px;height: 24px;}
    .card-data {padding: 20px 20px;}
    .card-data p {font-size: 14px;line-height: 24px;}
    .card-1 {height: 560px;}
    .card-img img {min-height: 320px;}
    .reason-section img {height: 90%;}
    .quote-section {padding: 100px;}
    .quote-title p {font-size: 15px;}
    .about-section {padding-top: 30px;margin-top: 80px;}
    .header-second {padding: 5vh 0 80px 0;}
    .reason-section h5 {padding-top: 10px;}
    .reason-section h5 {font-size: 18px;}
    .reason-section span {font-size: 13px;line-height: 16px;}
    .testimonial-section .title h3 {font-size: 46px;line-height: 54px;text-align: center;}
    .test-btn-direct{display: flex;align-items: center;justify-content: space-evenly;}
    .testimonial-card {width: 50%;}
    .test-img {height: 335px;}
    .testimonial-center{display: flex;flex-direction: column;align-items: center;}
    .test-info p {font-size: 16px;}
    .test-card-info {padding: 15px 15px 15px 20px;}
    .btn1 button {margin-top: 20px;}
    .quote-section {padding: 50px 125px;}
    .btn1 button {margin-top: 15px;}
    .reason-sec-data{padding-left: 20px;padding-bottom: 30px;padding-right: 10px;}
    .footer-data p {line-height: 20px;font-size: 12px;}
    .footer-left {padding-right: 45px;}
    .footer-section a, .footer-section p {font-size: 12px;}
    .footer-call p{padding-left: 5px;}
    .footer-call p {padding-left: 10px;margin-bottom: 10px;line-height: 30px;}

    .ab-reason-title{background: none;}
    .ab-title-para p {font-size: 15px;line-height: 25px;}
    .ab-reason-title {padding-bottom: 30px;}
    .footer-right,.footer-center2 {padding-top: 20px;}

    .privacy-section h2 {font-size: 30px;line-height: 40px;}
    .privacy-section p {font-size: 14px;line-height: 24px;margin-bottom: 5px;}
    .privacy-section .privacy-div {padding-left: 20px;}
}
@media(max-width:767px){
    .navbar {padding: 15px 10px;margin-top: 20px;width: 95%;}
    .nav-item a {font-size: 12px;}
    .header-mrg {padding-top: 40px;}
    .header-bg{height: 62%;}
    .header-section {height: 100%;}
    .header-second h1 {font-size: 28px;line-height: 34px;}
    .header-second h4 {font-size: 20px;line-height: 30px;}
    .header-second p {font-size: 14px;line-height: 22px;}
    .header-second form input {width: 75%;}
    .header-second form {align-items: center;padding: 25px 0;}
    .header-second {padding: 0;}
    .form-btn{width: 75%;}
    .form-btn:hover {width: 75%;border: var(--green);}
    .title-head {font-size: 16px;}
    .title-head p{margin-bottom: 5px;}
    .title {font-size: 20px;line-height: 28px;}
    .title p{margin-bottom: 5px;}
    .title-para {font-size: 13px;line-height: 22px;padding: 0;}
    .card-data h2 {font-size: 22px;line-height: 30px;height: 30px;}
    .card-data p {font-size: 15px;}
    .card-1 {height: 580px;margin-bottom: 20px;width: 75%;}
    .card-img img {min-height: 330px;}
    .reason-section img {display: none;}
    .about-card {padding-top: 50px;}
    .quote-section {padding: 100px;}
    .quote-title p {font-size: 15px;}
    .about-section {padding-top: 25px;margin-top: 25px;}
    .reason-section {padding-top: 40px;padding-bottom: 0px;}
    .reason-section h5 {padding-top: 10px;}
    .reason-section h5 {font-size: 20px;margin-bottom: 0;}
    .reason-section span {font-size: 14px;line-height: 16px;}
    .testimonial-card {width: 75%;}
    .center-align{display: flex;flex-direction: column;align-items: center;}
    .quote-section {padding: 50px 0;}
    .footer-section h6 {margin-bottom: 10px;}
    .footer-section a, .footer-section p {font-size: 12px;line-height: 24px;}
    .footer-logo {padding-bottom: 15px;}
    .footer-left {padding-bottom: 20px;padding-right: 45px;}
    .human-trafficking-section h2 {line-height: 24px;}
    .human-trafficking-section p {font-size: 14px;line-height: 20px;}
    .human-trafficking-section ul li {font-size: 14px;line-height: 24px;padding-bottom: 5px;}
    .human-trafficking-section p span {font-size: 14px;font-weight: 600;}
    .about-card {padding-top: 20px;}
    .human-trafficking-section {padding: 40px 0px;}
    .header-second form {float: center;width: 100%;}
    .reason-sec-data ul li {font-size: 14px;}
}
@media(max-width:575px){
    .title {line-height: 26px;font-size: 18px;}
    .card-data {padding: 20px 20px;}
    .header-mrg {padding-top: 30px;}
    .header-second h1 {font-size: 24px;line-height: 38px;}
    .header-second h4 {font-size: 16px;line-height: 30px;}
    .header-second p {font-size: 14px;line-height: 20px;}
    .title-para {font-size: 15px;line-height: 22px;padding: 0;}
    .card-1 {height: max-content;width: 100%;}
    .card-img img {min-height: 320px;}
    .card-data p {margin-bottom: 30px;font-size: 15px;}
    .testimonial-card {width: 90%;}
    .test-page {padding: 25px 50px;}
    .about-card {padding-top: 30px;}
    .testimonial-section .title h3 {font-size: 40px;line-height: 45px;}
    .test-info h2 {font-size: 40px;line-height: 40px;}
    .header-second form input {width: 100%;}
    .form-btn {width: 100%;}
    .form-btn:hover{width: 100%;}
    .testimonial-card {width: 90%;}
    .last-foot p{margin-bottom: 0;line-height: 25px;}
    .test-img img {height: 100%;width: 100%;}
    .reason-section {padding-bottom: 0px; background: #fff;padding-top: 0px;}
    .about-section {padding-bottom: 0px;}
    .reason-sec-data{padding-left: 20px;}
    .reason-sec-data .title{font-size: 30px;line-height: 36px;}
    .footer-center1,.footer-center2 {padding-top: 20px;}
    .footer-section h6 {margin-bottom: 5px;}
    .footer-section a, .footer-section p {line-height: 26px;}
    .mobile-links {padding: 0 0px;}
    .co-form-section .container {padding: 0 10px;padding-bottom: 50px;}
    .ab-reason-section {padding: 50px 0;margin-top: 50px;}
    .co-form-section form {padding: 20px;}
    .co-form-section h2 {font-size: 30px;}
    .co-form-section form input, .co-form-section form textarea {padding: 14px 12px;}
    .footer-section {padding-top: 20px;background-color: #fff;}
    .co-left {padding-right: 0px;}
    .back-main-data .data-section h2 {font-size: 42px;line-height: 50px;}
    .back-main-data {margin-top: 60px;}
    .page-head h1 {font-size: 42px;line-height: 52px;}
    .human-div {padding-left: 0px;}
    .human-trafficking-section ul{padding-left: 30px;}
    .human-trafficking-section ul li,.human-trafficking-section p{font-size: 13px;}
}
@media(max-width:390px){
    .header-second h4 {line-height: 35px;}
    .header-second h1 {font-size: 38px;line-height: 40px;}
    .title {line-height: 25px;font-size: 18px;}
    .title-para {font-size: 13px;line-height: 20px;}
    .card-1 {height: max-content;width: 100%;}
    .about-section {margin-top: 0;}
    .about-card {padding-top: 20px;}
    .reason-section span {font-size: 15px;line-height: 14px;}
    .ab-reason-title h2 {font-size: 34px;line-height: 40px;}
    .quote-title p {font-size: 14px;}
    .reason-sec-data .title p{font-size: 26px;line-height: 30px;}
    .back-main-data .data-section h3 {font-size: 16px;line-height: 24px;}
    .back-main-data .data-section h4 {font-size: 16px;line-height: 22px;}
    .back-main-data {margin-top: 50px;position: relative;padding-bottom: 50px;}

    .back-main-data .data-section h2 {font-size: 25px;line-height: 35px;}
    .back-main-data .data-section p {font-size: 14px;line-height: 24px;}
    .back-main-data .data-section {padding-top: 35px;padding-bottom: 25px;}
    .page-head h1 {font-size: 25px;line-height: 45px;}
    .ab-reason-section {padding: 30px 0;margin-top: 50px;}
    .back-main-data {margin-top: 35px;}

    .modal-content {padding: 10px;}
    .modal-title {font-size: 34px;}
    .modal-header, .modal-footer {padding-bottom: 20px;}
    .last-foot {margin-top: 20px;}
    .about-card {padding-top: 10px;}
    .human-trafficking-section {padding: 20px 0px;}
}


.testimonial-card {position: relative;overflow: hidden;}
.test-1 {display: flex;transition: transform 0.5s ease-in-out;}
.test-info {flex: 0 0 100%;}
button:focus-visible{outline: none;}
.dropdown {position: relative;display: inline-block;}
.dropdown button{background: none;border: none;display: flex;align-items: center;}
.dropdown-content {margin-top: 200px; display: none;position: absolute;background-color: #f9f9f9;min-width: 210px;box-shadow: 0px 4px 70px 0px rgba(0, 0, 0, 0.06);list-style: none;text-align: left;padding-left: 10px;border-top: 5px solid var(--sky);padding-top: 5px;}  
.dropdown-content a {color: black;padding: 12px 0px;text-decoration: none;display: block;transition: all 0.35s ease-in-out;}  
.dropdown-content a:hover {background-color: #f9f9f9;color: var(--sky);margin-left: 10px;}

.fade-in {animation: fadeInAnimation 0.8s;}
.rotate-in{animation: rotateIn 0.8s;}
.fade-out {animation: fadeOutAnimation 1s;}
.rotate-out{animation: rotateOut 0.8s;}
@keyframes rotateIn {0% { transform: rotateX('0deg');}100% { transform: rotateX('180deg');}}
@keyframes rotateOut {0% { transform: rotateX('180deg');}100% { transform: rotateX('0deg');}}
@keyframes fadeInAnimation {0% { opacity: 0;margin-top:calc(-70px);}100% { opacity: 1;margin-top: 0;}}
@keyframes fadeOutAnimation {0% { opacity: 0.1; margin-top: 0;}100% { opacity: 0;margin-top:calc(-98px);}}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}