@import url('https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100..800&family=Anek+Latin:wght@100..800&display=swap'); 
:root { 	--card-height:40vw; 	--card-margin:2vw; 	--card-top-offset:1em; 	--outline-width:0px;}
*{ margin:0; padding:0; box-sizing:border-box;}
a{ text-decoration:none;}
ul{ margin:0; padding:0;}
ul li{ list-style:none;}
h1,h2,h3,h4,h5,h6{
    font-family: "Anek Latin", sans-serif;
}
body { font-family: "Anek Devanagari", sans-serif; overflow-x: hidden; }
body.bg-lightyellow{ background:#fff7e3 !important;}
*:focus { box-shadow:none !important;}
/* Header */ header{ padding:0; position:relative; z-index:9999; left:0; top:0; width:100%; background:rgba(255, 255, 255, 1);}
header::before{
    content: "";
    position: absolute;
    background-image: url(../images/headerShape.svg) no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}
header .navbar-light .navbar-nav .nav-item:last-child .nav-link{ padding-right:0;}
header .navbar-light .navbar-nav .nav-link{ color:#111; padding:0 15px; font-weight: 500; text-transform: uppercase;}
header .navbar-light .navbar-nav:hover .nav-link {
    color: #ccc;
}
header .navbar-light .navbar-nav .nav-link:hover, header .navbar-light .navbar-nav .nav-link:focus{
    color: #111 !important;
}
header .navbar.nav-scroll { background:#fff; padding:10px 0; position:fixed; left:0; width:100%; border-radius:0; top:0; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05),inset 0 -1px 0 rgba(255,255,255,0.05);}

/* header .navbar.nav-scroll .nav-link{ color:#fff;} */
.section-padding{ padding:80px 0;}
.section-paddingClient{ padding:40px 0;}
/* Banner Section */ .bannerArea{ width:100%; position:relative;}
.bannerArea .bannerContent{ padding:50px 0 90px; position:absolute; z-index:99; width:100%; top:0%;}
.bannerArea .bannerContent img{ width:35%;}
.bannerArea .bannerContent img.one{ width:20%;}
.homeMenuList { display:flex; width:100%}
.bannerArea .bannerContent h1{ font-size:80px; line-height: 80px; color:rgba(255, 255, 255, 0.1); font-weight:bold;}
/* .bannerArea .bannerContent h1 span{ color:#fff !important; opacity:1;}
*/ .bannerArea .bannerContent p{ color:#fff; font-size:24px;}
.slider-carousel{ position:relative;}
.slider-carousel::before{ content:""; position:absolute; width:100%; height:100%; z-index:1; background:linear-gradient(65deg, rgba(30,60,148,.5) 20%, rgba(30,60,148,0) 40%, rgba(30,60,148,0) 60%, rgba(30,60,148,.5) 80%); border-radius: 100px;}
.bannerArea .main-marq { /* position:absolute; */ padding:0; width:100%; bottom:0;}

.cta-header{display: flex;align-items: center;justify-content: flex-end;padding: 15px 0;}
.register-btn {
    font-family: "Anek Latin", sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 6px 40px 6px 14px;
    font-size: 16px;
    font-weight: bold;
    color: #111;
    background: #ffb703;
    border-radius: 50px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border: none;
    transition: all 0.3s ease-in-out;
  }
  .register-btn:hover{
    color: #fff;
    background: #111;
  }
  .register-btn .circle {
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 8px;
    transition: all 0.3s ease-in-out;
  }
  .register-btn .circle img{
    width: 12px;
    height: 12px;
    transition: all 0.3s ease-in-out;
  }
  
  .register-btn .circle::after {
    content: '';
    font-size: 16px;
    color: #5D0696;
    font-weight: bold;
  }
  .register-btn:hover .circle img{
    transform: rotate(45deg);
  }
  .admission-item .register-btn .circle {
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 8px;
    transition: all 0.3s ease-in-out;
  }
  .admission-item .register-btn .circle img{
    width: 12px;
    height: 12px;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
  
  .admission-item .register-btn .circle::after {
    content: '';
    font-size: 16px;
    color: #5D0696;
    font-weight: bold;
  }
  .admission-item .register-btn:hover .circle img{
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .call-button {
    display: flex;
    align-items: center;
    color: #111;
    padding: 0 15px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}
.call-button img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.call-text {
    display: flex;
    flex-direction: column;
    line-height: 16px;
}
.call-text .title {
    font-size: 12px;
    opacity: 0.8;
}
.call-text .number{
    font-size: 16px;
}

.find-out-more {
    display: inline-block;
    padding: 15px 30px;
    border: 2px solid rgba(0, 0, 0, 0.45);
    border-radius: 45px;
    color: #111;
    text-decoration: none;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    margin-top: 10px;
    text-transform: uppercase;
}
.find-out-more:hover {
    background-color: #ffb703;
    border: solid 2px transparent;
}


.marquee{ background:#2435af; border-top:#fff solid; border-bottom:#fff solid; padding-top:20px; padding-bottom:10px; position:relative;}
.main-marq:after { position:absolute; top:-30px; bottom:-30px; left:-30px; right:-30px; pointer-events:none; background:-webkit-linear-gradient(right, #fff, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #fff); background:-o-linear-gradient(right, #fff, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #fff); background:linear-gradient(to left, #fff, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #fff);}
.main-marq.md-text .box .item h4 { font-size:40px;}
.main-marq.lrg .box .item h4 { font-size:34px; text-transform:uppercase; /* letter-spacing:3px; */}
.main-marq.lrg .box .item h4 span.star{ font-size:72px; color:#888;}
.main-marq.xlrg .box .item { padding:0 30px;}
.main-marq.xlrg .box .item h4 { font-size:8vw;}
.main-marq .slide-har { display:-webkit-box; display:-ms-flexbox; display:flex; /* border-bottom:#222 solid 1px; */}
.main-marq .strok .item h4 { color:transparent !important; -webkit-text-stroke:0.5px #1a1a1a;}
.main-marq .strok .item h4 a { color:transparent !important; -webkit-text-stroke:0.5px #1a1a1a;}
.main-marq .non-strok .item h4 { color:#1a1a1a !important; -webkit-text-stroke:0 !important;}
.main-marq .non-strok .item h4 a { color:#1a1a1a !important; -webkit-text-stroke:0 !important;}
.main-marq .box { display:-webkit-box; display:-ms-flexbox; display:flex;}
.main-marq .box .item { padding:0 15px;}
.main-marq .box .item h4 { white-space:nowrap; margin:0;}
.main-marq .box .item h4 .icon { margin-bottom:-60px;}
.main-marq .box .item h2 { margin:0;}
.ml-70{ margin-left:70px !important;}
.main-marq .box .item h4 { color:#fff; /* font-family:'ambrosia_demoregular', sans-serif; */}
.main-marq .box .item h4 a { color:#fff;}
.slide-har { position:relative;}
.slide-har.st1 .box { position:relative; -webkit-animation:slide-har 80s linear infinite; animation:slide-har 80s linear infinite;}
.slide-har.st2 .box { position:relative; -webkit-animation:slide-har-revers 80s linear infinite; animation:slide-har-revers 80s linear infinite;}
@-webkit-keyframes slide-har { 0% {   -webkit-transform:translateX(0%);   transform:translateX(0%);}
100% {   -webkit-transform:translateX(-100%);   transform:translateX(-100%);}
}
@keyframes slide-har { 0% {   -webkit-transform:translateX(0%);   transform:translateX(0%);}
100% {   -webkit-transform:translateX(-100%);   transform:translateX(-100%);}
}
@-webkit-keyframes slide-har-revers { 100% {   -webkit-transform:translateX(0%);   transform:translateX(0%);}
0% {   -webkit-transform:translateX(-100%);   transform:translateX(-100%);}
}
@keyframes slide-har-revers { 100% {   -webkit-transform:translateX(0%);   transform:translateX(0%);}
0% {   -webkit-transform:translateX(-100%);   transform:translateX(-100%);}
}
.o-hidden { overflow:hidden;}
/* ======= Preloader style ======= */ .preloader-bg, #preloader { position:fixed; width:100%; height:100%; overflow:hidden; background:#fff; z-index:999999;}
#preloader { display:table; table-layout:fixed;}
#preloader-status { display:table-cell; vertical-align:middle;}
.preloader-position { position:relative; margin:0 auto; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.loader { position:relative; width:55px; height:55px; left:50%; top:auto; margin-left:-22px; margin-top:2px; -webkit-animation:rotate 1s infinite linear; -moz-animation:rotate 1s infinite linear; -ms-animation:rotate 1s infinite linear; -o-animation:rotate 1s infinite linear; animation:rotate 1s infinite linear; border:2px solid rgba(15, 36, 84, 0.1); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
.loader span { position:absolute; width:55px; height:55px; top:-2px; left:-2px; border:2px solid transparent; border-top:2px solid rgba(30,60,148,1); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
@-webkit-keyframes rotate { 0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);}
}
@keyframes rotate { 0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}
/* Section Two */  .sectionTwo{ position:relative; background-repeat:repeat; padding-bottom:40px; padding-top:80px; background-position:top center; background-attachment:fixed; z-index: 9;}
.sectionTwo .sectionTitle h2{ font-size:60px; color:#111; line-height:60px; font-weight:bold; text-transform:uppercase; margin-bottom: 30px; letter-spacing: -1px;}
.sectionTwo p{ color:#303030; font-size:60px; text-transform:uppercase; line-height:60px; /* font-family:'thunderextra_bold_lc', sans-serif; */}
.sectionTwo p span{ color:#d01d1d;}
.sectionThree{ padding:80px 0;position:relative;}
.sectionThree .sectionTitle h2{ font-size:104px; color:#000; font-weight:bolder; line-height:100px;}
.sectionThree .sectionTitle h1{ font-size:168px; color:#000; font-weight:bolder;}
.sectionThree .lineBg{ position:absolute;}
.sectionThree .lineBg{ top:20%;}
.sectionThree .lineBg img{ width:100%;}
.aboutUs{ padding:90px 0 0px;}
.aboutUs .sectionTitle h3{ font-size:101px; color:#444444; /* font-family:'Arya', sans-serif; */ font-weight:700; line-height:96px;}
.aboutUs .sectionTitle h3 span{ color:#f6581e;}
.aboutUs p{ margin-bottom:30px; color:#000000; font-size:24px; /* font-family:'Poppins', sans-serif; */}
.playVideo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    background: #fff;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
}
.video{ padding-bottom:120px;}
.yt_video{ position:relative;}
.yt_video .thumbnil{ position:relative; text-align:center;}
.yt_video .thumbnil img{ width:100%;}
.yt_video .thumbnil .play-button{ display:inline; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); cursor:pointer;}
.modal { z-index:999999;}
.modal-backdrop.show { z-index:99999; opacity:.7;}
.youtube-video .modal-dialog { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; padding:0 15px; height:100%; max-width:1240px !important; display:flex; flex-direction:column; justify-content:center;}
#video-container { position:relative; padding-bottom:50%; padding-top:30px; height:0; overflow:hidden;}
iframe#youtubevideo { position:absolute; top:0; left:0; height:100%; width:100%;}
.youtube-video .modal-footer { border:none; text-align:center; display:block; padding:0;}
.youtube-video .modal-content { background:none !important; border:none;}
#close-video { color:#fff; font-size:30px;}
.sectionFour{ padding:150px 0 100px; color:#000;}
.sectionFour::after{ content:""; position:absolute; background:url(../images/lightPinkBorder.png) no-repeat; background-size:100%; width:100%; height:149px; z-index:1; margin-top:100px;}
.sectionFour .sectionTitle h2{ font-size:112px; line-height:112px; font-weight:bolder; color:#000; letter-spacing:-5px;}
.selectCityFromDropdown{ margin-top:100px;}
.sectionFour select.form-select{ border-radius:25px;  border:none;  float:right;  width:150px; padding:5px 10px;}
.sectionFour .electionDataByCity{ padding:0 0 100px; color:#000; text-align:center;}
.sectionFour .electionDataByCity p{ color:#3e3e3e;}
.sectionFour .electionDataByCity h3{ margin-top:30px;}
.voterByGender{ margin-top:40px; color:#000;}
.sectionFive{ padding:150px 0 110px;}
.sectionFive::after{ content:""; position:absolute; background:url(../images/lightYellow.png) no-repeat; background-size:100%; width:100%; height:149px; z-index:1; margin-top:65px;}
.sectionFive .sectionTitle h2{ padding-top:30px; font-size:102px; line-height:96px; color:#444444; font-weight:700;}
.sectionFive .testiItem { display:flex; color:#000; justify-content:center; align-items:center;}
.sectionFive .testiItem .testiText{ position:relative; padding:0 70px;}
.sectionFive .testiItem .testiText::before{ content:" "; position:absolute; background:url(../images/testiBefore.png) no-repeat; background-size:100%; top:0; left:0; width:45px; height:75px;}
.sectionFive .testiItem .testiText::after{ content:" "; position:absolute; background:url(../images/testiAfter.png) no-repeat; background-size:100%; bottom:0; right:50px; width:45px; height:75px;}
.sectionSix{ position:relative; padding:100px 0; background:#fff; min-height:800px;}
.sectionSix .sectionTitle h2{ margin-top:100px; color:#444444; font-size:110px; line-height:110px;}
.sectionSix .poleSlider{ position:relative; max-width:422px; top:20%;}
.sectionSix .poleSlider .poleSliderItem{ position:relative; z-index:99; padding:50px;}
/* .sectionSix .poleSlider .poleSliderItem::before{ content:" "; background:url(../images/poleBg.png); position:absolute; background-repeat:no-repeat; background-size:100% 100%; width:545px; height:709px;}
.sectionSix .poleSlider .poleSliderQA{ background:url(../images/poleShape.png); position:absolute; background-repeat:no-repeat; background-size:100% 100%; width:568px; height:743px;}
*/  .poleSlider{ display:flex;}
.pollBg{ position:absolute; width:450px;}
.pollBg img{ width:100%;}
.poleSliderItem .input input[type=radio], .poleSliderItem .input input[type=checkbox]{   /* Hide original inputs */   visibility:hidden;   position:absolute;}
.poleSliderItem .input input[type=radio] + label, .poleSliderItem .input input[type=checkbox] + label{ border:1px solid rgba(0, 0, 0, 0.1); display:block; padding:10px; border-radius:20px; margin-bottom:10px; cursor:pointer; color:#000;}
.poleSliderItem .input input[type=radio]:checked + label, .poleSliderItem .input input[type=checkbox]:checked + label{   background:#ff7357;   border:#ff7357 solid 1px;}
/* .poleSliderItem .input input[type=radio] + label:before, .poleSliderItem .input input[type=checkbox] + label:before{   height:12px;   width:12px;   margin-right:2px;   content:" ";   display:inline-block;   vertical-align:baseline;   border:1px solid #777;}
.poleSliderItem .input input[type=radio]:checked + label:before, .poleSliderItem .input input[type=checkbox]:checked + label:before{   background:gold;}
*/  /* CUSTOM RADIO AND CHECKBOX STYLES */ .poleSliderItem .input input[type=radio] + label:before{   border-radius:50%;}
.poleSliderItem .input input[type=checkbox] + label:before{   border-radius:2px;}
.submitPollBtn{ margin-top:15px; border:none; background:#fff; padding:5px 15px; border-radius:20px;}
.pollContainer .slick-prev, .pollContainer .slick-next{ top:30%;}
.pollContainer .slick-prev { right:-110px; top:20%; left:auto;}
.pollContainer .slick-next { right:-110px;}
.pollContainer .slick-prev:before, .pollContainer .slick-next:before{ color:#000;}
.sectionSeven{ padding:100px 0; position:relative; background:url(../images/bgnoise.png) repeat;}
.sectionSeven .sectionTitle h2{ font-size:72px; font-weight:900; line-height:102px; color:#fff; margin-top:-120px;}
.sectionSeven .sectionTitle h1{ font-size:170px; font-weight:700; line-height:130px; color:#000; margin-top:-15px;}
.sectionSeven .workProgressDescription{ margin-top:50px; margin-bottom:60px;}
.sectionSeven .workProgressDescription p{ position:relative; font-size:30px; /* font-family:'Poppins', sans-serif; */ color:#000; display:inline-block;}
.sectionSeven .workProgressDescription p::before{ content:""; background:url(../images/titleOuter.png) no-repeat; position:absolute; background-size:100%; width:130%; height:100%; padding:70px; top:-40px; left:-100px;}
.compareByWork{ display:flex; justify-content:space-between; align-items:center;}
.compareByWork .partyIcon.p1{ margin-left:0;}
.compareByWork .partyIcon.p2{ margin-right:0;}
.compareboxw{ width:40%;}
.compareboxw .pcont{ color:#000; text-align:center;}
.borderimg img{ width:20%;}
.bgwomenImg{ position:relative; margin-top:-150px;}
.bgwomenImg img{ max-width:50%;}
.workProgesss{ margin-top:100px;}
.workProgesss ul{ display:grid; grid-template-columns:auto auto; gap:20px; width:100%; margin:15px auto; font-size:16px; padding:0; /* font-family:'Poppins', sans-serif; */}
.workProgesss ul li{ grid-auto-flow:column; gap:10px; margin-left:20px; padding-left:45px; color:#000; font-size:26px; position:relative;}
.workProgesss ul li::before{ content:""; position:absolute; background:url(../images/bullet-point.svg) no-repeat; background-size:100%; width:20px; height:20px; left:0; top:8px;}
.workProgesss ul li h4{ color:#000; font-weight:700; opacity:1 !important;}
@media only screen and (max-width:768px){
.workProgesss ul{display:flex; flex-direction:column;}
}
.owl-item > div { cursor:pointer; transition:margin 0.4s ease; position:relative;}
/* .owl-item > div::before { content:""; position:absolute; background:linear-gradient(to top, #000, transparent) ;  bottom:0; width:100%; height:50%; z-index:1;    border-radius:10px; }
*/    #bannerslider .owl-item > div { margin:0;}
.owl-item.center > div { cursor:auto; margin:0;}
.owl-item:not(.center) > div:hover { opacity:.75;}
.owl-theme .owl-dots, .owl-theme .owl-nav{ display:table; text-align:center; margin:0 auto; padding:0 10px; border-radius:20px;}
.owl-theme .owl-dots .owl-dot{ margin:20px 0px;}
.owl-theme .owl-dots .owl-dot span{ width:45px; height:2px; margin:5px 0; background:#D6D6D6; display:block; -webkit-backface-visibility:visible; transition:opacity .2s ease; border-radius:0;    }
.owl-theme .owl-dots .owl-dot span{ background:#cbcbce;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background:#737375;}
.owl-carousel .owl-item img{ box-shadow:rgba(17, 17, 26, 0.1) 0px 0px 16px; position:relative;}
.owl-theme .owl-nav [class*=owl-]:hover { background:#d6bb8f; color:#333; text-decoration:none;}
.indutryUpdates .owl-nav{ position:absolute; left:50%; transform:translateX(-50%);}
.indutryUpdates .owl-nav .owl-prev{ position:relative; left:-100px; background:#d6bb8f !important; width:40px; height:40px; border-radius:50%;}
.indutryUpdates .owl-nav .owl-next{ position:relative; right:-100px; background:#d6bb8f !important; width:40px; height:40px; border-radius:50%;    }
.indutryUpdates .owl-nav .owl-prev.disabled, .indutryUpdates .owl-nav .owl-next.disabled{ background:#e4e4e4 !important; width:40px; height:40px; border-radius:50%;}
.owl-carousel.owl-drag .owl-item.cloned{ width:100%; position:relative; height:auto;}
.owl-carousel.owl-drag .owl-item.left-to-right{ width:100%; position:relative; height:auto;}
.owl-carousel.owl-drag .owl-item.active.center{ transform:none;}
.owl-carousel.owl-drag .owl-item{ width:100%; position:relative; height:auto;}
.owl-carousel.owl-drag .owl-item.right-to-left{ width:100%; position:relative; height:auto;}
.owl-theme .owl-nav.disabled+.owl-dots { margin-top:-32px; position:relative;}
.bannerArea .owl-theme .owl-nav.disabled+.owl-dots { margin-top:-52px; position:relative;}
.slideText{ position:absolute; bottom:10px; z-index:2; padding:5px 30px; text-align:center;}
.slideText a{ color:#fff;}
.slideText h2{ font-size:22px; font-weight:700; /* font-family:'Poppins', sans-serif; */}
/*  */ .compareByWorkMobile{ display:none;}
.ball {  animation:bounce 1s;  animation-direction:alternate;  animation-timing-function:cubic-bezier(.5, 0.05, .5, .5);  animation-iteration-count:infinite; }
@keyframes bounce {  from { transform:translate3d(0, 0, 0); }
to { transform:translate3d(0, 50px, 0); }
}
@-webkit-keyframes bounce {  from { -webkit-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0); }
to { -webkit-transform:translate3d(0, 50px, 0);  transform:translate3d(0, 50px, 0); }
}
.padding-bottom150{ padding-bottom:150px;}
.bannerAfter{
    position: absolute;
    right: 0;
}
.aboutBefore{
    position: absolute;
    top: -80%;
    right: 0;
    max-width: 70%;
    z-index: -1;
}
.aboutBefore img{
    width: 100%;
}
/*  .accordiionContent{ background:rgb(255,255,255); background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(189,190,191,1) 100%); border-top-left-radius:25px; border-top-right-radius:25px; -webkit-border-top-left-radius:25px; -webkit-border-top-right-radius:25px; position:sticky; margin-top:-20px; z-index:1;}
.accordiionContent h2{ font-size:128px; letter-spacing:0; font-weight:700; font-family:'MangoGrotesque', sans-serif; padding:0 30px; margin-bottom:60px;}
.accordion:hover .accordion-item:hover .accordion-item-content, .accordion .accordion-item--default .accordion-item-content { height:568px; padding:30px 0;}
.accordion:hover .accordion-item:hover h4, .accordion .accordion-item--default .accordion-item h4{ opacity:0;}
.accordion-item-content p{ color:#111; font-size:22px; padding:15px;}
.accordion-item-content .itemContent{ display:grid;}
.accordion-item-content-img{ max-width:80%;}
.accordion-item-content, .accordion:hover .accordion-item-content { height:0; overflow:hidden; transition:height 1s;}
.accordion { padding:0; margin:0 auto; width:100%; font-family:"Open Sans", sans-serif;}
.accordion .accordion-item {    padding:15px 45px;   color:#eee;   border-top-left-radius:25px;   border-top-right-radius:25px;   -webkit-border-top-left-radius:25px;   -webkit-border-top-right-radius:25px; cursor:pointer;}
.accordion h4, .accordion h3 {   margin:0;   color:#111;   padding:15px;}
.accordion-item{ border:transparent;}
.accordion .accordion-item:nth-child(1) {   background-color:#e6e6e6; }
.accordion .accordion-item:nth-child(2) {   background-color:#d7d7d9;   margin-top:-15px;}
.accordion .accordion-item:nth-child(3) {   background-color:#cacbcc;   margin-top:-15px;}
.accordion .accordion-item:nth-child(4) {   background-color:#bdbebf;   margin-top:-15px;}
*/ .accordion-header button{ font-weight:bold;}
.accordion-button:not(.collapsed){ background:#fafafa;}
.videobg{ position:absolute; width:100%; z-index:0;}
#myVideo{ min-width:100%; min-height:100%; width:100%; height:100%;}
.portfolio{ background:#fff; padding:30px 0; z-index:1;}
.portfolio h2{ font-size:128px; line-height:128px; letter-spacing:0; font-weight:700; /* font-family:'MangoGrotesque', sans-serif; */ padding:60px 30px; margin-bottom:0;}
.partners{ padding-top:80px; padding-bottom:80px;}
.partners h2{ font-size:60px; line-height:60px; letter-spacing:0; /* font-family:'ambrosia_demoregular', sans-serif; */ font-weight:bold; padding:0px 30px; margin-bottom:0;}
.bannerContactForm{ background:#fff; padding:30px; border-radius: 30px;}
.bannerContent .bannertext{ padding-top:60px;}
.bannerContent .bannertext h3{font-size: 30px; color: #fff;}
.bannerContent .bannertext h1{ color:#fff;}
.bannerContent .bannertext h1 span{ color:#2f5cdf;}
.bannerContent .bannerContactForm .hero-form h4{ text-transform:uppercase; font-weight:700; text-align:center; margin-bottom:20px; /* font-family:'ambrosia_demoregular', sans-serif; */}
.bannerContent .bannerContactForm .hero-form p{ color:#000; text-transform:inherit; font-size:13px; padding:0; text-align:center;}
.bannerContent .bannerContactForm .hero-form input[type="text"],.bannerContent .bannerContactForm .hero-form input[type="email"], .bannerContent .bannerContactForm .hero-form input[type="tel"], .bannerContent .bannerContactForm .hero-form input[type="number"], .bannerContent .bannerContactForm .hero-form select{ padding:12px; color:#000; font-size:14px;}
.bannerContent .bannerContactForm .hero-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 12px;
    border: 1px solid #dfdfdf;
    margin-right: 2rem;
    padding: 1rem;
    padding-right: 2rem;
}
.faqs{ padding:80px 0 160px 0;}
.faqs .accordion-button{ background-color:#1e3c94; color:#ffffff}
.accordion-button::after{ background-color:#fff; border-radius:15%;}


.footer {
    background-color: #042d4d;
    color: white;
    padding: 40px 0 0;
}
.footer .footerLogo{
    margin-bottom: 20px;
}
.footer .footerMenu{
    margin-bottom: 20px;
}
.footer .footerMenu h5 {
    color: #ffb703;
    margin-bottom: 15px;
}
.footer .footerMenub h6{
    color: rgba(255, 255, 255, 0.7);
}
.footer .footerMenub p, .footer .footerMenub a{
    font-size: 24px;
    line-height: 30px;
}
.footer a {
    color: white;
    text-decoration: none;
    display: block;
    margin: 5px 0;
}
.footer a:hover {
    color: #ffb703;
}
.virtual-tour-btn {
    background-color: #063558;
    border: none;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.award-img {
    margin-bottom: 10px;
}
.border-right {
    border-right: 2px solid rgba(255, 255, 255, 0.1);
    height: 100%;
    position: absolute;
    right: 50px;
    top: 0;
}
.border-top {
    border-top: 2px solid rgba(255, 255, 255, 0.1) !important;
    width: 90%;
    margin-bottom: 30px;
}

.footer-copyright{
    background: #03263f;
    padding: 10px 0;
}
.footer-copyright-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* Copyright Text */
.copyright {
    font-size: 18px;
    margin: 0;
}

/* Center Links */
.footer-links {
    display: flex;
    gap: 15px;
    align-items: center;
}

.footer-links a {
    color: white;
    text-decoration: none;
    font-size: 18px;
}

.footer-links a:hover {
    text-decoration: underline;
}

/* Social Media Icons */
.social-icons {
    display: flex;
    gap: 10px;
}

.social-icons a {
    color: white;
    font-size: 18px;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.social-icons a:hover {
    color: #f4b400; /* Gold color on hover */
}

/* Responsive Design */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
}




.footer .copyright{ color:#fff; /* font-family:"Open Sans", sans-serif; */}
.footer h2 { font-size:128px; line-height:128px; letter-spacing:0; font-weight:700; /* font-family:'MangoGrotesque', sans-serif; */ padding:0px 30px; margin-bottom:0; color:#fff; text-transform:uppercase;}
.footer .disclaimer{ color:#666; font-size:12px; /* font-family:"Open Sans", sans-serif; */}
.footer ul{ padding:0; margin:0; display:flex; justify-content:flex-end; align-items:center;    }
.footer ul li{ list-style:none; padding:0 10px;}
.footer ul li:last-child{ padding-right:0;}
.footerTop{ padding:30px 0 60px;  position:relative;    }
.footerTop .contactUs h2{ padding:0;}
.footerTop .contactUs h4{ color:#fff; font-size:18px; text-transform:uppercase; font-weight:bold; margin-top:30px;}
.footerTop .contactUs h6{ color:#fff; font-size:16px; /* font-family:"Open Sans", sans-serif; */ font-weight:400; margin-bottom:20px;}
.footerTop .contactUs p, .footerTop .contactUs a{ color:#fff; font-size:14px; /* font-family:"Open Sans", sans-serif; */}
.footerTop .contactUs a:hover{ text-decoration:underline;}
.copyrightSection{ padding:40px 0 20px; border-top:#222 solid 1px;}
.footerTop .contactUsMap iframe{ border-radius:10px;}
.animatingCards{ }
#cards { 	/* Make place at bottom, as items will slide to that position*/ 	padding-bottom:calc(var(--numcards) * var(--card-top-offset)); 	/* padding-top:calc(var(--numcards) * var(--card-top-offset)); */ 	/* Don't include the --card-margin in padding, as that will affect the scroll-timeline*/ 	/* margin-bottom:var(--card-margin); margin-top:400px; */ /* padding-left:30px; padding-right:30px; */}
#card_1 { 	--index:1;    }
#card_2 { 	--index:2;}
#card_3 { 	--index:3;}
#card_4 { 	--index:4;}
#card_5 { 	--index:5;}
#card_6 { 	--index:6;}
.card { 	position:sticky; 	top:0; 	padding-top:calc(var(--index) * var(--card-top-offset)); border:transparent; background:transparent;}
.card__content { 	transform-origin:50% 0%; 	will-change:transform;}
#cards { 	list-style:none; 	outline:calc(var(--outline-width) * 5) solid hotpink;  	display:grid; 	grid-template-columns:1fr; 	grid-template-rows:repeat(var(--numcards), var(--card-height)); 	gap:var(--card-margin);}
.card { 	outline:var(--outline-width) solid lime;}
.card__content { 	box-shadow:0 0.2em 1em rgba(0, 0, 0, 0.1), 0 1em 2em rgba(0, 0, 0, 0.1); 	/* background:rgb(255, 255, 255); */ background-size:cover; 	color:rgb(10, 5, 7); 	/* border-radius:1em; */ 	overflow:hidden;  	/* display:grid; 	grid-template-areas:"text img"; 	grid-template-columns:1fr 1fr 1fr; 	grid-template-rows:auto;  	align-items:stretch; 	outline:var(--outline-width) solid blue; */ padding:60px;}
#cards li:nth-child(2) .card__content{ 	box-shadow:0 0.2em 1em rgba(0, 0, 0, 0.1), 0 1em 2em rgba(0, 0, 0, 0.1); 	background:rgb(255, 255, 255); 	color:rgb(10, 5, 7); 	/* border-radius:1em; */ 	overflow:hidden; padding:60px;}
#cards li:nth-child(3) .card__content{ 	box-shadow:0 0.2em 1em rgba(0, 0, 0, 0.1), 0 1em 2em rgba(0, 0, 0, 0.1); 	background:rgb(255, 255, 255); 	color:rgb(10, 5, 7); 	/* border-radius:1em; */ 	overflow:hidden; padding:60px;}
#cards li:nth-child(4) .card__content{ 	box-shadow:0 0.2em 1em rgba(0, 0, 0, 0.1), 0 1em 2em rgba(0, 0, 0, 0.1); 	background:rgb(255, 255, 255); 	color:rgb(10, 5, 7); 	/* border-radius:1em; */ 	overflow:hidden; padding:60px;}
#cards li:nth-child(5) .card__content{ 	box-shadow:0 0.2em 1em rgba(0, 0, 0, 0.1), 0 1em 2em rgba(0, 0, 0, 0.1); 	background:rgb(255, 255, 255); 	color:rgb(10, 5, 7); 	/* border-radius:1em; */ 	overflow:hidden; padding:60px;}
#cards li:last-child .card__content{ 	box-shadow:0 0.2em 1em rgba(0, 0, 0, 0.1), 0 1em 2em rgba(0, 0, 0, 0.1); 	background:rgb(255, 255, 255); 	color:rgb(10, 5, 7); 	/* border-radius:1em; */ 	overflow:hidden; padding:60px;}
/* .card__content > div { 	grid-area:text; 	width:80%; 	place-self:center; 	text-align:left; 	display:grid; 	gap:1em; 	place-items:start;}
*/  .mb-30{ margin-bottom:30px;}
.card__content > div p{ font-size:20px; color:#fff; /* font-family:'barlowlight', sans-serif; */ max-width:80%;}
.card__content > figure { 	/* grid-area:img; */ 	overflow:hidden;}
.card__content > figure:last-child::before{ content:" "; position:absolute; }
.card__content > figure > img { 	width:100%; 	height:100%; 	object-fit:cover;}
.card__content .brandLogo{ max-width:150px;}
.hover01 figure{ overflow:hidden; margin-bottom:0; width:280px; border-radius:20px; margin:0 auto;}
.hover01 figure img { 	-webkit-transform:scale(1); 	transform:scale(1); 	-webkit-transition:.3s ease-in-out; 	transition:.3s ease-in-out;}
.hover01 figure:hover img { 	-webkit-transform:scale(1.1); 	transform:scale(1.1);}
.cta{ background-image:url(../images/overlayTextBg.png); background-repeat:repeat; background-attachment:fixed;}
.ctaBtn div.formHeading{ font-size:120px; line-height:128px; letter-spacing:0; font-weight:700; /* font-family:'MangoGrotesque', sans-serif; */ padding:0px 30px; margin-bottom:0; color:#fff;}
.ctaBtn div.formHeading span{ color:#111;}
.ctaBtn a{ background:#1c35c9; color:#fff; text-transform:uppercase; padding:12px 25px; border-radius:20px; font-weight:bold; font-size:14px;}
.ctaBtn a:hover{ color:#1c35c9; background:#fff;}
.btn-cta{ background:#1c35c9; color:#fff; text-transform:uppercase; padding:12px 40px; border-radius:50px; font-weight:bold; font-size:14px; border:none;}
.btn-cta a:hover{ color:#1c35c9; background:#fff;}
.counter{  padding:0 0 80px; position: relative; z-index: 99;}
.sectionTitle h2{ color:#111; font-weight:bold; font-size:60px; line-height:60px; text-transform:uppercase;}
.sectionTitle p{font-size: 22px;}
.counter .countData{ padding:30px 0;}
.counter .countData h3{ color:#111; font-size:54px;  /* font-family:'ambrosia_demoregular', sans-serif;  */font-weight:700;}
.counter .countData p{ color:rgba(0, 0, 0, 0.6); font-size: 20px;}
.counter .border-right{ border-right:1px solid rgba(255, 255, 255, 0.7);}
.indutryUpdates{ background:#fff; padding:80px 0;}
.indutryUpdates .sectionTitle h2{ color:#000000;}
.industry-update-style-three a{ color:#000; margin:15px 0; display:block;}
.industry-update-style-three a h6{ font-weight:700;}
.industry-update-style-three a.readmore{ color:#d6bb8f; font-weight:600;}
.industry-update-style-three img{
    border-radius: 15px;
}
.roundedall{
    border-radius: 20px;
}
.placement-section .contentslider h2{
    font-size: 60px;
    font-weight: 700;
}
.placement-section .contentslider p{
    font-size: 18px;
    line-height: 22px;
}
.positionedText{
    position: absolute;
    z-index: 99;
    top: 0px;
    left: 15px;
    padding: 15px;
    color: #fff;
}
.placementBg{
    background-image: url(../images/placement.png);
    background-size: cover;
    background-position: center;
    padding: 100px 0;
    border-radius: 100px;
}
.positionedText1{
    position: absolute;
    z-index: 99;
    top: 0px;
    left: 15px;
    padding: 15px;
    color: #fff;
}

.infrastructure{ padding:80px 0; overflow-x: hidden;}
.infrastructure .nav-pills .nav-link.active, .infrastructure .nav-pills .show>.nav-link{ background-color: #ffb703; color:#111; font-size:20px; font-weight:500;}
.infrastructure .nav-link{ color:rgba(0, 0, 0, .7); padding:20px 24px 15px; border-radius: 30px; text-transform:uppercase; background-color: #fff; margin: 5px 0; line-height: .9; }
.infrastructure .nav.flex-column{ position:relative; width: 25%;}
.infrastructure .tab-content{position: relative; width: 75%; z-index: 9;}
.infrastructure .nav.flex-column::after{ content:" "; background:url(../images/line-icon.png) no-repeat; position:absolute; left:110%; z-index:9; width:100%; height:100%; top:14%;   }
.pillsMobileon{ display:none;}
.programmOffered{ padding:80px 0; position: relative;}
.programmOffered .sectionTitle p{ color:#111;}
.programmOffered .programmes h4{ font-size:18px;}
.programmOffered .programmes h4 a{ color:#fff;text-align: center;}
.programmOffered .owl-nav, .videossection .owl-nav{ position:absolute; top: 50%; left:50%; transform:translate(-50%, -50%);}
.programmOffered .owl-nav .owl-prev, .videossection .owl-nav .owl-prev{ position:relative; left:-450px; background:#fff !important; width:40px; height:40px; border-radius:50%;}
.programmOffered .owl-nav .owl-next, .videossection .owl-nav .owl-next{ position:relative; right:-450px; background:#fff !important; width:40px; height:40px; border-radius:50%;    }
.programmOffered .owl-nav .owl-prev.disabled, .programmOffered .owl-nav .owl-next.disabled, .videossection .owl-nav .owl-prev.disabled, .videossection .owl-nav .owl-next.disabled{ background:#e4e4e4 !important; width:40px; height:40px; border-radius:50%;}
.programmOffered .owl-theme .owl-dots .owl-dot span{ width:45px !important;}
.videossection .owl-theme .owl-dots .owl-dot span{ width:35px !important;}
.programmOffered .owl-carousel .owl-item img{ min-height:200px;}
.zoom-img { width:100%; overflow:hidden;}
.zoom-img img { width:100%; height:100%; object-fit:cover; transition:all .5s ease;}
.zoom-img img:hover { transform:scale(1.2);}
.clients { align-items:center; -webkit-box-align:center; display:flex; flex-wrap:wrap; justify-items:center; margin:2rem auto; /* max-width:1024px;  */}
.clients li { flex:1 0 21%;   list-style:none;   padding:20px; }
.clients img {   width:65%;}
.clients-bb{ border-bottom:#ccc solid 1px;}
.clients-br{ border-right:#ccc solid 1px;}
#floatingCTABtn { display:none; position:fixed; bottom:20px; right:30px; z-index:99; font-size:18px; border:none; outline:none; background-color:#1e3c94; color:white; cursor:pointer; padding:10px; border-radius:50%; box-shadow:rgba(17, 12, 46, 0.35) 0px 8px 10px 0px;}
#floatingCTABtn img{ width:30px;}
.contactModalBg{ border-radius:0;}
.contactform .btn-close { position:absolute; top:10px; right:10px;}
.floatingCTABtnMobile{ display:none;}
@media (min-width:1024px) {
    header .navbar-light .navbar-nav .nav-link{
        padding: 0 10px;
    }
    .clients { grid-template-columns:auto auto auto auto; }
    .clients img {   width:65%; }
}

.image-card {
    border: 2px solid white;
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
  }
  .image-wrapper {
    position: relative;
    overflow: hidden;
  }
  .image-wrapper img {
    width: 100%;
    max-height: 160px;
    display: block;
    border-radius: 12px;
    transition: transform 0.3s ease;
  }
  .image-text {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 6px 12px;
    border-radius: 15px;
    font-size: 16px;
    transition: all 0.3s ease;
    width: 70%;
    text-align: center;
    font-weight: 500;
  }
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .image-wrapper:hover .overlay {
    opacity: 1;
  }

  .image-wrapper:hover .image-text {
    background-color: white;
    color: black;
  }  

  .campus-card {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease;
  }
  
  .campus-card:hover {
    transform: translateY(-5px);
  }
  
  .card-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  
  .card-content {
    padding: 30px;
  }
  
  .card-title {
    font-size: 20px;
    margin: 0 0 8px;
    font-weight: 600;
    color: #222;
    min-height: 50px;
  }
  
  .card-description {
    font-size: 16px;
    color: #555;
    margin-bottom: 12px;
  }
  
  .read-more {
    font-size: 16px;
    color: #ffb703;
    text-decoration: none;
    font-weight: 500;
  }
  
  .read-more:hover {
    text-decoration: underline;
  }
  
  .stok-bg {
    text-transform: uppercase;
    text-align: center;
    margin: auto;
    display: block;
    font-size: 270px;
    font-weight: 700;
    font-family: var(--font-primary);
    margin-right: 10%;
    z-index: -1;
    position: absolute;
    top: -25px;
    width: 100%;
    color: rgba(0, 0, 0, .05);
}

.admissionContainer {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    height: 500px;
}
.admission-item {
    width: 12%;
    height: 80%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
    transition: width 0.3s ease;
    background-color: #000;
    border-radius: 15px;
}
.admission-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
    transition: opacity 0.3s ease;
}
.admission-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
.label {
    position: absolute;
    z-index: 2;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    bottom: 50px;
    transition: all 0.3s ease;
}
.content {
    position: absolute;
    left: 30px;
    z-index: 3;
    color: white;
    padding: 10px;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.content h5{
    font-size: 22px;
}
.admission-item:hover, .admission-item.big {
    width: 35%;
}
.admission-item:hover .label, .admission-item.big .label {
    /* writing-mode: initial;
    transform: rotate(0);
    top: 10px;
    left: 10px; */
    transition: opacity 0.2s ease;
    visibility: hidden;
}
.admission-item:hover .content, .admission-item.big .content {
    opacity: 1;
}
.admission-item:not(.big):not(:hover) .content {
    display: none;
}


/* --- Images (gray logo) --- */ .clients img {   /* -webkit-filter:grayscale(100%) brightness(10%) contrast(10%);   filter:grayscale(100%) brightness(10%) contrast(10%);}
*/}
/* .clients img:hover { -webkit-filter:grayscale(0%);   filter:grayscale(0%);   -webkit-transition:all .3s ease-in-out;   transition:all .3s ease-in-out;}
*/  .videossection{ padding:80px 0;}
.videossection .sectionTitle h2{ color:#000;}
.footer{ /* position:sticky; */ bottom:0; width:100%; position:relative;}
.ourClients{ background-color:#000;}
.footer::before{ content:""; position:absolute; top:-128px; left:0; background:url(../images/footerBefore.png) no-repeat; background-size:100%; width:100%; height:200px; z-index:1;}
.wrapText{ display:flex; justify-content:center;}
.wrap{ display:flex; justify-content:center;}
.wrap-container{ max-width:100%;}
.wrap div{ position:relative; font-size:40px; line-height:48px; text-align:center; text-transform:uppercase; display:block; color:#a6a6a6;}
.wrap div { display:inline-block;}
.wrap span{ position:absolute; width:0; height:100%; color:#ffb703; left:0; overflow:hidden; text-align:center;}
blockquote{ min-width:100% !important;}
#smooth-content { will-change:transform; padding:80px 0;}
.text > h1 { max-width:90vw; margin:auto; line-height:1.2; font-size:60px; color:gold;}
.text { padding:10vh 0;}
.mask { width:100%; height:115%; position:absolute; background:#161616; left:0; top:0; opacity:0.8;}
.reels iframe { box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 10px 0 rgba(0, 0, 0, 0.15) !important; min-width:100% !important}
.bannerArea .programmes.owl-carousel .owl-item img{
    border-radius: 100px;
    min-height: 700px;
}
.bannerArea .bannerContent h1.web{ display:block;}
.bannerArea .bannerContent h1.mobile{ display:none;}
.playbtn{ position:absolute !important; top:50%; left:50%; width:60px !important; transform:translate(-50%, -50%);}

@media (min-width:767px) and (max-width:1024px) {
    .footer .border-right{
        display: none;
    }
    .footer .border-top{
        display: none;
    }
    .placementBg{
        padding: 50px 0;
        border-radius: 50px;
    }
    .placement-section .contentslider h2{
        font-size: 24px;
    }
    .placement-section .contentslider p{
        font-size: 16px;
        margin-bottom: 0;
    }
    .programmOffered{
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .stok-bg{
        font-size: 136px;
        top: 25px;
    }
    .counter .countData h3{
        font-size: 40px;
    }
    .counter .countData p{
        font-size: 15px;
    }
    .bannerContent .bannerContactForm .hero-form h4{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .bannerContactForm{
        padding: 15px;
    }
    .bannerArea .bannerContent h1{
        font-size: 54px;
        line-height: 54px;
    }
    .card__content, #cards li:nth-child(5) .card__content, #cards li:nth-child(4) .card__content, #cards li:nth-child(3) .card__content, #cards li:nth-child(2) .card__content, #cards li:last-child .card__content{padding:25px;}
    .card__content .brandLogo {max-width:80px;}
    .card__content > div p{font-size:14px; max-width:100%;}
    .hover01 figure{width:100%;}
    .main-marq.lrg .box .item h4{font-size:22vw; line-height:22vw;}
    .sectionOne .sectionTitle h2{font-size:60px; line-height:66px;   margin-bottom:0;  }
    .sectionOne .sectionTitle h1{font-size:90px; line-height:90px; letter-spacing:0;    }
    .sectionOne .relpos img {bottom:-30px; right:15px; width:40%;}
    .sectionTwo{padding-top:80px; padding-bottom:20px;}
    .sectionTwo::before{top:0; margin-top:-80px;}
    .sectionTwo .sectionDescription h2{font-size:30px; line-height:54px;}
    .sectionTwo .voteImage {right:15px; top:15%; max-width:290px;}
    .sectionThree .sectionTitle h2{font-size:66px; line-height:66px;}
    .sectionThree .sectionTitle h1{font-size:90px; line-height:90px;}
    .dg-container{padding-bottom:40px;}
    .dg-wrapper{width:300px;}
    .dg-wrapper a img{width:100%;}
    .sectionFour .sectionTitle h2{font-size:72px; line-height:66px;}
    .selectCityFromDropdown{margin-top:0;}
    .slick-slide img{max-width:130px;}
    .sectionFive {padding:80px 0 110px;}
    .sectionFive .sectionTitle h2{font-size:72px; line-height:66px;}
    .sectionFive .testiItem .testiText{padding:15px 30px; margin-left:20px;}
    .sectionFive .testiItem .testiText::before{width:25px;}
    .sectionFive .testiItem .testiText::after{width:25px;}
    .vbline{height:15vh;}
    .customCrdImgTab{max-width:42% !important;}
    .card{height:500px;}
    html, body{overflow-x:hidden;}
}
@media (max-width:575px){
    .industry-update-style-three{
        padding: 15px;
    }
    .programmOffered .owl-nav .owl-prev, .videossection .owl-nav .owl-prev{ position:relative; left:-120px; background:#fff !important; width:40px; height:40px; border-radius:50%;}
    .programmOffered .owl-nav .owl-next, .videossection .owl-nav .owl-next{ position:relative; right:-120px; background:#fff !important; width:40px; height:40px; border-radius:50%;    }    
    .footer .footerMenub p, .footer .footerMenub a{
        font-size: 18px;
        line-height: 24px;
    }
    .footer .border-right, .footer .border-top{
        display: none;
    }
    .footer-links a, .footer .copyright{
        font-size: 14px;
    }
    .admission-item .content{
        left: 5px;
    }
    .admission-item .content h5{
        font-size: 18px;
        line-height: 20px;
    }
    .admission-item .content a.register-btn{
        font-size: 14px;
        line-height: 12px;
        padding: 6px 34px 6px 10px;
    }
.placementBg{
    padding: 35px 0;
    border-radius: 30px;
}
.bannerArea .programmes.owl-carousel .owl-item img{
    border-radius: 30px;
}
.slider-carousel::before{
    border-radius: 30px;
}
.stok-bg{
    font-size: 60px;
    top: 60px;
}
.campus-card{
    margin-bottom: 30px;
}
.programmOffered{
    padding-top: 0;
    padding-bottom: 0;
}
.programmOffered .sectionTitle p{
    font-size: 16px;
}
.bannerContent .bannertext h3{
    font-size: 24px;
    margin: 0;
    padding: 20px 20px 0;
}
.bannerContent .bannertext a.register-btn{
    margin-left: 20px;
}
.bannerContent .bannertext .mt-5{
    margin-top: 1rem !important;
}
.counter .countData p{
    font-size: 16px;
    font-weight: 500;
}
.bannerContent .bannerContactForm.articless .hero-form .d-flex{flex-direction:column;}
.bannerContent .bannerContactForm.articless .hero-form h4 {font-size:21px !important; margin-left:0 !important;}
.faqs{padding:80px 0 80px 0;}
.faqs .accordion-button{font-size:13px;}
.pillsMobileon{display:flex; justify-content:space-between; align-items:center;}
.pillsMobileon li{padding-left:15px;}
.floatingCTABtnWeb{display:none;}
header{background:#fff;}
.programmOffered .owl-theme .owl-dots .owl-dot span {width:15px !important;}
.videossection{padding:50px 0 30px;}
#videos .industry-update-style-three iframe{width:100%; height:230px;}
#videos .owl-nav{position:absolute; left:50%; transform:translateX(-50%);}
.clients li{border:#ccc solid 1px; flex:1 0 50%;}
.clients img{width:80%;}
.clients-br{border-right:none;}
.clients-bb{border-bottom:none;}
.sectionTitle h2{font-size:38px; line-height:48px;} 
.infrastructure .mobileColumn{
    flex-direction: column;
}
.infrastructure .nav.flex-column, .infrastructure .tab-content{
    width: 100%;
}
.infrastructure .sectionTitle.mb-5{
    margin-bottom: 1rem !important;
}
.infrastructure .container, .container-fluid, .container{--bs-gutter-x:.5rem;}
.infrastructure .nav-link{font-size:12px; padding:4px 0; text-wrap:nowrap;}
.infrastructure .nav-link{
    padding: 15px;
    font-size: 16px;
}
.infrastructure .nav-pills .nav-link.active, .infrastructure .nav-pills .show>.nav-link{font-size:16px;}
.infrastructure .sectionTitle h2{font-size:38px;}
.infrastructure .nav.flex-column::after{background:transparent;}
header .navbar-brand img{max-width:210px !important;}
.bannerArea .bannerContent h1{font-size: 28px; line-height: 30px; padding: 10px 20px;}
.bannerArea .bannerContent h1.web{display:none;  }
.bannerArea .bannerContent h1.mobile{display:block;  }
.bannerArea .bannerContent p{padding:0 20px;}
.bannerContent .bannertext{padding-top:0;}
.registerNow{display:none;}
.counter .countData{padding:5px 0;}
.counter .mb-5{margin-bottom:1rem !important;}
.counter .countData h3{font-size:36px;}
.counter .border-right{border-right:none; border-bottom:1px solid rgba(255, 255, 255, 0.7);}
.bannerArea{min-height:800px;}
.bannerArea .bannerContent p{font-size:14px; margin-bottom:0;}
.accordiionContent h2, .portfolio h2{font-size:36px; line-height:54px !important; padding:15px 30px;}
.partners h2{font-size:38px; line-height:54px !important;}
.ctaBtn a{font-size:14px; padding:10px 20px;}
.bannerArea .bannerContent{padding:0 0 10px;}
.bannerContactForm{padding:20px; margin: 30px 10px 0;}
.bannerContent .bannerContactForm .hero-form h4{font-size:18px;}
.bannerContent .bannerContactForm .hero-form input[type="text"], .bannerContent .bannerContactForm .hero-form input[type="email"], .bannerContent .bannerContactForm .hero-form input[type="tel"], .bannerContent .bannerContactForm .hero-form input[type="number"] {padding:10px;}
.slider-carousel::before {background:linear-gradient(165deg, rgba(30, 60, 148, .8) 20%, rgba(30, 60, 148, 0) 40%, rgba(40, 62, 127, 0) 60%, rgba(30, 60, 148, .8) 80%);}
.main-marq.lrg .box .item h4{font-size:6vw; line-height:6vw;}
.ourClients .main-marq.lrg .box .item h4{font-size:0;}
.ourClients .main-marq.lrg .box .item h4 img{max-width:120px;}
.accordiionContent{padding-top:40px;}
.accordiionContent h2{margin-bottom:30px;}
#cards{padding-left:0; padding-right:0; gap:325px;}
.card__content, #cards li:nth-child(2) .card__content, #cards li:nth-child(3) .card__content, #cards li:nth-child(4) .card__content, #cards li:nth-child(5) .card__content, #cards li:last-child .card__content{padding:20px; overflow:visible;}
.card{height:470px;}
.card__content > div p{max-width:100%; font-size:16px;}
.card__content .brandLogo{width:35%;}
.card {padding-top:calc(var(--index)* .5em);}
.pb-300{padding-bottom:300px !important;}
.hover01 figure{width:100%; height:100%;}
.hover01 figure img{width:100%;}
.accordion-item-content p{font-size:16px;}
.accordion h3{font-weight:bold; padding:0; margin-bottom:15px;}
.accordion h4{padding:0;}
.accordion:hover .accordion-item:hover .accordion-item-content, .accordion .accordion-item--default .accordion-item-content{height:auto;}
.sectionOne .sectionTitle h2{font-size:38px; line-height:54px; margin-bottom:0;}
.sectionOne .sectionTitle h1{font-size:78px; line-height:84px; letter-spacing:0;}
.sectionOne .relpos img{bottom:-35px; right:15px;}
.sectionTwo{padding-top:70px; padding-bottom:60px;}
.sectionTwo .sectionTitle h2{font-size:36px; line-height:40px; margin-bottom:15px; }
.sectionTwo::before{top:0; margin-top:-40px;}
.sectionTwo .voteImage {position:relative; right:0; top:0; max-width:fit-content; margin-bottom:40px;}
.sectionTwo .sectionDescription h2{font-size:24px; line-height:36px;}
.sectionThree .sectionTitle h2{font-size:38px; line-height:40px;}
.sectionThree .sectionTitle h1{font-size:60px; line-height:60px;}
.dg-container{padding-bottom:70px;}
.dg-wrapper{width:330px;}
.dg-wrapper a img{width:100%;}
.sectionFour .order1{order:1;}
.sectionFour .order2{order:2;}
.sectionFour .sectionTitle h2{font-size:38px; line-height:56px;}
.sectionFive{padding:70px 0 75px;}
.sectionFive .sectionTitle h2{font-size:38px; line-height:54px;}
.sectionFive .testiItem{margin-top:30px;}
.slick-slide img{width:85px;}
.sectionFive .testiItem .testiText{padding:0 15px;}
.sectionFive .testiItem .testiText::before, .sectionFive .testiItem .testiText::after{width:15px;}
.partners{padding-top:40px; padding-bottom:0px;}
.indutryUpdates {padding-top: 40px; padding-bottom: 50px;}
.sectionSix .sectionTitle h2 {margin-top:0; font-size:38px; line-height:70px;}
.sectionSeven{padding:70px 0;}
.sectionSeven .sectionTitle h2{font-size:38px; line-height:48px;}
.sectionSeven .sectionTitle h1{font-size:60px; line-height:60px;    }
.sectionSeven .workProgressDescription {margin-top:40px; margin-bottom:40px;}
.sectionSeven .workProgressDescription p{font-size:14px;}
.sectionSeven .workProgressDescription p::before{left:-40px; top:-25px;}
.selectCityFromDropdown{margin-top:20px;}
.sectionFour .electionDataByCity{padding:100px 0 0;}
.compareByWork{ display:none; }
.compareByWorkMobile{display:block;}
.compareByWorkMobile .partyIcons{display:flex; justify-content:space-between; align-items:center;}
.compareByWorkMobile .partyIcon.p1{margin-left:0;}
.compareByWorkMobile .partyIcon.p2{margin-right:0;}
.compareByWorkMobile .compareboxw{width:auto;}
.compareByWork{flex-direction:column;}
.footer{padding-bottom:30px;}
.footer::before{top:-32px;}
.footer ul{justify-content:center;}
.footerTop{padding:30px 0 10px;}
.footerTop .contactUsMap iframe{width:100%;}
.ourClients .main-marq .box .item{padding:0;}
.section-padding{padding:60px 0;}
.bannerContent img {max-width:240px;}
.wrap div{font-size:24px; line-height:36px;}
.footerTop .contactUs h2{font-size:60px;}
.ctaBtn div.formHeading{font-size:72px; line-height:72px;}
.navbar-nav {margin-top:10px;}
.navbar-nav li a{padding:5px 10px !important;}
}
svg.morph1 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:70%; stroke:rgb(209, 209, 209, .2)}
.morph1{fill:none;stroke:url(#paint0_linear_2335_1166);stroke-width:.6px; }
.morph1 #a .cls-2:last-child, .morph1 #a .cls-2:nth-child(26), .morph1 #b{display:none }
/***************************************************  * Generated by SVG Artista on 4/18/2024, 4:42:52 PM  * MIT license (https://opensource.org/licenses/MIT)  * W. https://svgartista.net  **************************************************/   @-webkit-keyframes animate-svg-fill-1{0%{fill:transparent }
100%{fill:rgb(0,0,0) }
}
@keyframes animate-svg-fill-1{0%{fill:transparent }
100%{fill:rgb(0,0,0) }
}
.svg-elem-1{-webkit-animation:animate-svg-fill-1 0.7s cubic-bezier(0.39,0.575,0.565,1) 0.8s both;animation:animate-svg-fill-1 0.7s cubic-bezier(0.39,0.575,0.565,1) 0.8s both }
@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent }
100%{fill:rgb(6,172,227) }
}
@keyframes animate-svg-fill-2{0%{fill:transparent }
100%{fill:rgb(6,172,227) }
}
.svg-elem-2{-webkit-animation:animate-svg-fill-2 0.7s cubic-bezier(0.39,0.575,0.565,1) 0.9s both;animation:animate-svg-fill-2 0.7s cubic-bezier(0.39,0.575,0.565,1) 0.9s both }
@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent }
100%{fill:rgb(6,172,227) }
}
@keyframes animate-svg-fill-3{0%{fill:transparent }
100%{fill:rgb(6,172,227) }
}
.svg-elem-3{-webkit-animation:animate-svg-fill-3 0.7s cubic-bezier(0.39,0.575,0.565,1) 1s both;animation:animate-svg-fill-3 0.7s cubic-bezier(0.39,0.575,0.565,1) 1s both }
@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent }
100%{fill:rgb(154,203,75) }
}
@keyframes animate-svg-fill-4{0%{fill:transparent }
100%{fill:rgb(154,203,75) }
}
.svg-elem-4{-webkit-animation:animate-svg-fill-4 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.1s both;animation:animate-svg-fill-4 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.1s both }
@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent }
100%{fill:rgb(154,203,67) }
}
@keyframes animate-svg-fill-5{0%{fill:transparent }
100%{fill:rgb(154,203,67) }
}
.svg-elem-5{-webkit-animation:animate-svg-fill-5 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.2000000000000002s both;animation:animate-svg-fill-5 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.2000000000000002s both }
@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent }
100%{fill:rgb(86,47,146) }
}
@keyframes animate-svg-fill-6{0%{fill:transparent }
100%{fill:rgb(86,47,146) }
}
.svg-elem-6{-webkit-animation:animate-svg-fill-6 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.3s both;animation:animate-svg-fill-6 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.3s both }
@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent }
100%{fill:rgb(86,47,146) }
}
@keyframes animate-svg-fill-7{0%{fill:transparent }
100%{fill:rgb(86,47,146) }
}
.svg-elem-7{-webkit-animation:animate-svg-fill-7 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.4000000000000001s both;animation:animate-svg-fill-7 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.4000000000000001s both }
@-webkit-keyframes animate-svg-fill-8{0%{fill:transparent }
100%{fill:rgb(154,203,67) }
}
@keyframes animate-svg-fill-8{0%{fill:transparent }
100%{fill:rgb(154,203,67) }
}
.svg-elem-8{-webkit-animation:animate-svg-fill-8 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.5s both;animation:animate-svg-fill-8 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.5s both }
@-webkit-keyframes animate-svg-fill-9{0%{fill:transparent }
100%{fill:rgb(154,203,67) }
}
@keyframes animate-svg-fill-9{0%{fill:transparent }
100%{fill:rgb(154,203,67) }
}
.svg-elem-9{-webkit-animation:animate-svg-fill-9 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.6s both;animation:animate-svg-fill-9 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.6s both }
@-webkit-keyframes animate-svg-fill-10{0%{fill:transparent }
100%{fill:rgb(245,129,32) }
}
@keyframes animate-svg-fill-10{0%{fill:transparent }
100%{fill:rgb(245,129,32) }
}
.svg-elem-10{-webkit-animation:animate-svg-fill-10 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.7000000000000002s both;animation:animate-svg-fill-10 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.7000000000000002s both }
@-webkit-keyframes animate-svg-fill-11{0%{fill:transparent }
100%{fill:rgb(245,129,32) }
}
@keyframes animate-svg-fill-11{0%{fill:transparent }
100%{fill:rgb(245,129,32) }
}
.svg-elem-11{-webkit-animation:animate-svg-fill-11 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.8s both;animation:animate-svg-fill-11 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.8s both }
@-webkit-keyframes animate-svg-fill-12{0%{fill:transparent }
100%{fill:rgb(216,41,144) }
}
@keyframes animate-svg-fill-12{0%{fill:transparent }
100%{fill:rgb(216,41,144) }
}
.svg-elem-12{-webkit-animation:animate-svg-fill-12 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.9000000000000001s both;animation:animate-svg-fill-12 0.7s cubic-bezier(0.39,0.575,0.565,1) 1.9000000000000001s both }
@-webkit-keyframes animate-svg-fill-13{0%{fill:transparent }
100%{fill:rgb(216,41,144) }
}
@keyframes animate-svg-fill-13{0%{fill:transparent }
100%{fill:rgb(216,41,144) }
}
.svg-elem-13{-webkit-animation:animate-svg-fill-13 0.7s cubic-bezier(0.39,0.575,0.565,1) 2s both;animation:animate-svg-fill-13 0.7s cubic-bezier(0.39,0.575,0.565,1) 2s both }
@-webkit-keyframes animate-svg-fill-14{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
@keyframes animate-svg-fill-14{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
.svg-elem-14{-webkit-animation:animate-svg-fill-14 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.1s both;animation:animate-svg-fill-14 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.1s both }
@-webkit-keyframes animate-svg-fill-15{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
@keyframes animate-svg-fill-15{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
.svg-elem-15{-webkit-animation:animate-svg-fill-15 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.2s both;animation:animate-svg-fill-15 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.2s both }
@-webkit-keyframes animate-svg-fill-16{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
@keyframes animate-svg-fill-16{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
.svg-elem-16{-webkit-animation:animate-svg-fill-16 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.3s both;animation:animate-svg-fill-16 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.3s both }
@-webkit-keyframes animate-svg-fill-17{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
@keyframes animate-svg-fill-17{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
.svg-elem-17{-webkit-animation:animate-svg-fill-17 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.4000000000000004s both;animation:animate-svg-fill-17 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.4000000000000004s both }
@-webkit-keyframes animate-svg-fill-18{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
@keyframes animate-svg-fill-18{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
.svg-elem-18{-webkit-animation:animate-svg-fill-18 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.5s both;animation:animate-svg-fill-18 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.5s both }
@-webkit-keyframes animate-svg-fill-19{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
@keyframes animate-svg-fill-19{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
.svg-elem-19{-webkit-animation:animate-svg-fill-19 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.6s both;animation:animate-svg-fill-19 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.6s both }
@-webkit-keyframes animate-svg-fill-20{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
@keyframes animate-svg-fill-20{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
.svg-elem-20{-webkit-animation:animate-svg-fill-20 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.7s both;animation:animate-svg-fill-20 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.7s both }
@-webkit-keyframes animate-svg-fill-21{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
@keyframes animate-svg-fill-21{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
.svg-elem-21{-webkit-animation:animate-svg-fill-21 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.8s both;animation:animate-svg-fill-21 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.8s both }
@-webkit-keyframes animate-svg-fill-22{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
@keyframes animate-svg-fill-22{
    0%{fill:transparent }
    100%{fill:rgb(255,255,255) }
}
.svg-elem-22{-webkit-animation:animate-svg-fill-22 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.9000000000000004s both;animation:animate-svg-fill-22 0.7s cubic-bezier(0.39,0.575,0.565,1) 2.9000000000000004s both }
@-webkit-keyframes animate-svg-fill-23{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
@keyframes animate-svg-fill-23{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
.svg-elem-23{-webkit-animation:animate-svg-fill-23 0.7s cubic-bezier(0.39,0.575,0.565,1) 3s both;animation:animate-svg-fill-23 0.7s cubic-bezier(0.39,0.575,0.565,1) 3s both }
@-webkit-keyframes animate-svg-fill-24{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
@keyframes animate-svg-fill-24{0%{fill:transparent }
100%{fill:rgb(255,255,255) }
}
.svg-elem-24{-webkit-animation:animate-svg-fill-24 0.7s cubic-bezier(0.39,0.575,0.565,1) 3.1000000000000005s both;animation:animate-svg-fill-24 0.7s cubic-bezier(0.39,0.575,0.565,1) 3.1000000000000005s both }