html {
  scroll-behavior: smooth;
}

/*Fonts*/ 
@font-face {font-family: Rubik-Regular; src: url('../font/Rubik-Regular.ttf'); } 
@font-face {font-family: Rubik-Medium; src: url('../font/Rubik-Medium.ttf'); } 
@font-face {font-family: Rubik-SemiBold; src: url('../font/Rubik-SemiBold.ttf'); } 
@font-face {font-family: Rubik-Black; src: url('../font/Rubik-Black.ttf'); } 
@font-face {font-family: Rubik-Bold; src: url('../font/Rubik-Bold.ttf'); } 
@font-face {font-family: Rubik-ExtraBold; src: url('../font/Rubik-ExtraBold.ttf'); } 
@font-face {font-family: Rubik-Heavy; src: url('../font/Rubik-Heavy.ttf'); } 

.Rubik-Regular{font-family: 'Rubik-Regular';}
.Rubik-Medium{font-family: 'Rubik-Medium';}
.Rubik-SemiBold{font-family: 'Rubik-SemiBold';}
.Rubik-Black{font-family: 'Rubik-Black';}
.Rubik-Bold{font-family: 'Rubik-Bold';}
.Rubik-ExtraBold{font-family: 'Rubik-ExtraBold';}
.Rubik-Heavy{font-family: 'Rubik-Heavy';}

 
/*Common*/
body {font-size: 14px;line-height: 1.42857143;color: #151515;background-color: #fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}


p{
    margin-bottom:0px;
}
 ul{
    padding:0px;
    list-style:none;
    margin:0px;
}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.ls9{letter-spacing:9px;}

.padding0 {padding: 0;}

.grey{
    color: #333;
}


h1, h2, h3, h4, h5, h6{margin-bottom:0;}


@media (min-width:240px) {
.xs8 {font-size: 8px;}.xs9 {font-size: 9px;}.xs10 {font-size: 10px;}.xs11 {font-size: 11px;}.xs12 {font-size: 12px;}.xs13 {font-size: 13px;}.xs14 {font-size: 14px;}.xs15 {font-size: 15px;}.xs16 {font-size: 16px;}.xs17 {font-size: 17px;}.xs18 {font-size: 18px;}.xs19 {font-size: 19px;}.xs20 {font-size: 20px;}.xs21 {font-size: 21px;}.xs22 {font-size: 22px;}.xs23 {font-size: 23px;}.xs24 {font-size: 24px;}.xs25 {font-size: 25px;}.xs27 {font-size: 27px;}.xs28 {font-size: 28px;}.xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.xs31 {font-size: 31px;}.xs33 {font-size: 33px;}.xs35 {font-size: 35px;}.xs37 {font-size: 37px;}.xs39 {font-size: 39px;}.xs40 {font-size: 40px;}.xs41 {font-size: 41px;}.xs43 {font-size: 43px;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}.xs49 {font-size: 49px;}.xs51 {font-size: 51px;}.xs56{font-size: 56px;}.xs60 {font-size: 60px;}.xs70 {font-size: 70px;}.xs85 {font-size: 85px;}

.xsmt1{margin-top:1%;}.xsmt2{margin-top:2%;}.xsmt3{margin-top:3%;}.xsmt4{margin-top:4%;}.xsmt5{margin-top:5%;}.xsmt6{margin-top:6%;}.xsmt8{margin-top:8%;}.xsmt13{margin-top:13%;}.xsmt20{margin-top:20%;}
.xsmb1{margin-bottom:1%;}
.xsmb2{margin-bottom:2%;}
.xsmb3{margin-bottom:3%;}
.xsmb4{margin-bottom:4%;}
.xsmb6{margin-bottom:6%;}
.xsmb7{margin-bottom:7%;}
.xsmb8{margin-bottom:8%;}
.xsmb10{margin-bottom:10%;}
.xsmb15{margin-bottom:15%;}
.xsmb0{margin-bottom:0%;}

.xsmt-1{margin-top:-1%;}
.xsmt-3{margin-top:-3%;}
.xsmt-11{margin-top:-11%;}

.mycontainer{width: 90%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}
.mycontainer2{
    width:100%;    
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

}


@media (min-width:768px) {  
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm22 {font-size: 22px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm28 {font-size: 28px;}.sm29 {font-size: 29px;}.sm30 {font-size: 30px;}.sm31 {font-size: 31px;}.sm32 {font-size: 32px;}.sm33 {font-size: 33px;}.sm35 {font-size: 35px;}.sm37 {font-size: 37px;}.sm38 {font-size: 38px;}.sm39 {font-size: 39px;}.sm40 {font-size: 40px;}.sm41 {font-size: 41px;}.sm43 {font-size: 43px;}.sm44 {font-size: 44px;}.sm45 {font-size: 45px;}.sm46 {font-size: 46px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.sm50 {font-size: 50px;}.sm55 {font-size: 55px;}.sm60 {font-size: 60px;}.sm70 {font-size: 70px;}.sm80 {font-size: 80px;}.sm100 {font-size: 100px;}.sm130 {font-size: 130px;}

.lmt0{margin-top:0%;}.lmt1{margin-top:1%;}.lmt2{margin-top:2%;}.lmt3{margin-top:3%;}.lmt4{margin-top:4%;}.lmt5{margin-top:5%;}.lmt10{margin-top:10%;}.lmt13{margin-top:13%;}.lmt6{margin-top:6%;}.lmt7{margin-top:7%;}.lmt8{margin-top:8%;}.lmt9{margin-top:9%;}.lmt11{margin-top:11%;}.lmt12{margin-top:12%;}.lmt16{margin-top:16%;}.lmt18{margin-top:18%;}.lmt12{margin-top:12%;}.lmt13{margin-top:13%;}.lmt14{margin-top:14%;}.lmt15{margin-top:15%;}.lmt18{margin-top:18%;}.lmt20{margin-top:20%;}.lmt22{margin-top:22%;}.lmt25{margin-top:25%;}.lmt28{margin-top:28%;}.lmt30{margin-top:30%;}.lmt34{margin-top:34%;}.lmt45{margin-top:45%;}
.lmt-15{margin-top:-14%;}
.lmt-25{margin-top:-25%;}
.lmt-3{margin-top:-3%;}
.lmt-1{margin-top:-1%;}
.lmt-2{margin-top:-2%;}
.lmt-3{margin-top:-3%;}
.lmt-4{margin-top:-4%;}
.lmt-5{margin-top:-5%;}
.lmt-6{margin-top:-6%;}
.lmt-7{margin-top:-7%;}
.lmt-8{margin-top:-8%;}
.lmt-9{margin-top:-9%;}
.lmt-11{margin-top:-11%;}
.lmt-13{margin-top:-13%;}
.lmt-20{margin-top:-20%;}
.lmb0{margin-bottom:0%;}
.lmb1{margin-bottom:1%;}
.lmb2{margin-bottom:2%;}
.lmb7{margin-bottom:7%;}
.lmb10{margin-bottom:10%;}
.lmb15{margin-bottom:15%;}
.lmb30{margin-bottom:30%;}

.lmb-8{margin-bottom:-8%;}
.lmb-4{margin-bottom:-4%;}
.lml-2{margin-left:-2%;}
.pc-right{text-align: right;}
.mobile-center {text-align: left;}

.mycontainer{width: 730px;}
.mycontainer2{width:730px;}



}

@media (min-width: 992px) {
.md8 {font-size: 8px;}.md9 {font-size: 9px;}.md10 {font-size: 10px;}.md11 {font-size: 11px;}.md12 {font-size: 12px;}.md13 {font-size: 13px;}.md14 {font-size: 14px;}.md15 {font-size: 15px;}.md16 {font-size: 16px;}.md17 {font-size: 17px;}.md18 {font-size: 18px;}.md19 {font-size: 19px;}.md20 {font-size: 20px;}.md21 {font-size: 21px;}.md22 {font-size: 22px;}.md23 {font-size: 23px;}.md24 {font-size: 24px;}.md25 {font-size: 25px;}.md26 {font-size: 26px;}.md27 {font-size: 27px;}.md28{font-size: 28px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}.md32 {font-size: 32px;}.md33 {font-size: 33px;}.md34 {font-size: 34px;}.md35 {font-size: 35px;}.md36 {font-size: 36px;}.md37 {font-size: 37px;}.md38 {font-size: 38px;}.md39 {font-size: 39px;}.md40{font-size: 40px;}.md41 {font-size: 41px;}.md42 {font-size: 42px;}.md44 {font-size: 44px;}.md45 {font-size: 45px;}.md46 {font-size: 46px;}.md47 {font-size: 47px;}.md48 {font-size: 48px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md52 {font-size: 52px;}.md53 {font-size: 53px;}.md54 {font-size: 54px;}.md55 {font-size: 55px;}.md56 {font-size: 56px;}.md58 {font-size: 58px;}.md66 {font-size: 66px;}.md68 {font-size: 68px;}.md60{font-size: 60px;}.md64{font-size: 64px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md106{font-size: 106px;}.md170 {font-size: 170px;}.md210 {font-size: 240px;}


.mmb0{margin-bottom:0%;}
.mmb3{margin-bottom:3%;}
.mmb5{margin-bottom:5%;}
.mmb7{margin-bottom:7%;}
.mmb8{margin-bottom:8%;}
.mmb11{margin-bottom:11%;}
.mmb12{margin-bottom:12%;}
.mmb14{margin-bottom:14%;}
.mmb15{margin-bottom:15%;}
.mmb16{margin-bottom:16%;}
.mmb20{margin-bottom:20%;}
.mmb28{margin-bottom:28%;}
.mmb35{margin-bottom:35%;}
.mmt0{margin-top:0%;}
.mmt1{margin-top:1%;}
.mmt2{margin-top:2%;}
.mmt3{margin-top:3%;}
.mmt4{margin-top:4%;}
.mmt5{margin-top:5%;}
.mmt6{margin-top:6%;}
.mmt7{margin-top:7%;}
.mmt8{margin-top:8%;}
.mmt10{margin-top:10%;}
.mmt11{margin-top:11%;}
.mmt12{margin-top:12%;}
.mmt13{margin-top:13%;}
.mmt14{margin-top:14%;}
.mmt15{margin-top:15%;}
.mmt18{margin-top:18%;}
.mmt11a{margin-top:11.6%;}
.mmt20{margin-top:20%;}
.mmt28{margin-top:28%;}
.mmt31{margin-top:31%;}
.mmt36{margin-top:36%;}
.mmt-2{margin-top:-2%;}
.mmt-3{margin-top:-3%;}
.mmt-4{margin-top:-4%;}
.mmt-5{margin-top:-5%;}
.mmt-8{margin-top:-8%;}
.mmt-9{margin-top:-9%;}
.mmt-9a{margin-top:-9.5%;}
.mmt-12{margin-top:-12%;}

.mmb-5{margin-bottom:-5%;}
.mmb-6{margin-bottom:-6%;}

.mml-4{margin-left:-4%;}

.mycontainer{width: 880px;}
.mycontainer2{width:922px;}

}

@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 17px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}.lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg28 {font-size: 28px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}..lg43 {font-size: 43px;}.lg44 {font-size: 44px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}.lg47 {font-size: 47px;}.lg48 {font-size: 48px;}.lg49 {font-size: 49px;}.lg50 {font-size: 50px;}.lg51 {font-size: 51px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg54 {font-size: 54px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg62 {font-size: 62px;}.lg60{font-size: 60px;}.lg64{font-size: 64px;}.lg68{font-size: 68px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg82 {font-size: 82px;}.lg86 {font-size: 86px;}.lg90 {font-size: 90px;}.lg100 {font-size: 100px;}.lg106 {font-size: 106px;}.lg180 {font-size: 180px;}.lg210 {font-size: 240px;}




.lmtm-3{margin-top: -3%;}

.lgmb0{margin-bottom:0%;}
.lgmb2{margin-bottom:2%;}
.lgmb3{margin-bottom:3%;}
.lgmb5{margin-bottom:5%;}
.lgmb11{margin-bottom:11%;}
.lgmb12{margin-bottom:12%;}
.lgmb22{margin-bottom:22%;}
.lgmb25{margin-bottom:25%;}

.lgmb-6{margin-bottom:-6%;}


.lgmt5{margin-top:5%;}
.lgmt18{margin-top:18%;}
.lgmt13{margin-top:13%;}
.lgmt15{margin-top:15%;}
.lgmt23{margin-top:23%;}
.lgmt26{margin-top:26%;}
.lgmt29{margin-top:29%;}

}

@media (min-width:1500px){
.xl8 {font-size: 8px;}.xl9 {font-size: 9px;}.xl10 {font-size: 10px;}.xl11 {font-size: 11px;}.xl12 {font-size: 12px;}.xl13 {font-size: 13px;}.xl14 {font-size: 14px;}.xl15 {font-size: 15px;}.xl16 {font-size: 16px;}.xl17 {font-size: 17px;}.xl18 {font-size: 18px;}.xl19 {font-size: 19px;}.xl20 {font-size: 20px;}.xl21 {font-size: 21px;}.xl22 {font-size: 22px;}.xl23 {font-size: 23px;}.xl24 {font-size: 24px;}.xl25 {font-size: 25px;}.xl26 {font-size: 26px;}.xl27 {font-size: 27px;}.xl28 {font-size: 28px;}.xl29 {font-size: 29px;}.xl30 {font-size: 30px;}.xl31 {font-size: 31px;}.xl32 {font-size: 32px;}.xl33 {font-size: 33px;}.xl34 {font-size: 34px;}.xl35 {font-size: 35px;}.xl36 {font-size: 36px;}.xl37 {font-size: 37px;}.xl38 {font-size: 38px;}.xl39 {font-size: 39px;}.xl40{font-size: 40px;}.xl41 {font-size: 41px;}.xl42 {font-size: 42px;}.xl44 {font-size: 43px;}.xl45 {font-size: 45px;}.xl46 {font-size: 46px;}.xl47 {font-size: 47px;}.xl48 {font-size: 48px;}.xl49 {font-size: 49px;}.xl50 {font-size: 50px;}.xl51 {font-size: 51px;}.xl52 {font-size: 52px;}.xl53 {font-size: 53px;}.xl55 {font-size: 55px;}.xl56 {font-size: 56px;}.xl58 {font-size: 58px;}.xl65 {font-size: 65px;}.xl60{font-size: 60px;}.xl75 {font-size: 75px;}.xl70 {font-size: 70px;}.xl80 {font-size: 80px;}.xl87 {font-size: 87px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;}

}

.mycontainer-left{}

.responsive-video {
    padding-bottom: 56.21%;
    overflow: hidden;
    position: relative;
    z-index: 3; 
    box-shadow:0px 19px 40px 0px rgba(0, 0, 0, 0.24);   
}

.video-box-main-out {
    padding: 0%;
}
.video-box-main-inn {
    width: 103.4%;
    padding: 0%;
    max-width: 103.4%;
    margin: auto;
    position: relative;
    background-color: #000;
    margin-right: -12%;
    border-radius: 20px;
    box-shadow: 9.508px 8.866px 24px 0px rgb(38 38 117 / 35%);
}
.autoplayer-subarea, .autoplayer-subarea iframe {
    border-radius: 20px!important ;
}
.video-box-main{padding: 0;}
.video-box {
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-radius: 22px;
    box-shadow: 0px 32px 38px 0px rgba(0, 0, 0, 0.21);
}
.videoBg {
    position: absolute;
    top: -2.5%;
    max-width: 123%;
    left: -9.5%;
}

.autoplayer-subarea-16-by-9 {
    padding-bottom: 56.25%!important;
    border-radius: 0;   
}
.video-box iframe{
    border-radius: 15px;    
}

.demo{padding-bottom: 55.21%;
    overflow: hidden;
    position: relative;
    border: 0px solid #ffffff42;}
.demo-video-out{
    padding: 0 2.4%;
}
.demo-video {
    overflow: hidden;
    margin-top: 5%;
    padding: 0;
    border-width: 5px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 24px;
    background-color: black;
    box-shadow: 0px 42px 55.08px 12.92px rgba(0, 0, 0, 0.46);
}    

.responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video1 iframe, .responsive-video1 object, .responsive-video1 embed, .responsive-demo-video embed, .responsive-demo-video object, .responsive-demo-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.autoplayer-area {
    z-index: 2;
}

.gray{color: #7a7a7a;}
.black2{color:#1f2024;}

.mycontainer{margin:auto;}

.italic {
    font-style: italic;
}

.upper{text-transform:uppercase}




/*font-weight*/
.w100{font-weight:100;} .w200{font-weight:200;} .w300{font-weight:300;} .w400{font-weight:400;} .w500{font-weight:500;} .w600{font-weight:600;} .w700{font-weight:700;}
.w800{font-weight:800;} .w900{font-weight:900;}
.lh0 {line-height: 0%;}.lh50 {line-height: 50%;}.lh60 {line-height: 60%;}.lh70 {line-height: 70%;}.lh80 {line-height: 80%;}.lh90 {line-height: 90%;}.lh100 {line-height: 100%;}.lh110 {line-height: 110%;}.lh120 {line-height: 120%;}.lh130 {line-height: 130%;}.lh140 {line-height: 140%;}.lh145 {line-height: 145%;}.lh150 {line-height: 150%;}.lh160 {line-height: 160%;}.lh170 {line-height: 170%;}.lh180 {line-height: 180%;}.lh190 {line-height: 190%;}.lh200 {line-height: 200%;}.lh210 {line-height: 210%;}.lh220 {line-height: 220%;}.lh230 {line-height: 230%;}


.mycontainer-left {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
}
.mycontainer-right {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: auto;
}

.clear {clear: both;}
.text-white{color:#fff;}
.videoframe {position: relative;}

/*hover effect 73*/

.SMN_effect-73 a {
    position: relative;
    overflow: hidden;
    padding: 0;
    padding-bottom: 5px;
}
.SMN_effect-73 a:after {
    background: #946c4c;
    content: '';
    height: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: translate3d(-100%, 0, 0);
    width: 100%;
}
.SMN_effect-73 a:hover::after {
    animation: link-hoverstate .5s linear forwards;
        animation-timing-function: linear;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes link-hoverstate {
 0% {
  opacity:1;
  transform:translate3d(-100%, 0, 0)
 }
 55% {
  transform:translate3d(100%, 0, 0)
 }
 56% {
  transform:translate3d(100%, calc(0.5rem + 4px), 0)
 }
 100% {
  opacity:1;
  transform:translate3d(0, calc(0.5rem + 4px), 0)
 }
}


.swiper-container1 {
    width: 100%;
    height: 100%;
}
.swiper-container1 .swiper-slide {
    background-position: center;
    background-size: cover;
}

.banner span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ff5d16;
    opacity: 1;
}

.bntext {
    padding: 0 0 0 5%;
}


.sdsadsa {
    display: flex;
    margin: 0 0px;
    padding: 0 0px;
}




/*waves*/

.wrapper {
    top: 74%;
    left: 102%;
    z-index: 2;
    margin: 8px 0 0 10px;
}
.video.video-popup.mfp-iframe i {
    line-height: 2.9;
}
.video.video-popup.mfp-iframe i:hover {
    color: #fff !important;
}
.video-main {
    position: relative;
    display: inline-block;
}
.video {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    background: transparent;
    color: #fff;
    display: inline-block;
    background: linear-gradient(to right, #ff901e, #ff5a15);
    z-index: 999;
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

.fa-play:before {
    content: "\f04b";
}

.waves {
    position: absolute;
    width: 140px;
    height: 140px;
    background: rgb(255 140 29 / 15%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    right: -50px;
    bottom: -50px;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
    display: none; /* Waves hidden by default */
}

/* Display waves on hover */
.video-main:hover .waves {
    display: block;
    opacity: 0;
}

.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}


/*============= text*/

.text {
    margin: 0 0 0 5px;
}

.getlink1 {
    text-align: center;
    display: inline-block;
    border: 1px solid #946c4c;
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    border-radius: 8px;
    transition-duration: 0.3s;
    background: #ffffff00;
    padding: 18px 30px;
    margin: 0 10px 0 10px;
}
.getlink1:hover {
    background: #6c3d18;
    color: #fff !important;
    transition-duration: 0.3s;
    box-shadow: none;
    transform: scale(1.02);
    border: 1px solid #000000;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
}

.getlink2 {
    text-align: center;
    display: inline-block;
    border: 1px solid #946c4c;
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    border-radius: 8px;
    transition-duration: 0.3s;
    background: #ffffff00;
    padding: 16px 30px;
}
.getlink2:hover {
    background: #01be3e;
    color: #fff !important;
    transition-duration: 0.3s;
    border: 1px solid #000000;
    box-shadow: none;
    transform: scale(1.02);
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
}

i.fa.fa-whatsapp {
    color: #ffffff;
    padding: 6px 7px;
    background: #01be3e;
    border-radius: 30px;
    margin: 0 5px 0px 0px;
    font-weight: 700;
}

/*3*/

.getlink3 {
    text-align: center;
    /*display: inline-block;*/
    border: 1px solid #f7d9a9;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 8px;
    transition-duration: 0.3s;
    background: #a06405;
    padding: 18px 15%;
}
.getlink3:hover {
    background: #6c3d18;
    color: #fff !important;
    transition-duration: 0.3s;
    border: 1px solid #ff5a1500;
    transform: scale(1.02);
}


 /* Popup container */
        .popup-container {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 1000;
            justify-content: center;
            align-items: center;
        }

        /* Popup content */
        .popup-content {
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
            position: relative;
            width: 80%;
            max-width: 1100px;
        }

        .popup-content iframe {
            width: 100%;
            height: 533px;
            border: none;
        }

        /* Close button */
.close-btn2 {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #ff0000;
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 18px;
    border-radius: 0px;
    font-family: 'Rubik-Regular';
    font-weight: 700;
}

        .close-btn2:hover {
            background: #cc0000;
        }



/*form*/

#submitButton {
    cursor: pointer; /* Change cursor to pointer (hand) on hover */
}

.form {
    padding: 2% 0;
    background: #16b7a7;
}
.frm-main-Box {
    border: 1px solid #00000024;
    border-radius: 18px;
    padding: 20px 0px 0px 0px;
    max-width: 92%;
    margin: 0 0 0 5%;
}

.talkBox1 {
    padding: 6% 8%;
    border-radius: 18px;
    background: #fff;
    z-index: 2;
    box-shadow: 5px 5px 30px #00000014;
    margin: 0 0 -20px 20px;
}

form#myForm {
    background: #fff;
}

label {
    color: #fff;
    margin: 0 10px 0 10px;
    font-size: 20px;
}
input[type="text"] {
    border: 1px solid #ebebebdb;
    background: #ffffff;
    padding: 10px 12px;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
    width: 100%;
    font-weight: 300;
    font-size: 16px;
    margin-top: 1.5%;
} 
input#email {
    border: 1px solid #ebebebdb;
    background: #ffffff;
    padding: 10px 12px;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
    width: 100%;
    font-weight: 300;
    font-size: 16px;
    margin-top: 1.5%;
}
input#phone {
    border: 1px solid #ebebebdb;
    background: #ffffff;
    padding: 10px 12px;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
    width: 100%;
    font-weight: 300;
    font-size: 16px;
    margin-top: 1.5%;
}


input[type="submit"] {
    padding: 14px 60px;
    background: #946c4c;
    color: #fff;
    border-radius: 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    transition-duration: 0.3s;
    border: 0;
    width: 100%;
    margin-top: 3%;
    
}
input[type="submit"]:hover {
    background: #a06405;
    color: #ffffff;
    transition-duration: 0.3s;
    transform: scale(1.02);
}


/*Thankyou-box*/

.modal-content h2 {
    color: #b37006;
    font-weight: 700;
}
.thankBox li i {
    margin: 0 5px 0 0px;
}
.thankBox li i {
    margin: 0 8px 0 0px;
    color: #b37006;
    font-weight: 600;
}

span.close {
    position: absolute;
    right: 0;
    top: 0px;
    background: #b37006;
    color: #fff;
    padding: 2px 5px;
    line-height: 100%;
    width: 30px;
    height: 35px;
    opacity: 10;
}





.enrolHindi {
    text-align: center;
    display: inline-block;
    border: 1px solid #a06405;
    color: #a06405;
    font-size: 18px;
    font-weight: 700;
    border-radius: 8px;
    transition-duration: 0.3s;
    background: #ffffff;
    padding: 12px 2.5%;
}
.enrolHindi:hover {
    background: #6c3d18;
    color: #fff !important;
    transition-duration: 0.3s;
    border: 1px solid #ff5a1500;
    transform: scale(1.02);
}

.enrolEnglish {
    text-align: center;
    display: inline-block;
    border: 1px solid #a06405;
    color: #a06405;
    font-size: 18px;
    font-weight: 700;
    border-radius: 8px;
    transition-duration: 0.3s;
    background: #ffffff;
    padding: 12px 2.5%;
    margin-bottom: 2%;
    margin-left: 5px;
}
.enrolEnglish:hover {
    background: #6c3d18;
    color: #fff !important;
    transition-duration: 0.3s;
    border: 1px solid #ff5a1500;
    transform: scale(1.02);
}

.enrolbtnn {
    display: inline;
}

.btnn_new {
    display: inline;
}

.enBox {
    margin-bottom: 1%;
}


/* Overlay covering the whole screen */ /*Exit Popup*/


.exitspc {
    background-image: -webkit-linear-gradient(268deg, #fffdc9 15%, #c99a43 120%);
}

.exit-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1000px;
    padding: 0px 0px 0px 0px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 8;
    border: 0px solid #ffffff;
    border-radius: 20px;
    z-index: 1001;
}

.lgo {
    margin-top: 2%;
    margin-bottom: 1%;
}

a.action-link {
    padding: 20px 30px;
    display: inline-block;
}
a.action-link {
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 25px 15px;
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    border-radius: 10px;
    transition: all 0.5s;
    background-color: rgb(255 91 0);
    border: 1px solid rgba(255, 255, 255, 0.3);
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s;
    width: 75%;
    margin: auto;
    margin-top: 2%;
}
a.action-link:hover {
    transition: all 0.5s;
    background-color: rgb(235 84 0);
    transition: all 0.5s;
}
.exit-popup h3 {
    margin-bottom: 1%;
    font-weight: 700;
}
span.subtext {
    font-size: 22px;
    line-height: 130%;
}
span.subtext2 {
    font-size: 30px;
    line-height: 130%;
    font-weight: 600;
    color: #21cffc;
}
span.subtext3 {
    font-size: 28px;
    line-height: 130%;
    font-weight: 600;
    color: #000064;
}
span.subtext4 {
    font-size: 40px;
    
    line-height: 130%;
    font-weight: 700;
    color: #fc2121;
}
form {
    margin-top: 1%;
}


.nothnkss {
    position: absolute;
    text-decoration: none;
    font-size: 8px;
    color: #333;
    display: inline-flex;
    top: -12px;
    right: -12px;
}
.close-icon {
    margin-left: 0px;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    line-height: 100%;
    transition: color 0.3s ease;
    background: #b37006;
    padding: 1px 8px 8px 8px;
    border-radius: 30px;
    z-index: 1;
}
.close-icon:hover {
    color: #ffe9d9;
}

.exitimg {
    margin-top: 0%;
    padding-top: 5%;
}

.talkBox {
    background: url(../images/bannerBording.png) no-repeat center top;
    background-color: #fffbf8;
}

.boxborder {
/*    display: grid;*/
    place-content: center;
    --border-angle: 0turn;
    --main-bg: conic-gradient(from var(--border-angle), #ffffff, #ffffff 5%, #ffffff 60%, #ffffff 95%);
    border: solid 3px transparent;
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #a96b09, #ffc598 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    -webkit-animation: bg-spin 3s linear infinite;
    animation: bg-spin 3s linear infinite;
}

/*.boxborder {
    place-content: center;
    --border-angle: 0turn;
    --main-bg: conic-gradient(from var(--border-angle), #ffffff, #ffffff 5%, #ffffff 60%, #ffffff 95%);
    border: solid 3px transparent;
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #ff00f1, #00d0ff 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    -webkit-animation: bg-spin 3s linear infinite;
    animation: bg-spin 3s linear infinite;
}*/

@-webkit-keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}

@keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}

.boxborder:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}


/* Styling for the overlay */
.overlay {
    display: none; /* Initially hidden */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Black background with opacity */
    z-index: 1000; /* Ensure it covers everything else */
}

.offshape {
    background: #ffeccd;
    padding: 3px 12px;
    border-radius: 5px;
    border: 1px dashed #a06405;
}

/*====================== Countdown*/

#countdown {
    display: flex;
    gap: 3px;
    margin-top: 3%;
}
/*.time-box {
    background-color: black;
    border: 2px solid white;
    border-radius: 8px;
    padding: 6px 6px;
    font-size: 24px;
    font-weight: 700;
    color: white;
    text-align: center;
    width: 80px;
    font-family: "Rubik", sans-serif;
}*/
.time-box {
    background-color: #a064050d;
    border: 2px solid #6c3d18;
    border-radius: 8px;
    padding: 6px 6px;
    font-size: 24px;
    font-weight: 700;
    color: #6c3d18;
    text-align: center;
    width: 80px;
    font-family: "Rubik", sans-serif;
}
.label {
    font-size: 12px;
    margin-top: 0px;
    font-family: "Rubik", sans-serif;
    font-weight: 400;
}


/*------------------------------------------------*/

/*Gradients*/

.gradient-text {
    background-image: linear-gradient(to right, #ff901e, #ff5a15);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Header */
 
.header {
    z-index: 1;
    position: relative;
    margin: auto;
    background: #fffbf8;
    padding: 3% 0 0 0;
}

.shapcolor {
/*    background: #ffea00;*/
    padding: 2px 10px;
    color: #fff;
    border-radius: 5px;
    color: #1f0f01;
    background: linear-gradient(to right, #ffb33b, #ffea00);
}

.logo {
    max-width: 70%;
}

.menu {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 18px 12%;
}
.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
}
.navbar-light .navbar-nav .nav-link {
    color: #222222;
    position: relative;
    padding: 5px 10px 5px 10px;
    transition-duration: 0.3s;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #946c4c;
    transition-duration: 0.3s;
}
a.nav-link {
    margin: 0 0px 0 25px;
}

.getlink {
    text-align: center;
    display: inline-block;
    border: 1px solid #946c4c;
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    border-radius: 8px;
    transition-duration: 0.3s;
    background: #ffffff;
}
.getlink:hover {
    background: #01be3e;
    color: #fff !important;
    transition-duration: 0.3s;
    border: 1px solid #000000;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    box-shadow: none;
    transform: scale(1.02);
}

.navbar-light .navbar-nav .nav-link2 {
    color: #222222;
    position: relative;
    padding: 8px 0px 8px 0px;
    transition-duration: 0.3s;
    margin: 0 0px 0 18px;
}

/* ============================================ Whatsaap Chat*/

.floating_btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.contact_icon {
    background-color: #ffdbbe00;
    color: #fff;
    width: 60px;
    height: 60px;
    font-size: 30px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translatey(0px);
    animation: pulse 1.5s infinite;
    box-shadow: 0 0 0 0 #ffdbbe;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    font-weight: normal;
    font-family: sans-serif;
    text-decoration: none !important;
    transition: all 300ms ease-in-out;
}

.topsection {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    overflow: hidden;
    border-top: 2px solid transparent;
    border-image: linear-gradient(90deg, #ffba82, #ff72003d) 1;
    background: #fff;
    padding: 10px 0;
    background-image: -webkit-linear-gradient(268deg, #ffead9 4%, #fffbf8 95%);
}


/*Bannar*/

.banner {
    background: url(../images/bannerBording.png) no-repeat center top;
    background-color: #fffbf8;
    background-size: cover;
    padding: 1% 0% 6% 0%;
}

.bannarimg {
    max-width: 92%;
}

/*======================== Bulbimg */

.bulbimg {
    position: absolute;
    top: 12%;
    left: 16%;
    max-width: 10%;
}

/*======================== youtubeimG */

.youtubeimG {
    position: absolute;
    right: 0;
    top: 24%;
    max-width: 34%;
}

/*======================== googlereviewimG */

.googlereviewimG {
    position: absolute;
    left: 1%;
    top: 65%;
    max-width: 34%;
}

/* =================== Animation*/

.downanimation {
    animation: 2s ease-in-out 0s infinite alternate none running mover2;
}

@Keyframes mover2{
0% {
    transform: translateY(10px);
}
100% {
    transform: translateY(0);
}
}

.upanimation {
    animation: 2s ease-in-out 0s infinite alternate none running mover1;
}

@Keyframes mover1{
0% {
    transform: translateY(0);
}
100% {
    transform: translateY(10px);
}
}

.upanimation3 {
    animation: 3s ease-in-out 0s infinite alternate none running mover1;
}

@Keyframes mover1{
0% {
    transform: translateY(0);
}
100% {
    transform: translateY(10px);
}
}


.onlinesD {
    max-width: 48%;
    margin: -5px 10px 0px 0%;
}

.users {
    display: inline-flex;
    margin-top: 4%;
}

.banner .swiper-slide {
    padding: 0 5%;
}

.slider-btnn a {
    background: linear-gradient(to right, #ff901e, #ff5a15);
    padding: 12.7px 59px !important;
    transition-duration: 0.3s;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    transition-duration: 0.3s;
    border-radius: 8px;
    border: 1px solid #ff5a1500;
    z-index: 99;
}

.slider-btnn a:hover {
    background: #f7f8fd;
    border: 1px solid #ff5a15;
    color: #ff901e;
    transition-duration: 0.3s;
    transform: scale(1.02);
}

.slidr-sp {
    padding: 0;
}



/*Slider*/

.swiper {
  overflow: hidden;
}

/*Btn*/

.mybutton1 a {
    border-radius: 50px;
    background-color: #1fb6ff;
    box-shadow: 0px 20px 35px 0px rgb(31 182 255 / 29%);
    color: #fff;
    padding: 2.5% 6.7%;
    transition: all 0.5s;
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.mybutton1 a:hover {
    background-color: #26a5e2;
    box-shadow: 0px 11px 18px 0px rgb(31 182 255 / 5%);
    transform: scale(1.05);
}




/*=======================================================Slider-1*/

.slider {
  position: relative;
  width: 100%;
}

.items {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 44%;
}

.item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}
.item.current {
  opacity: 1;
}

.buttons {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.button {
  width: 32px;
  height: 32px;
  border: none;
  outline: none;
  padding: 0;
  background: transparent center no-repeat;
  cursor: pointer;
  opacity: 0.4;
}
.button.prev {
  background-image: url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32.png);
}
.button.next {
  background-image: url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32-1.png);
}
.button:hover {
  opacity: 0.8;
}

.dots {
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.dot {
    display: block;
    width: 24px;
    height: 4px;
    border: none;
    outline: none;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.4s ease-in-out;
    background: linear-gradient(to right, #ff901e, #ff5a15)!important;
    border-radius: 10px;
}
.dot:nth-child(n+2) {
  margin-left: 5px;
}
.dot.current {
  opacity: 1;
}

.slider-btnn {
    position: relative;
    z-index: 99;
}

a:hover {
    color: #fff;
}
button:focus {
    outline: 1px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

.fade-in-right {
    opacity: 0;
    transform: translateX(50px);
    animation: fadeInRight 1s ease-out forwards;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}


/*=======================================================section2*/

.section2 {
    background: url(../images/reviewBg.png) no-repeat center top;
    background-size: cover;
    background-color: #5a3619;
    padding: 4% 0 4% 0;
    max-width: 80%;
    margin: auto;
    border-radius: 30px;
    border: 1px solid #6a4b32;
    position: relative;
    margin-top: -8%;
}


/* Style for Tab Buttons */

.cd-box1 ul {
   list-style-type: none;
    padding: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 5%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}

.cd-box1 ul li {
    margin: 0 10px;
}

.cd-box1 ul li a {
    text-decoration: none;
    padding: 15px 25px;
    background-color: #fff;
    border-radius: 12px;
    color: #593314;
    font-weight: bold;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #e0e0e0;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    font-size: 18px;
}

/* Active state */

.cd-box1 ul li a.active {
    background-color: #022b36;
    color: #fff;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    border: 1px solid #00284c;
}

/* Card Styles */

.card {
    border: none;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
}

.card img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.card-title {
    font-size: 18px;
    margin-top: 15px;
    font-weight: bold;
}

.premium {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: purple;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
}

.recommended {
    background-color: lightblue;
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
}


/* Hide Content Boxes */
.content-box {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

/* Active content box */
.content-box.active {
    display: block;
    opacity: 1;
}

.tbbOx {
    padding: 5% 5%;
    border-radius: 0px 0px 12px 12px;
    background-color: #ffffff;
    color: #333;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    border: 1px solid #dcdcdc;
    border-radius: 15px;
}

.tabimgchange {
    border-radius: 12px;
    margin-bottom: 5%;
}

/*.couresBox {
    padding: 5% 5%;
    border-radius: 0px 0px 12px 12px;
    background-color: #ffffff;
    color: #333;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    border: 1px solid #dcdcdc;
}*/

.couresBox .trtr li {
    display: inline-block;
    background: #f0f4f8;
    margin: 2px 2px;
    min-width: -moz-fit-content;
    border-radius: 2px;
    padding: 4px 8px;
}
.couresBox ul li a {
    color: #000;
}
.spce {
    margin-top: 5%;
}
.checklist2 span {
    background-color: #f72585;
    color: #fff;
    padding: 0 5px;
    border-radius: 3px;
}
.checklist2 li {
    background: url(../images/checklist2.png) no-repeat left 5px;
    padding-left: 25px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0%;
    padding-top: 0px;
    padding-bottom: 12px;
    margin-bottom: 0;
    text-align: left;
}


.sec3img {
    margin-top: -5%;
}

/*.summer5 {
    margin-top: -3.5%;
}

.notes6 {
    margin-top: -3.5%;
}*/


/*=======================================================aboutUs*/


.aboutUs {
    background: url(../images/aboutBg.png) no-repeat center top;
    background-size: cover;
    padding: 5% 0 5% 0;
    background-color: #ffffff;
}

.whatifrs {
    padding: 3% 4%;
    background: #ffefe2;
    border-radius: 15px;
    margin-bottom: 3%;
    border: 1px solid #59331430;
}

.dpspc {
    margin-bottom: 3%;
}

.whatDiploma {
    max-width: 95%;
    border-radius: 12px;
    border: 3px solid #f7d9a8;
}

.aboutimg {
    max-width: 90%;
}

.abs2 {
    background: #fff;
    padding: 5% 5%;
    border-radius: 12px;
    border: 1px solid #00000014;
    height: 100%;
}

.checklist1 li {
    background: url(../images/checklist1.png) no-repeat left 2px;
    padding-left: 35px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0%;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 0px;
    text-align: left;
}

.section4-btn a {
    border-radius: 8px;
    background-color: #946c4c;
    color: #ffffff;
    padding: 4% 10%;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    margin-top: 5%;
    margin-bottom: 2%;
    width: 100%;
}
.section4-btn a:hover {
    background: #6c3d18;
    color: #fff;
    transition-duration: 0.3s;
    box-shadow: none;
    transform: scale(1.02);
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
}

.broser {
    margin: 0 5px 0 0px;
}

.ligal1 {
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 4% 4%;
    border-radius: 10px;
    display: inline-block;
    position: absolute;
    top: 20%;
    left: -20%;
}

.ligal2 {
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 4% 4%;
    border-radius: 10px;
    display: inline-block;
    position: absolute;
    bottom: 20%;
    right: -10%;
}

.ligal3 {
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 4% 4%;
    border-radius: 10px;
    display: inline-block;
    position: absolute;
    top: 8%;
    right: 4%;
}

.ligal4 {
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 4% 4%;
    border-radius: 10px;
    display: inline-block;
    position: absolute;
    bottom: 11%;
    left: 1%;
}

.ligal5 {
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 4% 4%;
    border-radius: 10px;
    display: inline-block;
    position: absolute;
    top: 39%;
    right: -26%;
}

.ligalimg {
    margin: 0 3px 3px 0;
    background: #ffefe2;
    padding: 3px;
    border-radius: 8px;
}


/*=======================================================legacy-section*/ 


.legacysection {
    background: url(../images/legacysectionBg.png) no-repeat center top;
    background-color: #fff;
    background-size: cover;
    padding: 0% 0 6% 0;
}



/*=======================================================banifit-section*/ 

.banifit-section {
    background: url(../images/banifitBg.png) no-repeat center top;
    background-size: cover;
    background-color: #593314;
    padding: 5% 0;
}
.banifitimG {
    max-width: 95%;
    border-radius: 8px;
    border: 3px solid #fff;
}
.banifitBox {
    padding: 0 8% 0 3%;
}
.careerShape {
    border: 1px dashed;
    padding: 8px 1.5%;
    border-radius: 8px;
}
.checklist3 li {
    background: url(../images/checklist3.png) no-repeat left 6px;
    padding-left: 35px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0%;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 0px;
    text-align: left;
}


/*=======================================================Eligibil-section*/

.eligibil-section {
    background: #ffffff;
    padding: 5% 0 8% 0;
}
.eleBox {
    padding: 0 5% 0 5%;
}
.checklist4 li {
    background: url(../images/checklist3.png) no-repeat left 4px;
    padding-left: 35px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0%;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 0px;
    text-align: left;
}

.eleimG2 {
    position: absolute;
    top: 5%;
    left: 0%;
    max-width: 40%;
}

.eleimG3 {
    position: absolute;
    bottom: 8%;
    right: 0%;
    max-width: 42%;
}


/*=======================================================step-section*/

.step-section {
    background: #ffefe2;
    padding: 3% 0 7% 0;
}

.stepBox {
    background: #ffffff;
    padding: 3% 5% 6% 5%;
    border-radius: 12px;
    box-shadow: 0px 10px 25px rgb(255 244 235);
    height: 100%;
    border: 1px solid #00000021;
}

.elearrow {
    position: absolute;
    top: 44%;
    right: -2.5%;
    max-width: 11%;
    z-index: 1;
}

.stepiCon {
    border-radius: 50px;
    margin-bottom: 3%;
    margin-top: -13%;
    border: 2px solid #593314;
}

.call-btn {
    text-align: center;
    display: inline-block;
    border: 1px solid #946c4c;
    color: #000000;
    border-radius: 8px;
    transition-duration: 0.3s;
    background: #ffffff;
    padding: 16px 30px;
}
.call-btn:hover {
    background: #6c3d18;
    color: #fff;
    transition-duration: 0.3s;
    box-shadow: none;
    transform: scale(1.02);
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
}


/*=======================================================support-section*/

.support-section {
    background: #fffbf8;
    padding: 1% 0 5% 0;
}
/*.supportBox {
    padding: 2% 0%;
    background-color: #ffffff;
    color: #333;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    border: 1px solid #dcdcdc;
    border-radius: 70px;
    height: 100%;
}*/

.supportBox a:hover{
    color: #000;
}

.supportBox {
    padding: 0% 0%;
    background-color: #ffffff;
    color: #333;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    border: 1px solid #a06405;
    border-radius: 70px;
    height: 100%;
}

.supportiCon {
    max-width: 70%;
    margin: -10px 0;
    border: 1px solid #a06405;
    border-radius: 50px;
}
.pd00 {
    padding: 0 0;
}
.pd002 {
    padding: 0 0;
}

.svspc {
    margin-top: 2.5%;
}

.svspc2 {
    margin-top: 2.5%;
}

/*=======================================================testimonial*/

.testimonial {
    background: url(../images/bannerBording.png) no-repeat center top;
    padding: 5% 0 3% 0;
    background-color: #ffffff;
}


/*=======================================================testimonial=2 */

.testimonial2 {
    padding: 5% 0 5% 0;
    background-color: #ffffff;
}
.section5-Box {
    padding: 4% 4%;
    background: #fff;
    border: 1px solid #e5e5e5;
    height: 100%;
    border-radius: 8px;
}
.section5-imgBox {
    text-align: -webkit-right;
    margin-top: -6%;
    margin-right: 3%;
}
.swatiimG {
    border-radius: 55px;
    background: #fff;
    max-width: 12%;
    position: relative;
    border: 1px solid #d0d0d0;
}
.sec5-spc {
    margin-top: 3%;
}

.iframBox {
    width: 100%;
}


/*==== Pagination */

.swiper1-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000;
    padding: 4px 10px!important;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.swiper-container.swiper1.swiper-container-horizontal.swiper-container-ios {
    height: 100%;
}

.sec-5 {
    margin-bottom: 8%;
}

.video-container {
    background: #000;
}


/*=======================================================section3*/


.section3 {
    background-image: -webkit-linear-gradient(268deg, #fffbf8a1 4%, #fffbf8 95%);
    padding: 5% 0% 13% 0%;
    margin-top: -3%;
}

/*.nameBg {
    padding: 10px 110px 10px 100px;
    color: #fff;
    border-radius: 0px 0px 50px 50px;
    background: url(../images/nameShape.png) no-repeat center center;
    background-size: contain;
}*/

.testimonialiCon {
    margin-bottom: 1%;
    margin-top: 4%;
    max-width: 85%;
    border: 2px solid #734017a1;
    border-radius: 50px;
}

.section3-Box {
    border-radius: 12px;
    background-image: -webkit-linear-gradient(268deg, #ffffff 15%, #ffe8d6 120%);
    margin-bottom: 6%;
    padding: 5% 5% 5% 5%;
}


.star-iCons.gradient-text.mt4 {
    color: #ffc200;
}

.s3-1 {
    padding: 0;
}

.s3-2 {
    padding: 0 3% 0 8%;
}

.star-iCons i {
    font-size: 16px;
    margin: 0 2px 0 0;
}

.storyimg1 {
    margin: 0 0px 0 0;
    position: relative;
    max-width: 102%;
    border-radius: 12px;
}

.leftiCon {
    position: absolute;
    top: 33%;
    left: 1%;
    max-width: 8%;
}


/*pagination-4 */

.swiper4-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000;
    padding: 4px 10px!important;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.swiper-container.swiper4.swiper-container-horizontal.swiper-container-ios {
    height: 100%;
}



/*contact-section*/

.contact-section {
    background: url(../images/contactBg.png) no-repeat center top;
    background-size: cover;
    padding: 3% 0;
    background-color: #5a3619;
}
.contact-btn {
    text-align: center;
    display: inline-block;
    border: 1px solid #946c4c;
    color: #000000;
    border-radius: 8px;
    transition-duration: 0.3s;
    background: #ffffff;
    padding: 14px 35px;
}
.contact-btn:hover {
    background: #ffefe2;
    color: #5a3619 !important;
    transition-duration: 0.3s;
    border-radius: 8px;
    border: 1px solid #000000;
    transform: scale(1.02);
}



/*================================================= Faq*/


.faq-section {
    background: url(../images/faqBg.png) no-repeat center top;
    background-size: cover;
    background-color: #fffbf8;
    padding: 5% 0 5% 0;
}

.faq-title h2 {
  position: relative;
  margin-bottom: 45px;
  display: inline-block;
  font-weight: 600;
  line-height: 1;
}
.faq-title h2::before {
    content: "";
    position: absolute;
    left: 50%;
    width: 60px;
    height: 2px;
    background: #E91E63;
    bottom: -25px;
    margin-left: -30px;
}

.faq-title p {
  padding: 0 190px;
  margin-bottom: 10px;
}

.faq .card {
    background: #fff;
    margin-bottom: 3%;
    border-radius: 10px;
    box-shadow: 0px 10px 12px rgb(0 0 0 / 6%);
}

.card-header {
    border-radius: 5px!important;
}

.faq .card .card-header {
  padding: 0px;
  border: none;
  background: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.faq .card .card-header:hover {
    background: rgb(255 247 240);
}

.faq .card .card-header .faq-title {
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    text-align: left;
    padding: 0px;
    padding-left: 20px;
    padding-right: 15px;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    padding-top: 18px;
    padding-bottom: 18px;
}

.faq .card .card-body {
    padding: 20px 30px;
    padding-left: 35px;
    padding-bottom: 16px;
    font-weight: 400;
    font-size: 14px;
    color: #2c2c2c;
    line-height: 24px;
    letter-spacing: 1px;
    border-top: 1px solid #F3F8FF;
    background: #fff;
    text-align: left;
    font-family: "Raleway", sans-serif;
}

.faq .card .card-body p {
  margin-bottom: 14px;
  font-family: "Raleway", sans-serif;
}

@media (max-width: 991px) {

    .faq {
    margin-bottom: 30px;
    }
    .faq .card .card-header .faq-title {
    line-height: 22px;
    margin-top: 0px;
    font-size: 18px;
    }
    .faq .card .card-header .faq-title {
    padding-top: 15px;
    padding-bottom: 15px;
    }
}

.faq .card .card-header .faq-title .badge {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 15px;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    background: #ffeccd;
    color: #b2672c;
    font-size: 16px;
    margin-right: 10px;
}
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}


/*---------------section-7*/

.counter-main1 {
    padding: 0 7.2%;
}
.counter-main2 {
    padding: 0;
    position: relative;
}
.conter-Box {
    border: 1px solid #84664e;
    border-radius: 38px;
    padding: 18.3% 5px;
    transition-duration: 0.3s;
    background: #ffffff;
    color: #000;
}
.conter-Box h2 {
    color: #000;
}
.conter-Box p {
    color: #4e4e4e;
}
.counter {
    padding: 0px 2%;
}
.count1 {
    margin-bottom: 12%;
}
.count2 {
    margin-top: 12%;
}
.count4 {
    margin-top: 12%;
}


/*Footer*/

.footer-section {
    padding: 8% 0 4% 0;
    background: #fff;
}
.footer-icon {margin-top: 10%;}
.footer-icon i {
    text-align: center;
    align-items: center;
    line-height: 30px;
    font-size: 18px;
    margin: 0px 12px 0 0;
    color: #2e2e2e;
    transition-duration: 0.2s;
}
.footer-icon i:hover {
    transition-duration: 0.2s;
    transform: scale(1.05);
    color: #946c4c;
}
.Products-title {
    margin-top: 16%;
}
.Products-title li {
    padding: 4% 0 0 0;
}
.Products-title li a {
    color: #1a1a1a;
}
.Products-title li a:hover {
    color: #946c4c;
}

/*Copyright*/

.copyright-section {
    /* background: #fff; */
    border-top: 1px solid #dadada;
    padding: 1.5% 0;
}
.copyright-title li {
    display: inline-block;
    margin: 0 8px 0 0;
}
.copyright-title li a {
    color: #1a1a1a;
}
.copyright-title li a:hover {
    color: #946c4c;
}
.reserved-text {
    text-align: right;
}

/*===================== Store*/

.storeBox {
    display: inline-flex;
}

.appStore {
    margin: 0 0 0 8px;
}

.playStore:hover {
    transition-duration: 0.3s;
}

.playStore:hover {
    transition-duration: 0.3s;
    transform: scale(1.02);
}

.appStore:hover {
    transition-duration: 0.3s;
}

.appStore:hover {
    transition-duration: 0.3s;
    transform: scale(1.02);
}

.appshape {
    color: #fff600;
}

.tooltip-container {
    position: relative; 
    display: inline-block;
}
    

.tooltip-text {
    visibility: hidden;
    width: 160px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    font-size: 14px;
}
    
.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}
    
.tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0,0,0,0.7) transparent transparent transparent;
}

/*animated background*/

@keyframes confetti-slow {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
  }
}
@keyframes confetti-medium {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
  }
}
@keyframes confetti-fast {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
  }
}

.confetti-container {
  perspective: 700px;
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.confetti {
  position: absolute;
  z-index: 1;
  top: -10px;
  border-radius: 0%;
}
.confetti--animation-slow {
  animation: confetti-slow 2.25s linear 1 forwards;
}
.confetti--animation-medium {
  animation: confetti-medium 1.75s linear 1 forwards;
}
.confetti--animation-fast {
  animation: confetti-fast 1.25s linear 1 forwards;
}

/* Checkmark */
.checkmark-circle {
  width: 150px;
  height: 150px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;
}

.checkmark-circle .background {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #00C09D;
  position: absolute;
}

.checkmark-circle .checkmark {
  border-radius: 5px;
}

.checkmark-circle .checkmark.draw:after {
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  animation-delay: 100ms;
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-name: checkmark;
  -moz-animation-name: checkmark;
  animation-name: checkmark;
  -webkit-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.checkmark-circle .checkmark:after {
  opacity: 1;
  height: 75px;
  width: 37.5px;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  border-right: 15px solid white;
  border-top: 15px solid white;
  border-radius: 2.5px !important;
  content: "";
  left: 25px;
  top: 75px;
  position: absolute;
}

@-webkit-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@-moz-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}



/* ===================== Modal Styles */

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

.js-container.container {
    padding: 8% 10px;
}

.modal-content {
    top: 60px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    width: 80%;
    max-width: 1000px;
    margin: auto;
}

.modal-content iframe {
    width: 100%;
    height: 539px;
    border: none;
    background: #000;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 25px;
    color: #fff;
    cursor: pointer;
}


/*================================================Pagination*/

.banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    position: relative;
    text-align: center;
}
.banner span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ff5d16;
}
.banner .swiper-pagination-bullet {
    background: #ff6918!important;
    width: 24px!important;
    height: 4px!important;
    display: inline-block;
    border-radius: 10px!important;
    opacity: .2;
}

.swiper-button-prev,
.swiper-button-next {
    color: #000; /* Arrow color */
    background: #fff; /* Arrow background color */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 16px;
    font-weight: bold;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 16px !important;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 16px!important;
}

.swiper-button-next, .swiper-button-prev {
    top: 96%!important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 47%!important;
    right: auto;
    color: #000c19!important;
    font-weight: 900;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 47%!important;
    left: auto;
    color: #000c19!important;
    font-weight: 900;
}

/*.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 16px !important;
    border: 2px solid #000;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 180%;
    border-radius: 30px;
    padding: 0 10px;
    background: #ffead9;
}*/



/*----------------------------------------------1300px*/

@media only screen and (max-width: 1300px){
    .problm-bg {width: 36%;padding: 13px 7px;}
}




/*----------------------------------------------991.98px*/

@media only screen and (max-width: 992px){

    a.nav-link {
    margin: 0px;
    }

    .navbar-collapse .btnn {
    text-align: center;
    margin-top: 1%;
    display: block;
    }

    .SMN_effect-73 a:after {
    left: 45%;
    width: 10%;
    }

    .logo {
    max-width: 70%;
    }

    .frm-main-Box {
    max-width: 100%;
    }

    .section2 {
    max-width: 95%;
    }

    .conter-Box {
    padding: 12% 10px;
    }

    .counter {
    padding: 0px 3%;
    }

    .cd-box1 ul li a {
    padding: 12px 22px;
    font-size: 16px;
    }

    .s3-2 {
    padding: 0 2% 0 2%;
    }

    .storyimg1 {
    max-width: 104%;
    }

    .star-iCons i {
    font-size: 20px;
    margin: 0 3px 0 0;
    }

    .counter-main1 {
    padding: 0 4%;
    }

    .talkimg {
    margin-top: -24%;
    }

    .footer-icon i {
    font-size: 16px;
    }

    .footer-icon {
    margin-top: 6%;
    }

    .svspc {
    margin-top: 3%;
    }

    .aboutimg {
    max-width: 100%;
    margin-bottom: 5%;
    }

    .section3-Box {
    margin-bottom: 9%;
    padding: 2% 3% 5% 3%;
    }

    .getlink2 {
    padding: 15px 15px;
    }

    .rating-button {
    padding: 10px 15px;
    margin: 0 10px;
    }

    .sdsadsa {
    justify-content: center;
    }

    .bannarimg {
    max-width: 60%;
    margin-bottom: 5%;
    }

    .bntext {
    padding: 0 15px;
    text-align: center;
    }

    .onlinesD {
    max-width: 44%;
    }

    .supportBox {
    padding: 1% 0%;
    }

    .supportiCon {
    max-width: 90%;
    margin: -6px 0;
    }

    .users {
    text-align: left;
    }

    .whatifrs {
    padding: 4% 4%;
    }

    .stepBox {
    height: auto;
    margin-top: 3%;
    }

    .elearrowNone {
    display: none !important;
    }

    .elearrow {
    top: 48%;
    max-width: 10%;
    }

    .elearrow {
    display: none;
    }
    
    .getlink1 {
    padding: 14px 25px;
    font-size: 16px;
    }

    .getlink2 {
    padding: 12px 25px;
    font-size: 16px;
    }

    .getlink3 {
    font-size: 16px;
    padding: 16px 10%;
    }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 42% !important;
    background: #00000000;
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 42% !important;
    background: #00000000;
    }

    .ligal1 {
    top: 30%;
    left: 0%;
    }

    .ligal2 {
    bottom: 8%;
    right: 0%;
    }

    .cd-box1 ul li {
    margin: 0 4px;
    }

    .whatDiploma {
    max-width: 100%;
    }

    .exit-popup {
    width: 715px;
    }

    .exitimg {
    max-width: 75%;
    }

    .navbar-light .navbar-nav .nav-link2 {
    margin: 0 0px 0 0px;
    }
    
}


/*----------------------------------------------767px*/

@media only screen and (max-width: 767px){


    .menu {
    padding: 10px 3%;
    margin-top: 3%;
    }

    .talk-box {
    text-align: center;
    margin-top: 6%;
    }

    .onlinesD {
    max-width: 45%;
    margin-top: 0%;
    margin-bottom: 3%;
    }

    .contact-btn {
    padding: 10px 30px;
    }

    .getlink3 {
    font-size: 16px;
    padding: 12px 10%;
    }

    .value {
    margin-top: 2%;
    }

    .frm-main-Box {
    max-width: 90%;
    border-radius: 12px;
    margin: auto;
    }

    .talkBox1 {
    border-radius: 12px;
    margin: 0 0 -15px 15px;
    }

    .tabimg {
    max-width: 15%;
    margin-bottom: 3%;
    }

    .serBox {
    text-align: center;
    height: auto;
    margin-bottom: 5%;
    }

    .svspc {
    margin-top: 0%;
    }

    .service {
    padding: 5% 0 5% 0;
    }

    .aboutUs {
    padding: 6% 0 ;
    }

    .abBox {
    text-align: center;
    margin-bottom: 8%;
    }

    .abs2 {
    padding: 5% 5%;
    height: auto;
    margin-top: 3%;
    }

    .checklist1 li {
    padding-bottom: 0px;
    margin-bottom: 0px;
    }

    .section2 {
    max-width: 96%;
    border-radius: 15px;
    padding: 4% 12px;
    }

    .conter-Box {
    padding: 10% 10px;
    border-radius: 12px;
    }

    .counter {
    padding: 0px 2.5%;
    }

    .cd-box1 ul li {
    margin: 0 3px;
    }

    .cd-box1 ul li a {
    padding: 10px 7px;
    font-size: 12px;
    }

    .cd-box1 ul li a {
    border-radius: 8px;
    }

    .tbbOx {
    margin-bottom: 3%;
    }

    .s3-2 {
    padding: 5% 2% 5% 2%;
    }

    .Products-title {
    margin-top: 0%;
    margin-bottom: 4%;
    }

    .copyright-title {
    text-align: center;
    }

    .copyright-title li {
    margin: 0 4px 0 0;
    }

    .reserved-text {
    text-align: center;
    margin-top: 3%;
    }

    .footer {
    margin-top: 5%;
    }

    .faq {
    margin-bottom: 10px;
    }

    .sdsadsa {
    display: grid
    }

    .rating-button {
    padding: 8px 24px;
    margin: 10px 0px;
    }

    .logo {
    max-width: 50%;
    }

    .getlink1 {
    font-size: 15px;
    padding: 12px 22px;
    margin: 8px 0px;
    }

    .getlink2 {
    font-size: 15px;
    padding: 8px 22px;
    }

    .support-section {
    padding: 3% 0 5% 0;
    text-align: center;
    }

    .eligibBox {
    padding: 5% 3%;
    height: auto;
    margin-bottom: 3%;
    }

    .video {
    height: 35px;
    width: 35px;
    }

    .wrapper {
    margin: 0px 0px 12px 0px;
    }

    .video.video-popup.mfp-iframe i {
    line-height: 2.7;
    }

    .waves {
    width: 80px;
    height: 80px;
    right: -22px;
    bottom: -22px;
    }

    .nameBg {
    padding: 5px 110px 10px 100px;
    }

    .testimonial1 {
    margin-bottom: 1%;
    margin-top: 5%;
    max-width: 25%;
    }

    .supportBox {
    padding: 0% 0%;
    text-align: left;
    margin-bottom: 6%;
    height: auto;
    }

    .supportiCon {
    max-width: 65%;
    margin: -8px 0;
    }

    .eleimG1 {
    max-width: 80%;
    }

    .svspc2 {
    margin-top: 0%;
    }

    .whatifrs {
    max-width: 95%;
    }

    .aboutimg {
    max-width: 80%;
    }

    .careerShape {
    padding: 6px 1.5%;
    display: inline-block;
    }

    .banifitimG {
    max-width: 90%;
    margin-bottom: 5%;
    }

    .eleBox {
    padding: 0 2.5%;
    margin-top: 5%;
    text-align: center;
    }

    .footer-section {
    padding: 4% 0 4% 0;
    }

    .contact-section {
    padding: 5% 0;
    }

    .stepiCon {
    margin-bottom: 0%;
    margin-top: 0%;
    max-width: 20%;
    }

    .ligal1 {
    top: 26%;
    left: 2%;
    padding: 2% 3%;
    }

    .ligal2 {
    bottom: 8%;
    right: 4%;
    padding: 2% 3%;
    }

    .ligal3 {
    top: 10%;
    right: 9%;
    padding: 2% 3%;
    }

    .ligal4 {
    bottom: 24%;
    left: 3%;
    padding: 2% 3%;
    }

    .ligal5 {
    top: 39%;
    right: 2%;
    padding: 2% 3%;
    }

    .legacyimG {
    max-width: 86%;
    }

    .legacyBox {
    margin-top: 5%;
    }

    .fecbox {
    padding: 5% 5%;
    height: auto;
    margin-bottom: 3%;
    }
    
    .ifBox {
    margin-top: 5%;
    text-align: center;
    }

    .whatDiploma {
    max-width: 90%;
    margin-top: 2%;
    }

    .exit-popup {
    width: 380px;
    }

    .exitimg {
    padding-top: 3%;
    max-width: 45%;
    }

    .enrolHindi {
    font-size: 13px;
    padding: 12px 3%;
    }

    .enrolEnglish {
    font-size: 13px;
    padding: 12px 3%;
    }

    a.nothnkss {
    font-size: 16px;
    }

    .hinglishBox {
    text-align: center;
    margin-top: 3%;
    padding-bottom: 5%;
    }

    .time-box {
    font-size: 20px;
    width: 80px;
    }

    .bannarimg {
    max-width: 70%;
    }

    .topsection {
    padding: 5px 0;
    }

}



/*..............................................................*/


@media (min-width: 480px){

    
}

@media only screen and (min-width: 768px) {
    
  

}


@media only screen and (min-width: 800px) {

    .items {padding-bottom: 58.5%;}

    .menu {
    padding: 10px 1.5%;
    }

    .getlink {
    padding: 14px 30px !important;
    }
    
}

@media only screen and (min-width: 992px) {
    
    .section2 {
    padding: 4% 0 4% 0;
    max-width: 94%;
    }

    .sdsadsa {
    display: flex;
    flex-direction: column;
    }

    .getlink1 {
    padding: 14px 13px;
    margin: 15px 0px 10px 0px;
    }

    .getlink2 {
    padding: 12px 13px;
    }

}

.mycontainer-left, .mycontainer-right{max-width:962px;}



@media only screen and (min-width: 1000px) {

    
}

@media only screen and (min-width: 1100px) {

   

}

@media only screen and (min-width: 1200px) {

    .sdsadsa {
    display: flex;
    flex-direction: column;
    }
    
    .getlink1 {
    padding: 14px 12px;
    margin: 10px 0;
    }

    .getlink2 {
    padding: 12px 12px;
    }

}


@media (min-width:1300px) {
    .mycontainer{width: 1120px;}
    .mycontainer2{width:1180px;}    
    .mycontainer-left, .mycontainer-right{max-width:1250px;}

    .section2 {
    padding: 4% 0 4% 0;
    max-width: 94%;
    }

    .sdsadsa {
    display: flex;
    flex-direction: row;
    }

    .getlink1 {
    padding: 14px 12px;
    margin: 0 10px 0 10px;
    }

    .getlink2 {
    padding: 12px 12px;
    }

}

@media (min-width:1400px) {
    .mycontainer{width: 1160px;}
    .mycontainer2{width:1219px;;}
    .mycontainer-left, .mycontainer-right{max-width:1298px;}

    .section2 {
    padding: 4% 0 4% 0;
    max-width: 85%;
    }

    .getlink1 {
    padding: 14px 15px;
    margin: 0 10px 0 10px;
    }

    .getlink2 {
    padding: 12px 15px;
    }


}

@media (min-width:1500px) {
    .mycontainer{width: 1310px;}
    .mycontainer2{width:1219px;}
    .mycontainer-left, .mycontainer-right{max-width:1363px;}

    .section2 {
    padding: 4% 0 4% 0;
    max-width: 80%;
    }

    .getlink1 {
    padding: 14px 15px;
    margin: 0 10px 0 10px;
    }

    .getlink2 {
    padding: 12px 15px;
    }

}   


@media (min-width:1600px){
    .mycontainer{width: 1310px;}

    .getlink1 {
    padding: 14px 15px;
    margin: 0 10px 0 10px;
    }

    .getlink2 {
    padding: 12px 15px;
    }

}

@media (min-width:1700px){
    .mycontainer{width: 1380px;}

    .getlink1 {
    padding: 14px 15px;
    margin: 0 10px 0 10px;
    }

    .getlink2 {
    padding: 12px 15px;
    }

}   


@media (min-width:1800px){
    .mycontainer{width: 1470px;}

    .sdsadsa {
    display: flex;
    flex-direction: row;
    }

    .getlink1 {
    padding: 14px 15px;
    margin: 0 10px 0 10px;
    }

    .getlink2 {
    padding: 12px 15px;
    }

}

@media (min-width:1900px){
    .mycontainer-left, .mycontainer-right{max-width:1363px;}
    .mycontainer{width: 1570px;}
    .mycontainer2{width:1384px;}

    .section2 {
    padding: 4% 0 4% 0;
    max-width: 80%;
    }

    .sdsadsa {
    display: flex;
    flex-direction: row;
    }


    .getlink1 {
    padding: 14px 30px;
    margin: 0 10px 0 10px;
    }

    .getlink2 {
    padding: 12px 25px;
    }


    
}

@media (min-width:2000px){
 
}

    
.mt0{margin-top:0%;}.mt1{margin-top:1%;}.mt2{margin-top:2%;}.mt3{margin-top:3%;}.mt4{margin-top:4%;}.mt5{margin-top:5%;}.mt6{margin-top:6%;}.mt7{margin-top:7%;}
.mt8{margin-top:8%;}.mt9{margin-top:9%;}.mt10{margin-top:10%;}.mt11{margin-top:11%;}.mt12{margin-top:12%;}.mt13{margin-top:13%;}.mt14{margin-top:14%;}.mt15{margin-top:15%;}
.mt17{margin-top:17%;}.mt20{margin-top:20%;}.mt22{margin-top:22%;}.mt26{margin-top:26%;}.mt28{margin-top:28%;}.mtm14{margin-top:-14%;}.mtm4{margin-top:-4%;}.mtm1{margin-top:-1%;}
.mtm2{margin-top:-2%;}.mtm3{margin-top:-3%;}.mtm6{margin-top:-6%;}.mtm8{margin-top:-8%;}.mtm9{margin-top:-9%;}.mtm20{margin-top:-20%;}.mtm12{margin-top:-12px;}.mtm40{margin-top:-40px;}