*{box-sizing:border-box}
    
    
    @import url("https://p.typekit.net/p.css?s=1&k=gym8njm&ht=tk&f=35472.35474.35476.35478.35480.35482.35484&a=401137382&app=typekit&e=css");

@font-face {
font-family:"basic-sans";
src:url("https://use.typekit.net/af/4cfce7/00000000000000007735abd4/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/4cfce7/00000000000000007735abd4/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/4cfce7/00000000000000007735abd4/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
}

@font-face {
font-family:"basic-sans";
src:url("https://use.typekit.net/af/34f927/00000000000000007735abe8/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/34f927/00000000000000007735abe8/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/34f927/00000000000000007735abe8/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"basic-sans";
src:url("https://use.typekit.net/af/c07232/00000000000000007735abe6/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/c07232/00000000000000007735abe6/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/c07232/00000000000000007735abe6/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

@font-face {
font-family:"basic-sans";
src:url("https://use.typekit.net/af/ed7e70/00000000000000007735abf2/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/ed7e70/00000000000000007735abf2/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/ed7e70/00000000000000007735abf2/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"basic-sans";
src:url("https://use.typekit.net/af/08cb77/00000000000000007735abfc/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/08cb77/00000000000000007735abfc/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/08cb77/00000000000000007735abfc/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"basic-sans";
src:url("https://use.typekit.net/af/0d92db/00000000000000007735ac05/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/0d92db/00000000000000007735ac05/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/0d92db/00000000000000007735ac05/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:200;font-stretch:normal;
}

@font-face {
font-family:"basic-sans";
src:url("https://use.typekit.net/af/7da19d/00000000000000007735ac10/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"),url("https://use.typekit.net/af/7da19d/00000000000000007735ac10/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"),url("https://use.typekit.net/af/7da19d/00000000000000007735ac10/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:100;font-stretch:normal;
}

.tk-basic-sans,button{ font-family: "basic-sans",sans-serif; }
    
    body{margin:0;font-family: "basic-sans",sans-serif;color:var(--text);line-height:1.6}
    
    
        :root{
      --blue:#243a8f;
      --yellow:#fcc726;
      --light:#2B3B94;;
      --text:#1f2937;
      --header-height:0px;
       --common-unit  : 0.0625rem;
       --f-72-24:clamp(1.5rem, calc(3vw + var(--common-unit)) , 3.75rem);
        --f-28-20:clamp(1.25rem, calc(1.45vw + var(--common-unit)) , 1.75rem);
        --f-22-16:clamp(1rem, calc(1.145vw + var(--common-unit)) , 1.375rem);
        --f-60-24:clamp(1.5rem, calc(2.25vw + var(--common-unit)) , 2.75rem);
         --f-50-24:clamp(1.5rem, calc(2.60vw + var(--common-unit)) , 3.125rem);
         --f-28-20:clamp(1.25rem, calc(1.45vw + var(--common-unit)) , 1.75rem); 
         --f-38-16:clamp(1rem, calc(1.97vw + var(--common-unit)) , 2.375rem);
    }
    
    
    h1,h2,h3{margin:0 0 12px}
    p{margin:0 0 12px}
    img{max-width:100%;display:block}

    .container{width:100%;max-width:1280px;margin:auto}
    section{    padding: 5%;}
    .center{text-align:center}

    /* HERO */
    .hero{    background: #000;
    color: #fff;
    padding: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
}
    .hero h1{color:#fcc726;font-size:var(--f-72-24);font-weight:700;    line-height: 1.3;}
  
    /* FORM */
    
    .form-box label{    font-size: 16px;
    display: block;
    margin-top: 20px;
    font-weight: 300;}
    
    .form-box label span{color:red;}
    
    .form-box input,.form-box select{    width: 100%;
    padding: 14px 10px;
    border-radius: 5px;
    margin-top: 4px;
    font-family: "basic-sans";
    outline: none;
    border: 1.4px solid #C0C9FF;
    background: transparent;
    margin-bottom: 10px;color:#fff;}
    .form-box input::placeholder,.form-box select::placeholder{font-family: "basic-sans";color: #BDBDBD;}
    .error{color:#ffb4b4;font-size:12px;display:none}
    
   
    .form-box button{ 
 margin-top: 16px;
    background: var(--yellow);
    border: 0;
    padding: 10px 25px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
		color: #383838;}

.form-box select {
    color: #BDBDBD;
}

    /* SLIDER */
    .feature .card{    background: #fff;
    padding: 0;
    border-radius: 0;
    box-shadow: 0px 4px 4px 0px #00000040;
    margin: 3px;}
    .bg-blue{background:var(--blue);color:#fff}
    .bg-light{background:var(--light)}

 .feature .card .f-data{    padding: 20px;}

.feature .card .f-data h3{font-size:var( --f-28-20);font-weight:600;color:var(--blue);    margin: 0;}

.feature .card .f-data ul{    margin-top: 5px;
    padding-left: 20px;
    margin-bottom: 0;}


.owl-nav{display: flex;
    justify-content: end;
    padding-top: 1.5rem;
    gap: 10px;}

.owl-nav button span{display:none;}
.owl-nav button{      background-image: url(img/Arrow-icon.png) !important;
    height: 52px;
    width: 52px;
    background-repeat: no-repeat !important;
    background-position: 55% 50% !important;
    border-radius: 50%;    position: relative;
    z-index: 1;
    border: 2px solid #FCC726 !important;transition:0.3s all linear;}


.owl-nav button:hover{background-color: var(--yellow) !important;}



.owl-nav button.owl-prev{transform: rotate(180deg);}

    footer{    background: #0f172a;
    color: #cbd5f5;
    font-size: 14px;
    padding: 0;}
    
    
    footer .top{    background: #F8F8F8;
    padding: 30px 5%;
    box-sizing: border-box;}
    
    
    
    footer .top .container{    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;}
    
    
    footer .top .container div p.follow{    color: var(--blue);
    font-size: 20px;
    font-weight: 600;}
    
    
    header{    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    padding: 12px 5%;
    z-index: 9999;
    transition: 0.5s all linear;}
    
       body header img.logo-color{display:none;transition:0.3s all linear;}
    body header img.logo-white{display:block;transition:0.3s all linear;}
    
    body.bg header img.logo-white{display:none;}
    body.bg header img.logo-color{display:block !important;    max-width: 110px;}
    body.bg header{background:#fff;box-shadow: 0px 4px 4px 0px #00000040;
}
    
    
    .hero .hero-grid{width: 100%;
    display: flex;
    gap: 0rem;
    box-sizing: border-box}
    
    
    .hero .hero-grid .left{display: flex;
    flex-direction: column;
    padding: 5%;
    min-height: 100vh;
    justify-content: center;
    background-image: url(img/banner-image.webp);
    background-repeat: no-repeat;
    flex-basis: 65%;    padding-top: calc(var(--header-height) + 1rem);background-position: right;
    background-size: cover;}
    
    
    .hero .hero-grid .right{    display: flex;
    flex-basis: 35%;
    background: var(--blue);
    align-items: center;
    box-sizing: border-box;}
    
    
    .hero .hero-grid .right .form-box{    padding: 7%;
    border-radius: 0px;
    width: 100%;    height: 100vh;
    overflow-y: scroll;}
    
    
    .hero .hero-grid .right .form-box {
    overflow-y: auto;
    -ms-overflow-style: none;  /* IE & Edge */
    scrollbar-width: none;     /* Firefox */
}

.hero .hero-grid .right .form-box::-webkit-scrollbar {
    display: none;             /* Chrome, Safari */
}
    
    .hero .hero-grid .left p.sub{font-size:var(--f-28-20);font-weight:600;}
    .hero .hero-grid .left ul li,.hero .hero-grid .left .b-sec p{font-size:var(--f-22-16);font-weight:400;}
    .hero .hero-grid .left ul{margin:0px;}

    .hero .hero-grid .b-sec{    display: flex;
    align-items: flex-start;
    gap: 2rem;
    padding-top: 3rem;box-sizing: border-box;}

    .form-box h3{font-weight: 600;
    text-align: center;
    font-size: var(--f-60-24);
    text-transform: uppercase;
    box-sizing: border-box;}
    
    
    section.about{    box-sizing: border-box;
    padding-bottom: 0%;
    display: flex;
    align-items: center;position:relative;}
    
    
    section.feature1{  box-sizing: border-box;
    display: flex;padding-left:15%; background:#fff;
    align-items: center;position:relative;padding-top:3%;padding-bottom:3%;}
    
      section.feature1 p{    font-size: var(--f-22-16);font-weight:400;}
    
    section.about{padding-left:15%;}
    section.about .left{padding-bottom:5%;}
    section.about ul{    font-size: var(--f-22-16);
    padding-left: 20px;
    margin: 0;}
     section.about .right img{margin-bottom:-70px;    position: relative;
    z-index: 1;}
    
    section.about .l-ele,   section.feature1 .l-ele,section.feature .l-ele{    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 16vw;}
    
    section.testimonial{background: #F8F8F8;}

    
    section.feature{position:relative;}
    
    .sec-head{font-size:var(--f-50-24);font-weight:600;color:var(--blue);margin-bottom:0px;text-transform:uppercase;line-height:1.3;}
   
   section.special{background:var(--blue);padding-top: calc(5% + 50px);position:relative;}
   section.special .sec-head{color:#fff;text-align:center;}
   
   .grid-3{    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 3rem;
    text-align: center;
    gap: 3.5rem;}
   
   .grid-3 .item{display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;}
   
   .grid-3 .item p{color:#fff;font-weight:400;font-size:var(--f-22-16);}
   
   section.special .r-ele,section.testimonial .r-ele{    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 16vw;
    z-index: 0;}
    
    .testimonial{position:relative;}
   
   .txt-center{text-align:center;}
   
   section.feature .features-slider{padding-top:3rem;}
   
   .feature1 .left{    display: flex;
    flex-basis: 40%;
    box-sizing: border-box;
    flex-direction: column;}
   
    .feature1 .right.col{    display: flex;
    flex-basis: 55%;
    box-sizing: border-box;
    gap: 15px;}
   
   .feature1 .right div{    display: flex;
    flex-direction: column;
    gap: 15px;}
   
   
   .contact .hero-grid .left ul {
    margin: 0px;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding-top: 1.25rem;
}

 .contact .sec-head{color:#FCC726;}
   
   
   .contact .hero-grid .left {
    background-image: url(img/why-families-image.webp);
    padding-top: 5%;

}
   
   .contact .hero-grid .left{flex-basis:50%;    padding-left: 15%;    padding-bottom: 0;    justify-content: space-between;}
   .contact .hero-grid .left .f-img{padding-top:1.5rem;}
   
   .contact{    background: #fff;}
   
   .contact .form-box h3,.contact .form-box label{color:var(--blue);}
   .contact .hero-grid .right{background:#fff;}
   
   .contact .hero-grid .right .form-box{height:unset;padding-top:1rem;}
   
   footer .follow-icons{    display: flex;
    gap: 8px;}
   
   footer .mid, footer .bottom{    display: flex;
    justify-content: center;
    align-items: center;
    background: #E5E5E5;}
    
    
    footer .bottom{background:#fff;}
   
   footer .mid .container,footer .bottom .container{    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 5%;
   gap: 15px;;}
   
   
    footer .mid .container a{font-size: 18px;
    color: #000;
    font-weight: 300;
    text-decoration: unset;
    padding-right: 15px;
    border-right: 1px solid;}
    
    
    footer .bottom .container p{font-size: 18px;
    color: #000;
    font-weight: 300;    margin: 0;}
   
   footer .mid .container a:last-child { border-right: unset;}
   
   
   .testimonial .h-sec{    display: flex;
    align-items: flex-start;
    width: 100%;    padding-bottom: 3rem;
    justify-content: space-between;}
   
   .testimonial .h-sec .tabs{    display: flex;
    gap: 25px;
    box-sizing: border-box;padding-top: 1rem;}
   
   .testimonial .h-sec .tabs button{color: #000;
    font-size: 18px;
    outline: none;
    border: none;
    background: transparent;
    padding: 0px 15px;    padding-bottom: 10px;

    font-weight: 400;cursor:pointer;}
   
   .testimonial .container{display: flex;
    flex-direction: column;
    align-items: center;}
   
      .testimonial .container .max-950px{max-width:950px;}
   
   .testimonial .card .t-item{display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    gap: 1rem;}
   
   .testimonial .card .t-item>img{    display: flex;
    max-width: 80px;}  
    .testimonial .card .t-item .des p{    font-size: var(--f-22-16);
    text-align: left;
    padding-top: 40px;
    font-weight: 400;   
    color: #000;}
    
    .testimonial .card .t-item .p-item{    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 1.5rem;
    align-items: center;
    padding-top: 1rem;}
    
    .testimonial .card .t-item .p-item img{    max-width: 130px;}
    
    
    .testimonial .card .t-item .p-item h4{
        margin: 0;
    color: var(--blue);
    font-weight: 600;
    text-align: left;
    font-size: var(--f-28-20);
    }
    
    .testimonial .card .t-item .p-item p{    
        margin: 0;
    text-align: left;
    font-size: var(--f-22-16);
    font-weight: 400; padding-top: 0;}
   
   
   .testimonial .owl-dots{display: flex;
    justify-content: center;
    position: absolute;
    bottom: 15px;gap: 7px;
    width: 100%;}
   
   
      .testimonial .owl-dots button{
       width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #BBB7B7 !important;transition:0.3s all linear;}
   
    .testimonial .owl-dots button.active{background:#000 !important;;}
   
   
   .t-btn.active {
    color: var(--blue) !important;
    font-weight: 600 !important;
    border-bottom: 1px solid #000 !important;
}
   
   
   .testimonial-slider {
  display: none !important;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.testimonial-slider.active {
  display: block !important;
}

.testimonial-slider.fade-in {
  opacity: 1;
  transform: translateY(0);
}


.contact .hero-grid .right{flex-basis:45%;}
   
   .mob-btn,.mob-close{display:none;}
   
select {
  appearance: none;        /* Chrome, Edge, Safari */
  -webkit-appearance: none; /* Safari */
  -moz-appearance: none;    /* Firefox */
  background-image: none;
}

select{background-image: url(https://indiaautismcenter.org/wp-content/uploads/2026/02/fi_2985150-1.png) !important;
    background-repeat: no-repeat !important;
    background-position: 97% 50% !important;
    background-size: 20px !important;}

.contact .form-box input{color:#000 !important;}




.contact .form-box select:valid {
  color: #000;
}

/* Dropdown list items */
.contact .form-box select option {
  color: #000;
}


.contact .hero-grid .right{flex-direction:column;}

section.feature1{gap:2.5rem;}

.sec-head.blue{color:var(--blue);}


.contact p.p{
    color: #000;
    padding: 10px 5%;
    font-size: 20px;
    font-weight: 400;
}

.contact .hero-grid .right{padding-top:2%;}

    @media(max-width:781px){
      .hero-grid{grid-template-columns:1fr}
      
      .hero-grid{flex-direction:column;}
      
      .hero .hero-grid .left ul{padding-left:20px;}
      .hero .hero-grid .b-sec{    flex-direction: column;
    gap: 15px;        padding-top: 2rem;}
    
    
   .hero .hero-grid .b-sec img{max-width: 60px;}
      body header img.logo-white{display:none !important;}
    body header img.logo-color{display:block;max-width:80px;height:auto;}  
      
    section.about {
    padding-left: 5%;
    flex-direction: column;
    padding-top: 10%;
}  

    section.about .right img {
    margin-bottom: -45px;}

.grid-3 {
    grid-template-columns: 1fr;
    padding-top: 2rem;
    gap: 1.5rem;
}

		.contact p.p{font-size:16px;margin-bottom:0px;}

section.special,section.feature{padding-bottom:10% !important;}
 section.feature{padding-top:10% !important;}     
      .r-ele,.l-ele{display:none !important;}
     section.feature .features-slider {
    padding-top: 2rem;
} 

section.feature .txt-center {
    text-align: left;}


.testimonial .h-sec{flex-direction:column;}
.testimonial .h-sec .tabs button{font-size:16px;padding:0px 5px;}
     .testimonial .container .max-950px{width:100%;}
   
   
  .testimonial .card .t-item{flex-direction:column;gap:0px;}   
      
.testimonial .card .t-item .des p{padding-top:15px;}      
      
      .testimonial .card .t-item>img{max-width:50px;}
     
    .testimonial .h-sec{padding-bottom:2rem;}  
      
.testimonial .card .t-item .p-item img {
    max-width: 90px;
}      
      
      .testimonial .card .t-item .p-item {
    gap: 0.75rem;
    padding-top: 0.5rem;
}
      
      .testimonial .card .t-item .des div p {
        padding-top: 0;
    }
    
    
    section.feature1{padding:10% 5%;flex-direction:column;gap:0.5rem;}
    .contact .hero-grid .left {
   padding-top:10%;
    padding-left: 5%;
    }
    
    
    .contact .hero-grid .left ul{gap:15px;}
    
    footer .top .container{    flex-direction: column;
    gap: 1.5rem;}
    
    
    footer .mid .container a {
    font-size: 16px;    border-right: unset;
    text-align: center;}
    
    footer .mid .container{display: grid;
    grid-template-columns: 1fr 1fr;}
    footer .bottom .container p {
    font-size: 16px;text-align:center;}
    
    
    body.bg header img.logo-color{max-width:70px;}
    
    .mob-btn{        display: flex;
        background: #ffc51e;
        padding: 12px;
        text-align: center;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 99;}
        
    .mob-btn button{cursor: pointer;
    font-size: 20px;
    color: #000;
    border: none;
    background: transparent;
    font-weight: 600;}    
  
  
  .banner .form-box{position: fixed;
    top: 0;
    z-index: 99999;
    background: var(--blue);
    padding-top:5% !important;
    transition: 0.5s all linear;
    transform: translateY(150vh);}
    
    
      .banner .form-box.show{ transform: translateY(0vh);}
    
    .mob-close{display: flex;
        justify-content: flex-end;
        font-size: 2rem;
        font-weight: 100;}
    footer .bottom .container{padding-bottom:70px;}
		.form-box select{min-height:47px;}
     
		.contact .hero-grid .right{padding-top:10%;}
		.contact .hero-grid .right .form-box{padding-top:0.5rem;}
    }