html {
  scroll-behavior: smooth;
}


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

.Poppins-Regular {
    font-family: 'Poppins-Regular';

}
.Poppins-Medium {
    font-family: 'Poppins-Medium';
}
.Poppins-SemiBold {
    font-family: 'Poppins-SemiBold';
}
.Poppins-Bold {
    font-family: 'Poppins-Bold';
}
.Poppins-Black {
    font-family: 'Poppins-Black';
}

.poppins{font-family: "Poppins", sans-serif;}
.yallow {color: #fede00;}

 
/*Common*/
body {font-family: 'Poppins', sans-serif;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;}


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;}.sm51 {font-size: 51px;}.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:750px;}

}

@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;}.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{}
.mycontainer{margin:auto;}

.italic {font-style: italic;}
.gray{color:#546878;}
.black2{color:#200049;}
.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;}

#more {display: none;}
#text{display:none;}

/* Preloader */
.container-preloader {
    align-items:center; cursor:none; display:flex; height:100%;
  justify-content:center; position:fixed; left:0; top:0; width:100%; z-index:900;
}
.container-preloader .animation-preloader {
    position:absolute; z-index: 100;}

/* Spinner Loading */
.container-preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
    border-radius: 50%;  border: 10px solid rgba(0, 0, 0, 0.2);
  border-top-color: green; /* It is not in alphabetical order so that you do not overwrite it */
  height: 9em;  margin: 0 auto 3.5em auto; width: 9em;
}
/* Loading text */
.container-preloader .animation-preloader .txt-loading {
  font: bold 5em 'Montserrat', sans-serif;
    text-align: center; user-select: none;
}
.container-preloader .animation-preloader .txt-loading .characters:before {
  animation: characters 4s infinite;  color: #f72585;
  content: attr(preloader-text);  left: 0;
  opacity: 0;  position: absolute;  top: 0;
  transform: rotateY(-90deg);
}
.container-preloader .animation-preloader .txt-loading .characters {
    color: rgba(0, 0, 0, 0.2);  position: relative;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(2):before {
  animation-delay: 0.2s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(3):before {
  animation-delay: 0.4s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(4):before {
  animation-delay: 0.6s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(5):before {
  animation-delay: 0.8s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(6):before {
  animation-delay: 1s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(7):before {
  animation-delay: 1.2s;
}
.container-preloader .loader-section {
  background-color: #ffffff;  height: 100%;
  position: fixed;  top: 0;  width: calc(50% + 1px);
}
.container-preloader .loader-section.section-left {
  left: 0;
}
.container-preloader .loader-section.section-right {
  right: 0;
}
/* Fade effect on loading animation */
.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}
/* Curtain effect */
.loaded .loader-section.section-left {
  transform: translateX(-101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}
.loaded .loader-section.section-right {
  transform: translateX(101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}
    /* Animation of the preloader */
    @keyframes spinner {
    to {
        transform: rotateZ(360deg);
    }}
    /* Animation of letters loading from the preloader */
    @keyframes characters {
      0%,
      75%,
      100% {
     opacity: 0;
     transform: rotateY(-90deg);
      }
      25%,
      50% {
    opacity: 1;
    transform: rotateY(0deg);
  }}
    /* Laptop size back (laptop, tablet, cell phone) */
    @media screen and (max-width: 767px) {
    /* Preloader */
    /* Spinner Loading */   
    .container-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em;
    }
    /* Text Loading */
    .container-preloader .animation-preloader .txt-loading {
      font: bold 3.5em 'Montserrat', sans-serif;
    }}
    @media screen and (max-width: 500px) {
    /* Prelaoder */
    /* Spinner Loading */
    .container-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
    }
    /*Loading text */
    .container-preloader .animation-preloader .txt-loading {
      font: bold 2em 'Montserrat', sans-serif;
    }}
    .origin{text-decoration:none;
    font-size:45px;}


/*------------------------ Spinner-code*/

.spin {
    position: absolute;
    top: 0px;
    left: 30px;
}
.spin {
  animation-name: spin;
  animation-duration: 6000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.spin2 {
    position: absolute;
    top: 0px;
    left: 30px;
}
.spin2 {
  animation-name: spin2;
  animation-duration: 6000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin2 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}


.sizar {
    position: absolute;
    top: 0;
    right: 37%;
}

.dot-collision {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #f72585;
  color: #f72585;
}
.dot-collision::before, .dot-collision::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.dot-collision::before {
  left: -10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #f72585;
  color: #f72585;
  animation: dot-collision-before 2s infinite ease-in;
}
.dot-collision::after {
  left: 10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #f72585;
  color: #f72585;
  animation: dot-collision-after 2s infinite ease-in;
  animation-delay: 1s;
}

@keyframes dot-collision-before {
  0%, 50%, 75%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-15px);
  }
}
@keyframes dot-collision-after {
  0%, 50%, 75%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(15px);
  }
}


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

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



/*top*/

.top.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #462c83;
    padding: 8px 0;
    z-index: 99;
    overflow: hidden;
}

/*bottom*/

.bottom.sticky {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #462c83;
    padding: 5px 0;
    z-index: 99;
    overflow: hidden;
}
.timer iframe {
    margin-bottom: -13%;
    margin-top: 2%;
}
.offer1 {
    margin: -14% 0 0 0;
}
.mybutton-top a {
    color: #ffffff;
    padding: 3% 7%;
    display: table;
    transition: 0.5s;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(0deg, rgb(237, 28, 36) 10%, rgb(245, 133, 35) 57%, rgb(252, 238, 33) 100%);
    box-shadow: 0px 16px 40px 0px rgb(0 0 0 / 46%);
    position: relative;
    z-index: 1;
    margin-left: auto;
}
.mybutton-top a:hover {
    color: #ffffff;
    background-image: -webkit-linear-gradient(0deg, #fcee21 10%, #f58523 57%, #ed1c24 100%);
}

.header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 90px 0px 15px;
    z-index: 2;
}
.menu {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0px 0% 0px 0;
}
a.navbar-brand {
    width: 14%;
}
.btnn {
    margin: 0 0px 0px 0%;
}
.Arrowtext {
    position: absolute;
    top: -29%;
    left: 2%;
    z-index: 5;
    overflow: hidden;
    padding: 5px 0px;
}
.revoicertext {
    width: 100%;
    height: 100px;
    -ms-transform: skewY(20deg);
    transform: skewY(351deg);
}

.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: #858585;
    transition-duration: 0.3s;
}
a.nav-link {
    margin: 0 0px 0 20px;
}
.getlink {
    border-radius: 30px;
    background-color: #462c83;
    padding: 15px 45px;
    color: #fff;
    box-shadow: 0px 11px 18px 0px rgb(88 88 88 / 16%);
    transition-duration: 0.5s;
    text-align: center;
    display: inline-block;
}
.getlink:hover {
    background-color: #fff;
    color: #000!important;
    box-shadow: 0px 11px 18px 0px rgb(31 182 255 / 5%);
    transition-duration: 0.5s;
}

/*Bannar*/

.banner {
    background-image: -webkit-linear-gradient(268deg, #f5f0ff 4%, #ffffff 95%);
    background-size: cover;
    padding: 6% 0% 0% 0%;
}
.bannerbtn a {
    border-radius: 50px;
    background-color: #462c83;
    box-shadow: 0px 11px 18px 0px rgb(88 88 88 / 16%);
    color: #fff;
    padding: 2% 8%;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    margin-top: 5%;
}
.bannerbtn a:hover {
    transform: scale(1.05);
    box-shadow: none;
}
.video-container {
    position: relative;
    padding-bottom: 57.25%; /* 16:9 */
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-color: #000;
    box-shadow: 9.508px 8.866px 24px 0 rgb(174 174 174 / 35%);
}
.video-box {
    padding: 0 10%;
    position: relative;
}
/*.nms-line1 {
    background: url(../images/nms-line1.png) no-repeat center bottom;
    background-size: contain;
    padding: 0% 0% 0.3% 0%;
}*/

/*comment-section*/

.comment-section {
    background: #fff;
    padding: 3% 0% 0% 0%;
}
/*.comment-section .swiper-wrapper {
    padding: 0%;
}*/

.section14-box2-inn {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    padding: 8% 5%;
    /* height: 100%; */
    background: #fcfcfc;
}
.comment-img {
    border-radius: 70px;
    border: 4px solid #fff;
    box-shadow: 0px 10px 17px 1px rgb(11 10 62 / 16%);
}

/*form*/

.form {
    padding: 2% 0;
    background: #16b7a7;
}
.talkBox {
    background: url(../images/formbackground.png) no-repeat center top;
    background-size: contain;
    padding: 4% 5% 5% 5%;
    border-radius: 20px;
/*    margin-top: 2%;*/
    background-color: #47118d;
}

label {
    color: #fff;
    margin: 0 10px 0 10px;
    font-size: 20px;
}
input[type="text"] {
    padding: 13px 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 16px;
    outline: none;
}
input#phone {
    padding: 13px 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 16px;
    outline: none;
    margin: 0 20px 0 0px;
}
input[type="submit"] {
    padding: 14px 60px;
    background: #f5f0ff;
    color: #47118d;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    transition-duration: 0.3s;
    border: 0;
}
input[type="submit"]:hover {
    background: #2b2b2b;
    color: #ffffff;
    transition-duration: 0.3s;
    transform: scale(1.02);
}
i#play-button {
    position: absolute;
    content: "";
    top: 40%;
    left: 40%;
}
.unlock {
    background: #462c83;
    padding: 1.5% 10px;
    margin-top: 2%;
    border-radius: 8px;
    border: 1px solid #462c831a;
}



/*-----------------------Section-2*/

.section2 {
    background: url(../images/bannarBg.png) no-repeat center top;
    padding: 6% 0 5% 0;
    background-color: #fff;
}
.section2-main-box {
    background: #f5f0ff;
    border-radius: 10px;
    padding: 8% 2% 8% 6%;
    box-shadow: 0px 11px 18px 0px rgb(88 88 88 / 4%);
    border-bottom: 2px solid #f5f0ff;
    height: 100%;
    transition-duration: 0.3s;
}
.section2-main-box:hover {
    box-shadow: none;
    border-bottom: 2px solid #462c83;
    transition-duration: 0.3s;
}
.checklist1 li {
    background: url(../images/checklist1.png) no-repeat left 5px;
    padding-left: 25px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0%;
    padding-top: 0;
    padding-bottom: 0px;
    margin-bottom: 0;
    text-align: left;
}
.spc2 {
    margin-top: 3%;
}


/*---------------section-3*/

.section3 {
    padding: 5% 0 5% 0;
    background-image: -webkit-linear-gradient(268deg, #f72585 4%, #af0050 95%);
    z-index: 0;
    margin-top: -48%;
}
canvas {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 4;
}
.checklist2 li {
    background: url(../images/checklist2.png) no-repeat left 10px;
    padding-left: 20px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0%;
    padding-top: 0;
    padding-bottom: 8px;
    margin-bottom: 0;
    text-align: left;
}
.isacBg {
    background: #f72585;
    border-radius: 12px;
    padding: 4px 30px;
    color: #fff;
    border: 1px solid #fff;
}




/*---------------section-4*/

.section4 {
    background: #fff;
    padding: 5% 0% 5% 0%;
    z-index: 5;
    overflow: hidden;
    position: relative;
}
.section4-box {
    padding: 6% 6%;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e5e5;
}
.section4-box .trtr li {
    display: inline-block;
    background: #f0f4f8;
    margin: 2px 2px;
    min-width: -moz-fit-content;
    border-radius: 2px;
    padding: 4px 8px;
}
.section4-box ul li a {
    color: #000;
}
.sd1 {
    border-radius: 8px;
}
.spce {
    margin-top: 5%;
}
.section4-btn a {
    border-radius: 8px;
    background-color: #f72585;
    /* box-shadow: 0px 11px 18px 0px rgb(88 88 88 / 16%); */
    color: #fff;
    padding: 4% 10%;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    margin-top: 5%;
    width: 100%;
}
.section4-btn a:hover {
    transform: scale(1.05);
    box-shadow: none;
}

.swiper-button-next {
    height: 45px !important;
    width: 45px !important;
    background: #ecfffd;
    border-radius: 35px;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    font-size: 18px !important;
    margin-left: 4px;
    font-weight: 900;
    color: #16b7a7;
}

.swiper-button-prev {
    height: 45px !important;
    width: 45px !important;
    background: #ecfffd;
    border-radius: 35px;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after {
    font-size: 18px !important;
    margin-left: -4px;
    font-weight: 900;
    color: #16b7a7;
}

.swiper-navigation {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: -26.5%;
}

.swiper-button-next, .swiper-button-prev {
    background-color: #ecfffd; /* Button background color */
    color: #fff; /* Icon color */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; /* Makes the buttons circular */
    position: absolute;
    top: 50%; /* Adjusts vertical position */
    transform: translateY(-50%); /* Centers the button vertically */
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -25px!important;
    right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -25px!important;
    left: auto;
}

.videoWrapper {
    background: #fcfcfc;
    padding: 50px 35px 10px;
    border-radius: 30px;
}

.checklist2 li {
    background: url(../images/checklist1.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;
}
.checklist2 span {
    background-color: #f72585;
    color: #fff;
    padding: 0 5px;
    border-radius: 3px;
}

/*video*/

.section4 .zoombtnn {
    position: absolute;
    top: 65px;
    left: 100px;
}

.plan-section2 .zoombtnn {
    position: absolute;
    top: 65px;
    left: 100px;
}


/*===================================================section-5 */

.section5 {
    background: url(../images/section5.png) no-repeat center top;
    background-size: cover;
    padding: 5% 0% 5% 0%;
}
.section5-Box {
    padding: 4% 4%;
    background: #fff;
    border: 1px solid #e5e5e5;
    height: 100%;
    border-radius: 8px;
}
.section5-imgBox {
    text-align: -webkit-right;
    margin-top: -8%;
    margin-right: 1%;
}
.nms-fe {
    border-radius: 55px;
    background: #fff;
    max-width: 15%;
    position: relative;
    border: 1px solid #d0d0d0;
}
.sec5-spc {
    margin-top: 3%;
}

/*===================================================section-6 */

.section6 {
    background: url(../images/aboutBg.png) no-repeat #f5f0ff;
    padding: 5% 0% 5% 0%;
    z-index: 0;
    position: relative;
}

/*========================================== testimonial-section*/


.testimonial-section {
    background: #fff;
    padding: 5% 0 2% 0;
}


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

.section7 {
    background: #fcfcfc;
    padding: 5% 0% 5% 0%;
}
.section7-Box {
    background: #fff;
    padding: 50px 35px 50px;
    border-radius: 30px;
    height: 100%;
}
.ts-video { }

.star-box i {
    font-size: 18px;
    color: #FFC44E;
    margin: 0 3px 0px 0;
}
.testi-hd {
    margin: 12% 0 13% 0;
}
.testimonial-box {
    background: #fcfcfc;
    padding: 50px 35px 50px;
    border-radius: 30px;
}
.testi-name {
    margin: 6px 0 0 0;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    padding: 3% 0;
}
.section7-Box:hover {
    border-bottom: 1px solid #462c83;
}
.sec7-spc {
    margin-top: 3%;
}
.section7-Box p {
    margin-top: 10%;
}
.cb1 {
    border: 1px solid #6d55ae3d;
    border-radius: 70px;
}


/*============================================= Lectures-section*/

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

/*============================================= Revision-section*/

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

/*============================================ Guarante-section*/

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

/*============================================ plan-section*/


.plan-section {
    padding: 5% 0;
    background: #462c83;
}
.plan-box {
    border-width: 1px;
    border-color: rgb(207, 216, 220);
    border-style: solid;
    border-radius: 15px;
    box-shadow: 0px 27px 62px 0px rgb(52 43 139 / 27%);
    padding: 5% 5%;
    background-color: #fff;
    height: 100%;
    transition-duration: 0.3s;
}
.plan-shape {
    padding: 5% 5%;
    background: #f5f0ff;
    border-radius: 15px;
    border-bottom: 1px solid #462c83;
}
.plan-shape .emi {
    text-align: left;
    color: #000;
    margin: 0 0 10px 0;
}
.plan-section .checklist1 li {
    background: url(../images/checklist1.png) no-repeat left 7px;
    padding-left: 30px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0%;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 0px;
    text-align: left;
}
.checklist1 span {
    background-color: #462c83;
    color: #fff;
    padding: 0 5px;
    border-radius: 3px;
}
.plan-btn a {
    margin: 0 6px 0 0px;
}

/*===================================================section-8 */

.section8 {
    background: url(../images/testiBg.png) no-repeat #462c83;
    padding: 4% 0% 4% 0%;
    background-size: cover;
}
.salesline {
    position: absolute;
    bottom: -8px;
    right: 30%;
    overflow: hidden!important;
    z-index: 56;
}

.zoom-effect-container {
    float: left;
    position: relative;
    width: 640px;
    height: 360px;
    margin: 0 auto;
    overflow: hidden;
}
.zoom-effect-container {
    position: absolute;
    top: 115px;
    left: 175px;
}
.image-card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.image-card img {
  -webkit-transition: 0.4s ease;
  transition: 0.2s ease;
}
.zoom-effect-container:hover .image-card img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}
a{
  display: block;
  text-align:center;
  margin: 0 auto;
  color: #aaa;
}

.videoWrapper {
  position: relative;
  width: 100%;
  height: 0;
  background-color: #000;
  padding-top: 74%;
  border-radius: 15px;
}

.videoIframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.videoPoster {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-size: cover;
  text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 800ms, height 0s;
  -moz-transition: opacity 800ms, height 0s;
  transition: opacity 800ms, height 0s;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  border-radius: 15px;
}
.videoWrapperActive .videoPoster {
  opacity: 0;
  height: 0;
  -webkit-transition-delay: 0s, 800ms;
  -moz-transition-delay: 0s, 800ms;
  transition-delay: 0s, 800ms;
}
.videoIframe {
    position: absolute;
    top: 0;
    border-radius: 15px;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px!important;
}

/*slider*/

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #f5f0ff!important;
}
.swiper-pagination-bullet {
    background: #fff!important;
}

.swiper-pagination1 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #462c83!important;
}
.swiper-pagination1 .swiper-pagination-bullet {
    background: #462c83!important;
}

/*===================================================section-9 */

.section9 {
    background: #1f085a;
    padding: 1.5% 0;
}
.slider-talk a:hover {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #462c83;
    transition-duration: 0.3s;
    transform: scale(1.02);
}
.slider-talk a {
    background-color: #f5f0ff;
    padding: 12.7px 59px;
    transition-duration: 0.3s;
    text-align: center;
    display: inline-block;
    color: #452c83;
    font-size: 18px;
    font-weight: 500;
    transition-duration: 0.3s;
    border: 1px solid #f5f0ff;
    border-radius: 30px;
}

/*=================================================== FAQ'S*/


.faq-section {
    background: #fcfcfc;
    padding: 6.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: 20px;
}

.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(245 240 255);
    padding-left: 10px;
    border-radius: 20px;
}
.faq .card .card-header .faq-title {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Poppins-Regular';
    width: 100%;
    text-align: left;
    padding: 0px;
    padding-left: 30px;
    padding-right: 30px;
    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: 20px;
    padding-bottom: 20px;
}

.faq .card .card-header .faq-title .badge {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 18px;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    background: #f72585;
    color: #fff;
    font-size: 16px;
    margin-right: 15px;
}
.faq .card .card-body {
    padding: 30px;
    padding-left: 35px;
    padding-bottom: 16px;
    font-weight: 400;
    font-size: 16px;
    color: #6F8BA4;
    line-height: 28px;
    letter-spacing: 1px;
    border-top: 1px solid #F3F8FF;
    background: #fff;
}

.faq .card .card-body p {
  margin-bottom: 14px;
  font-family: 'Poppins-Regular';
}

@media (max-width: 991px) {
  .faq {
    margin-bottom: 30px;
  }
  .faq .card .card-header .faq-title {
    line-height: 26px;
    margin-top: 10px;
    font-size: 20px;
  }
}

/*=================================================== FAQ'S*/


.faq-section {
    background: #fcfcfc;
    padding: 6.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;
}

.faq2 .card {
    background: #fff;
    margin-bottom: 3%;
    border-radius: 20px;
}

.faq2 .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;
}
.faq2 .card .card-header:hover {
    background: rgb(245 240 255);
    padding-left: 10px;
    border-radius: 20px;
}
.faq2 .card .card-header .faq-title {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Poppins-Regular';
    width: 100%;
    text-align: left;
    padding: 0px;
    padding-left: 30px;
    padding-right: 30px;
    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: 20px;
    padding-bottom: 20px;
}

.faq2 .card .card-header .faq-title .badge {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 18px;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    background: #f72585;
    color: #fff;
    font-size: 16px;
    margin-right: 15px;
}
.faq2 .card .card-body {
    padding: 30px;
    padding-left: 35px;
    padding-bottom: 16px;
    font-weight: 400;
    font-size: 16px;
    color: #6F8BA4;
    line-height: 28px;
    letter-spacing: 1px;
    border-top: 1px solid #F3F8FF;
    background: #fff;
}

.faq2 .card .card-body p {
  margin-bottom: 14px;
  font-family: 'Poppins-Regular';
}

@media (max-width: 991px) {
  .faq2 {
    margin-bottom: 30px;
  }
  .faq2 .card .card-header .faq-title {
    line-height: 26px;
    margin-top: 10px;
    font-size: 20px;
  }
}

/*===================================================Footer*/

.footer-section {
    background: #f5f0ff;
    padding: 5% 0 5% 0;
}
.footer-logo {
    max-width: 45%;
}
.footer-icon {margin-top: 7%;}
.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 {
    color: #f72585;
}
.Products-title {
    margin-top: 16%;
}
.Products-title li {
    padding: 4% 0 0 0;
}
.Products-title li a {
    color: #1a1a1a;
    text-align: left;
}
.Products-title li a:hover {
    color: #f72585;
}
.footer-pg {
    margin-top: 3%;
    padding-right: 19%;
}
.testimonial-img {
    border-radius: 70px;
}

/*iCon*/

.spinner1 {
    position: absolute;
    top: 32%;
    left: 8%;
}
.spinner2 {
    position: absolute;
    content: "";
    top: 9%;
    left: 80%;
}
.spinner3 {
    position: absolute;
    content: "";
    top: 75%;
    left: 39%;
}
.spinner4 {
    position: absolute;
    content: "";
    top: 70%;
    left: 90%;
}


/*============================================== Copyright-section*/

.copyright-section {
    padding: 40px 0;
    margin-bottom: 5.5%;
    background: #452c83;
}


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

.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: #42db87;
  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 #42db87;
  -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;
}

/*Form*/

.form-banner {
    background: url(../images/banner.jpg) no-repeat center top;
    background-size: cover;
    padding: 6% 0% 6% 0%;
}

.fnmmm {
    padding: 6% 6%;
    border-radius: 10px;
    background: #35b2a5;
}
.fnmmm form label {
    margin: 15px 0px 5px 0;
}
.fnmmm input[type="text"] {
    padding: 3px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    outline: none;
}
.fnmmm input#email {
    padding: 3px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    outline: none;
}
.fnmmm input#phone {
    padding: 3px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    outline: none;
}
.fnmmm select#course {
    padding: 3px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    outline: none;
}
.fnmmm input[type="submit"] {
    padding: 13px 50px;
    background: #fff;
    color: #000;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    transition-duration: 0.3s;
}

.modal-content1 {
    background-color: #fefefe;
    margin: 16% auto;
    padding: 4% 4%;
    border: 1px solid #888;
    width: 70%!important;
    animation-name: modal-open;
    animation-duration: 0.3s;
    border-radius: 10px;
    position: relative;
}

/*Form*/


/*close*/


.modal-content .close1 {
    position: absolute;
    top: -22px;
    right: -22px;
    color: #aaa;
    float: right;
    font-size: 32px;
    font-weight: 600;
    padding: 5px 12px;
    margin: 0;
    border-radius: 30px;
    background: #000;
}
.close1 {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}



/*   popup form thank you     */

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
    z-index: 99;
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 4% 4%;
    border: 1px solid #888;
    width: 45%;
    animation-name: modal-open;
    animation-duration: 0.3s;
    border-radius: 10px;
    position: relative;
}
.modal-content h2 {
    font-size: 45px;
    line-height: 120%;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin: 0% 0 1% 0;
    color: #47118d;
}
.modal-content p {
    font-size: 22px;
    line-height: 120%;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

@keyframes modal-open {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.modal-content .close {
    position: absolute;
    top: -22px;
    right: -22px;
    color: #aaa;
    float: right;
    font-size: 32px;
    font-weight: 600;
    padding: 5px 12px;
    margin: 0;
    border-radius: 30px;
    background: #000;
}
.modal-content .close:hover, .close:focus {
    color: white!important;
}

.modal-content .close:hover,
.modal-content .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.thankBox li {
    display: inline-block;
    margin: 0 0px 0 10px;
}
.thankBox li i {
    color: #000;
    margin: 0 5px 0 0px;
}

/*----------------------- swig */


.swig {
    position: absolute;
    content: "";
    right: -15%;
    bottom: 60%;
    opacity: 0.3;
}
.swinger {
  width: 1px;
  height: 0px;
  margin: 0 auto;
  position: relative;
  min-height: 400px;
}

.swinger li {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 1px;
  height: 1px;
  list-style: none;
  animation: swing alternate infinite ease-in-out;
}

.string {
    display: block;
    width: 1px;
    background-color: rgb(38 38 38 / 12%);
}

.ball {
    display: block;
    width: 25px;
    height: 25px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYmJiNWM3Ii8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiM3MzczNzQiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=) -3px -5px;
    background: -moz-radial-gradient(#bbb5c7, #737374 70%) -3px -5px;
    background: -webkit-radial-gradient(#bbb5c7, #737374 70%) -3px -5px;
    background: radial-gradient(#bbb5c7, #737374 70%) -3px -5px;
    border: 1px solid #c8c8c8;
    content: " ";
    position: relative;
    -moz-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.2), -2px -2px 4px 3px rgba(0, 0, 0, 0.1) inset;
    margin: -5px 0 0 -12px;
}

@keyframes swing {
  from {
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
  }
  to {
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
}

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


.exit-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1180px;
    padding: 0px 30px 30px 30px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    z-index: 8;
    border: 8px solid #e72784;
    border-radius: 20px;
}

.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%;
}
a.nothnkss {
    font-size: 20px;
    line-height: 130%;
    margin-top: 2%;
    color: #462c83;
    font-weight: 600;
}



/*-----========== -------------------------------------------------------------------- Media ========--


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


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

    .banner {padding: 12% 0% 0% 0%;}

    a.navbar-brand {width: 25%;margin: 0;}

    .collapse.show {background-color: #f6f1ff;border-radius: 8px;}

    .btnn {margin: 0 0px 25px 0%;text-align: center;}

    .section-spc1 {margin-bottom: 3%;}

    .spc2 {margin-top: 0%;}

    .swiper-navigation {margin-top: -48.5%;}

    .talkBox {padding: 4% 3% 5% 3%;text-align: center;}

    label {margin: 0 0px 5px 5px;font-size: 16px;}

    input[type="text"] {width: 100%;}

    input#phone {margin: 0 0px 25px 0px;width: 100%;}

    .section7-Box {padding: 40px 25px 40px;margin-bottom: 5%;height: auto;}

    .section9 {padding: 5% 0;text-align: center;}

    .slider-talk a { margin-top: 3%; padding: 12.7px 40px;}

    .footer-icon {margin-top: 3%;margin-bottom: 8%;}

    .Products-title {margin-top: 3%;}

    .Products-title li {padding: 3% 0 0 0;}

    .Products-title {margin-bottom: 8%;}

    .section2-main-box {padding: 5% 2% 5% 5%;}

    .playIcon {max-width: 50%;}

    .zoom-effect-container {top: 65px;left: 65px;}

    .video-box {padding: 0 5%;}

    .form-spc {padding: 0 10%;}

    .section4-box ul li {margin: 4px 2px;}

    .modal-content { width: 85%;}

    .copyright-section {padding: 40px 0;margin-bottom: 16.5%;}

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

    .isactext {margin-bottom: 4%;}

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

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px!important;
    }

    .spinner1 {top: 8%;left: 1%;max-width: 2.5%;}
    .spinner2 {top: 6%;left: 86%;max-width: 2%;}
    .spinner4 {top: 80%;left: 90%;max-width: 4%;}

    .exit-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 700px;
    padding: 0px 0px 70px 0px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    z-index: 9999;
    border: 8px solid #e72784;
    text-align: center;
  }

  .header {
    padding: 50px 0px 15px;
  }


}



/*----------------------------------------------800px*/

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

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -10px !important;
    }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -10px !important;
    }

    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after {
    font-size: 15px !important;
    }

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

    .swiper-button-prev {height: 35px !important;width: 35px !important;}

    .swiper-button-next {height: 35px !important;width: 35px !important;} 

    .swiper-navigation {margin-top: -55.5%;}

    .copyright-section {padding: 40px 0;margin-bottom: 25%;}


}


/*----------------------------------------------768px*/

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

  .exit-popup {
    width: 550px;
    padding: 10px 0px 70px 10px;
    }

    .banner {padding: 14% 0% 0% 0%;}

    a.navbar-brand {max-width: 45%;margin: 0;}

    .swiper-navigation {margin-top: -65.5%;}
    .header {padding: 50px 5px 0px 5px;}
    .checklist1 li {background: url(../images/checklist1.png) no-repeat left 4px;}
    .swiper-navigation {margin-top: -55.5%;}
    .talkBox-pd {padding: 0 5%;}

    .course-box {margin-top: 5%;text-align: center;}

    .section4 {background: #fff;padding: 5% 0% 5% 0%;margin-top: 0%;}
    .section4-box {margin-bottom: 5%;}
    .sec5-spc {margin-top: 0%;}
    .sec-5 {margin-bottom: 5%;}

    .aboutnms {margin-top: 5%;text-align: center;}

    .section2-main-box {text-align: center;}
    .form-spc {text-align: center;}
    label {margin: 0 0px 5px -0px;}

    .section3 {padding: 8% 0 5% 0; margin: 0!important;}
    .spce {margin-top: 10%;}
    .section5-Box p {text-align: center;height: auto;}

    .testimonial-section {padding: 5% 0 5% 0;}
    .section7-Box {text-align: center;}
    .cb1 {margin: auto;}
    .section7-Box p {margin-top: 5%;}

    .testimonial-box {padding: 35px 20px 35px;}
    .lectures-box {text-align: center;margin-top: 5%;}
    .section8 {padding: 5% 0% 5% 0%;}
    .guarante-box {text-align: center;margin-top: 5%;}
    .faq-box {text-align: center;margin-bottom: 5%;}
    .faq-line {margin: auto;margin-top: 3%;}
    .faq .card .card-body {padding: 15px;font-size: 14px;}
    .faq .card .card-header .faq-title {padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;}
    .footer-pg {margin-top: 5%;}
    .faq-section {
    background: #fcfcfc;padding: 6.5% 0% 2% 0%;}

    .form-spc.fnmmm {padding: 6% 5%;}
    .section6 {background-image: none;}
    .pn-bx {margin-bottom: 5%;}

    .modal-content {width: 90%;}
    .modal-content h2 {font-size: 30px;}
    .modal-content p {font-size: 18px;}
    .modal-content .close {top: -18px;right: -15px;font-size: 22px;padding: 5px 9px;}

    .timer iframe {margin-bottom: -10%;margin-top: 2%;}
    .vasishtha {text-align: center;}
    .mybutton-top a {padding: 2% 5%;}
    .bottom.sticky {padding: 10px 0;}
    a.nav-link {margin: 0 0px 0 0px;}
/*    .navbar-light .navbar-nav .nav-link {color: #ffffff;}*/
    .videoWrapper {padding-top: 60%;}
    .cm-box {text-align: center;}
    .copyright-section {padding: 40px 0;margin-bottom: 35%;}
     canvas {display: none;}

    .spinner1 {top: 3%;left: 60%;max-width: 5%;}
    .spinner2 {top: 35%;left: 86%;max-width: 5%;}
    .spinner3 {top: 72%;left: 65%;max-width: 3%;}
    .spinner4 {top: 92%;left: 80%;max-width: 10%;}

}

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

    .header {padding: 70px 5px 0px 5px;}
    .banner {padding: 20% 0% 0% 0%;}
}


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

    .banner {padding: 25% 0% 0% 0%;}
    .swiper-navigation {margin-top: -112.5%;}
    .swiper-wrapper {padding: 5% 0px;}
    .playIcon {max-width: 100%;}
    .zoom-effect-container {top: 60px;left: 140px;}
    .videoWrapper {padding-top: 72%;}
    .swiper-slide {padding: 0 25px;}
    .section4 .zoombtnn {top: 80px;left: 120px;}
    .comment-img { margin-bottom: 5%;}
    .testimonial-img {margin-bottom: 5%;}
    .faq .card .card-header .faq-title {font-size: 18px;}
    .copyright-section {padding: 30px 0 30px 0;margin-bottom: 54%;}
    .copyright-section {padding: 40px 0;margin-bottom: 53%;}
    .contact_icon {width: 40px;height: 40px;font-size: 25px;}
    .floating_btn {bottom: 5px;right: 5px;}
    .timer iframe {margin-bottom: -15%;margin-top: 2%;}
    .sizar {right: 30%;}

    .exit-popup {
        width: 360px;
        padding: 0px 10px 25px 10px;
    }

}



/*====================================================================================== Min-width*/


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


@media only screen and (min-width: 430px) {
 
    .sizar {top: 0;right: 38.5%;}
    
}


@media (min-width: 480px){

    .mainvideo {
        position: static;
        width: 100%;
        height: 0px;
        padding-bottom: 280px;  
    }
    .video {
        width: 485px;
        height: 273px;
        top: 23px;
        left: 28px;
        margin-bottom: 8%;
    }
    
    .section3 {margin-top: -145%;} 
    .sizar {top: 0;right: 45.5%;}
    
}


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

    .section3 {margin-top: -145%;} 
    .sizar {top: 0;right: 51.5%;}
    
}

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

    .section3 {margin-top: -145%;} 
    
}

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

    .section3 {margin-top: -125%;} 
    
}

@media only screen and (min-width: 768px) {
    
    .videosection {
        position: relative;
        right: 0;
        bottom: 0px;
    }
    .mainvideo {
        position: absolute;
        width: 504px;
        height: 271px;
        top: 18px;
        left: 31px;
        padding-bottom: 0;
    }
    .video {
        width: 315px;
        height: 117px;
        top: 15px;
        left: 7px;
        margin-bottom: 12%;
    }  

    .section3 {margin-top: -113%;} 
    .sizar {top: 0;right: -6%;}
    
}



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

    .section3 {margin-top: -100%;}
    .sizar {top: 0;right: -6%;}
    
}


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

    .section3 {margin-top: -100%;}
    .sizar {top: 0;right: -6%;}
        
    
}

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

    .copyright-section {padding: 40px 0;margin-bottom: 13%;}
    .section3 {margin-top: -90%;}
    .sizar {top: 0;right: -6%;}
    
}

@media only screen and (min-width: 992px) {
    
    .mainvideo {
        position: absolute;
        width: 543px;
        height: 292px;
        top: 18px;
        left: 33px;
    }
    .video {
        width: 429px;
        height: 162px;
        top: 21px;
        left: 11px;
        margin-bottom: 10%;
    }

    .banner {padding: 15% 0% 0% 0%;}

    /*navigation*/
    .swiper-navigation {margin-top: -51.5%;}

    input[type="submit"] {padding: 14px 40px;font-size: 16px;}
    label {margin: 0 10px 0 10px;font-size: 16px;}
    input#phone {margin: 0 10px 0 0px;}

    .zoom-effect-container {top: 55px;left: 100px;}
    .copyright-section {padding: 40px 0;margin-bottom: 13%;}
    .section3 {margin-top: -90%;}
    .sizar {top: 0;right: 24%;}

    .spinner1 {top: 8%;left: 1%;max-width: 2.5%;}
    .spinner2 {top: 6%;left: 86%;max-width: 2%;}
    .spinner4 {top: 80%;left: 90%;max-width: 4%;}


}

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



@media only screen and (min-width: 1000px) {
       
    .banner {padding: 13% 0% 0% 0%;}

    /*navigation*/
    .swiper-navigation {margin-top: -41.5%;}

    .section4 .zoombtnn {top: 45px;left: 75px;}
    .plan-section2 .zoombtnn {top: 45px;left: 75px;}

    input[type="submit"] {padding: 14px 40px;font-size: 16px;}
    label {margin: 0 10px 0 10px;font-size: 16px;}
    input#phone {margin: 0 10px 0 0px;}

    .zoom-effect-container {top: 55px;left: 100px;}
    .copyright-section {padding: 40px 0;margin-bottom: 13%;}
    .section3 {margin-top: -90%;}
    .sizar {top: 0;right: 24%;}

    /*iCon*/

    .spinner1 {top: 9%;left: 1%;max-width: 2.5%;}
    .spinner2 {top: 8%;left: 85%;max-width: 2.5%;}
    .spinner3 {top: 75%;left: 39%;max-width: 100%;}
    .spinner4 {top: 81%;left: 94%;max-width: 4%;}

}


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

    .banner {padding: 12% 0% 0% 0%;}

    /*navigation*/
    .swiper-navigation {margin-top: -41.5%;}

    .section4 .zoombtnn {top: 45px;left: 75px;}
    .plan-section2 .zoombtnn {top: 45px;left: 75px;}

    input[type="submit"] {padding: 14px 40px;font-size: 16px;}
    label {margin: 0 10px 0 10px;font-size: 16px;}
    input#phone {margin: 0 10px 0 0px;}

    .zoom-effect-container {top: 55px;left: 100px;}
    .copyright-section {padding: 40px 0;margin-bottom: 10%;}
    .section3 {margin-top: -75%;}
    .sizar {top: 0;right: 24%;}

    /*iCon*/

    .spinner1 {top: 9%;left: 1%;max-width: 2.5%;}
    .spinner2 {top: 8%;left: 85%;max-width: 2.5%;}
    .spinner3 {top: 75%;left: 39%;max-width: 100%;}
    .spinner4 {top: 70%;left: 91%;max-width: 5%;}

}


@media only screen and (min-width: 1200px) {
    
    .mainvideo {
        position: absolute;
        width: 441px;
        top: 20px;
        left: 80px;
    }
    .video {
        width: 403px;
        height: 196px;
        top: 1px;
        left: 0px;
        margin-bottom: 0px;
    }
    .mycontainer-left, .mycontainer-right{max-width:1163px;}

    .banner {padding: 12% 0% 0% 0%;}

    /*navigation*/
    .swiper-navigation {margin-top: -41.5%;}

    .section4 .zoombtnn {top: 65px;left: 100px;}
    .plan-section2 .zoombtnn {top: 65px;left: 100px;}

    input[type="submit"] {padding: 14px 60px;font-size: 18px;}
    label {margin: 0 10px 0 10px;font-size: 20px;}
    input#phone {font-size: 16px;margin: 0 20px 0 0px;}

    .zoom-effect-container {top: 55px;left: 100px;}
    .copyright-section {padding: 40px 0;margin-bottom: 10%;}
    .section3 {margin-top: -70%;}
    .sizar {top: 0;right: 37%;}

    /*iCon*/

    .spinner1 {top: 9%;left: 1%;max-width: 2.5%;}
    .spinner2 {top: 8%;left: 85%;max-width: 2.5%;}
    .spinner3 {top: 75%;left: 39%;max-width: 100%;}
    .spinner4 {top: 70%;left: 91%;max-width: 5%;}
    

}


@media (min-width:1300px) {
    .mycontainer{width: 1200px;}
    .mycontainer2{width:1180px;}    
    .ex{background-color:blue}
    
    .mycontainer-left, .mycontainer-right{max-width:1250px;}

    .mainvideo {
        position: absolute;
        width: 441px;
        top: 20px;
        left: 80px;
    }

    .banner {padding: 9% 0% 0% 0%;}

    /*navigation*/
    .swiper-navigation {margin-top: -41.5%;}

    .section4 .zoombtnn {max-width: 100%;top: 65px;left: 100px;}
    .plan-section2 .zoombtnn {max-width: 100%;top: 65px;left: 100px;}

    .zoom-effect-container {top: 100px;left: 145px;}
    .copyright-section {padding: 40px 0;margin-bottom: 8%;}
    .section3 {margin-top: -63%;}
    .sizar {top: 0;right: 37%;}

    /*iCon*/

    .spinner1 {top: 32%;left: 4%;max-width: 2.5%;}
    .spinner2 {top: 8%;left: 85%;max-width: 2.5%;}
    .spinner3 {top: 75%;left: 39%;max-width: 100%;}
    .spinner4 {top: 70%;left: 90%;max-width: 100%;}


}

@media (min-width:1400px) {
    .mycontainer{width: 1250px;}
    .mycontainer2{width:1219px;;}
    .ex{background-color:silver}

    .mycontainer-left, .mycontainer-right{max-width:1298px;}
    
    .mainvideo {
        position: absolute;
        width: 441px;
        top: 20px;
        left: 90px;
    }

    /*navigation*/
    .swiper-navigation {margin-top: -36.5%;}
    .copyright-section {padding: 40px 0;margin-bottom: 8%;}
    .section3 {margin-top: -62%;}
    .sizar {top: 0;right: 37%;}

    /*iCon*/

    .spinner1 {top: 32%;left: 4%;max-width: 2.5%;}
    .spinner2 {top: 9%;left: 80%;max-width: 100%;}
    .spinner3 {top: 75%;left: 39%;max-width: 100%;}
    .spinner4 {top: 70%;left: 90%;max-width: 100%;}

}

@media (min-width:1500px) {
    .mycontainer{width: 1300px;}
    .mycontainer2{width:1219px;}
    .ex{background-color:pink}

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

    /*navigation*/
    .swiper-navigation {margin-top: -34.5%;}

    .copyright-section {padding: 40px 0;margin-bottom: 7%;}
    .section3 {margin-top: -57%;}

    /*iCon*/

    .spinner1 {top: 32%;left: 8%;max-width: 100%;}
.spinner2 {top: 9%;left: 80%;max-width: 100%;}
.spinner3 {top: 75%;left: 39%;max-width: 100%;}
.spinner4 {top: 70%;left: 90%;max-width: 100%;}

}   


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

    /*navigation*/
    .swiper-navigation {margin-top: -30.5%;}

    .copyright-section {padding: 40px 0;margin-bottom: 7%;}
    .section3 {margin-top: -53%;}

    /*iCon*/

    .spinner1 {top: 32%;left: 8%;max-width: 100%;}
.spinner2 {top: 9%;left: 80%;max-width: 100%;}
.spinner3 {top: 75%;left: 39%;max-width: 100%;}
.spinner4 {top: 70%;left: 90%;max-width: 100%;}


}

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

    /*navigation*/
    .swiper-navigation {margin-top: -27.5%;}

    .copyright-section {padding: 40px 0;margin-bottom: 5.5%;}
    .section3 {margin-top: -51%;}

    /*iCon*/

    .spinner1 {top: 32%;left: 8%;max-width: 100%;}
.spinner2 {top: 9%;left: 80%;max-width: 100%;}
.spinner3 {top: 75%;left: 39%;max-width: 100%;}
.spinner4 {top: 70%;left: 90%;max-width: 100%;}


}   

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

    /*navigation*/
    .swiper-navigation {margin-top: -27.5%;}

    .section4 .zoombtnn {top: 65px;left: 100px;}
    .plan-section2 .zoombtnn {top: 65px;left: 100px;}
    .zoom-effect-container {top: 115px;left: 175px;}
    .copyright-section {padding: 40px 0;margin-bottom: 5.5%;}
    .section3 {margin-top: -48%;}

    /*iCon*/

    .spinner1 {top: 32%;left: 8%;max-width: 100%;}
.spinner2 {top: 9%;left: 80%;max-width: 100%;}
.spinner3 {top: 75%;left: 39%;max-width: 100%;}
.spinner4 {top: 70%;left: 90%;max-width: 100%;}

}

@media (min-width:1900px){
    .mycontainer-left, .mycontainer-right{max-width:1363px;}
    .mycontainer{width: 1700px;}
    .mycontainer2{width:1384px;}
    .mainvideo {
        position: absolute;
        width: 441px; 
        top: 20px;
        left: 104px;
    }

    /*bannar*/
    .banner {padding: 9% 0% 0% 0%;}

    /*navigation*/
    .swiper-navigation {margin-top: -27.5%;}

    .section4 .zoombtnn {top: 65px;left: 100px;}
    .plan-section2 .zoombtnn {top: 65px;left: 100px;}

    input[type="submit"] {padding: 14px 60px;font-size: 18px;}
    label {margin: 0 10px 0 10px;font-size: 20px;}
    input#phone {font-size: 16px;margin: 0 20px 0 0px;}

    .zoom-effect-container {top: 115px;left: 175px;}
    .copyright-section {padding: 40px 0;margin-bottom: 5.5%;}
    .section3 {margin-top: -48%;}
    .sizar {top: 0;right: 37%;}

    /*iCon*/

    .spinner1 {top: 32%;left: 8%;max-width: 100%;}
.spinner2 {top: 9%;left: 80%;max-width: 100%;}
.spinner3 {top: 75%;left: 39%;max-width: 100%;}
.spinner4 {top: 70%;left: 90%;max-width: 100%;}
  
}

@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;}