*{margin: 0; padding: 0; box-sizing: border-box;}
img{max-width: 100%;}
a, a:hover, a:focus, a:visited, a:active{text-decoration: none;}
p, ul, li{padding: 0; margin: 0;}

body{font-family: "Poppins", sans-serif;}



.sticky {right: 10px; z-index: 999; position: fixed !important; top: 10px; animation: slideDown .5s ease-out; }
.sticky.video{width: 300px;}
.sticky.video video{border: 2px solid #008bda;}


@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}

.web-logo img{
    width:100px;
    height:100px;
    border-radius: 50%;
}


/* about */
#about{background: linear-gradient(90deg, #1c1330 0, #172c35 100%); padding: 30px 0;}
#about .row{row-gap: 20px; justify-content: center;}
#about .content h2{color: #b89b63; text-align: center; font-weight: bold; line-height: 45px; font-size: 33px;}
#about .content h2 span{color: #ff6100;}
#about .video video{width: 100%;}
#about .now a{display: block; color: #fff; background-color: #d41817; padding: 15px; border-radius: 10px; font-size: 24px; text-align: center; font-weight: bold; transition: .5s; animation-duration: 2s; animation-iteration-count: infinite; border: 3px solid #e84d35;}
#about .now a span{display: block; font-size: 15px;}
#about .now a:hover{transform: scale(.9) !important;}
#about .list{columns: 2; list-style: none;}
#about .list li{color: #fff; font-size: 15px; font-weight: 500; display: flex; gap: 10px; align-items: center; margin-bottom: 20px;}
#about .list li i{color: #ebef00;}


#about .section-a li{position: relative; margin-left: 30px;}
#about .section-a li:before{position: absolute; left: -23px; content: '✔';}



#about .list li span{color: #ebef00;}
#about .date ul{columns: 4; list-style: none; background-color: #fff; padding: 20px; border-radius: 20px;}
#about .date ul li{text-align: center;}
#about .date ul li h5{color: #000; font-weight: bold;}
#about .date ul li p{color: #000; font-size: 14px;}
#about .date h3{color: #ebef00; text-align: center; margin-top: 30px; font-size: 25px;}



/* check */
#check{padding: 50px 0; background-color: #f6f6f6;}
#check h2{text-align: center; margin-bottom: 20px; color: #000; font-size: 38px; font-weight: bold;}
#check .row{row-gap: 25px; justify-content: center;}
#check .form-check{background-color: #fff; padding: 20px 20px 20px 40px; border-radius: 15px; display: flex; gap: 15px;}
#check .form-check input{width: 35px; height: 35px;}
#check .form-check label{font-size: 21px; color: #505050;}
#check .checked h3{font-size: 22px; color: #000; text-align: center;}
#check .checked h3 span{color: #d41817;}
#check .now a{display: block; color: #fff; background-color: #d41817; padding: 15px; border-radius: 10px; font-size: 24px; text-align: center; font-weight: bold; transition: .5s; animation-duration: 2s; animation-iteration-count: infinite; border: 3px solid #e84d35;}
#check .now a span{display: block; font-size: 15px;}
#check .now a:hover{transform: scale(.9) !important;}
#check .unlock h5{text-align: center; color: #000; font-size: 21px;}
#check .unlock h5 span{font-weight: bold; color: #e69b2f;}
#check .unlock h6{text-align: center; color: #2e2e2e; font-size: 31px; margin-top: 20px; font-weight: 400; line-height: 44px;}
#check .unlock h6 span{background-color: #008C2F; color: #fff;}
#check .unlock h4{text-align: center; color: #2e2e2e; font-size: 31px;}
#check .unlock h4 span{font-weight: bold; color: #FF6100;}
#check .unlock h3{font-weight: bold; text-align: center; font-size: 30px; color: #000; margin: 15px 0;}
#check .unlock h2{font-weight: bold; text-align: center; font-size: 55px; color: #FF6100; margin-bottom: 10px;}
#check .unlock p{text-align: center; font-size: 26px; color: #000;}


/* service */
#service{padding: 30px 0;}
#service .row{row-gap: 20px; justify-content: center;}
#service .inner{display: flex; gap: 10px; list-style: none; border: 2px solid #dadada; background: linear-gradient(210deg, #f0f0f0 0, #fff 100%); padding: 30px 20px; border-radius: 20px; height: 100%;}
#service .inner li:first-child{width: 10%;}
#service .inner li:last-child{width: 90%;}
#service .inner li h4{font-size: 25px; color: #000;}
#service .inner li p{font-size: 18px; color: #494949;}
#service .now a{display: block; color: #fff; background-color: #d41817; padding: 15px; border-radius: 10px; font-size: 24px; text-align: center; font-weight: bold; transition: .5s; animation-duration: 2s; animation-iteration-count: infinite; border: 3px solid #e84d35;}
#service .now a span{display: block; font-size: 15px;}
#service .now a:hover{transform: scale(.9) !important;}
#service .now h5{text-align: center; color: #000; font-size: 21px; margin-top: 15px;}
#service .now h5 span{font-weight: bold; color: #e69b2f;}


/* student */
#student{padding: 30px 0;}
#student h2{text-align: center; color: #000; margin-bottom: 20px; font-weight: bold; font-size: 33px;}
#student .row{row-gap: 20px; justify-content: center;}
#student .img img{border: 2px solid #000;}
#student .now a{display: block; color: #fff; background-color: #d41817; padding: 15px; border-radius: 10px; font-size: 24px; text-align: center; font-weight: bold; transition: .5s; animation-duration: 2s; animation-iteration-count: infinite; border: 3px solid #e84d35;}
#student .now a span{display: block; font-size: 15px;}
#student .now a:hover{transform: scale(.9) !important;}
#student .now h5{text-align: center; color: #000; font-size: 21px; margin-top: 15px;}
#student .now h5 span{font-weight: bold; color: #e69b2f;}


/* register */
#register{padding: 50px 0; background-image: linear-gradient(90deg, #1c1330 0, #172c35 100%);}
#register .content h2{color: #fff; font-weight: bold; font-size: 44px; text-align: center;}
#register .content p{color: #efc02b; font-weight: 500; font-size: 21px; text-align: center;}


/* worth */
#worth{padding: 30px 0; position: relative;}
#worth .row{row-gap: 20px; justify-content: center; align-items: center;}
#worth .content{text-align: center; padding: 20px; border: 3px solid #000; border-radius: 20px; background-color: #f4f4f4;}
#worth .content p{color: #000; font-size: 21px; font-weight: bold;}
#worth .content h2{color: #008bda; font-size: 38px; font-weight: bolder;}
#worth .text h3{text-align: center; font-weight: bolder; font-size: 40px;}
#worth .now a{display: block; color: #fff; background-color: #d41817; padding: 15px; border-radius: 10px; font-size: 24px; text-align: center; font-weight: bold; transition: .5s; animation-duration: 2s; animation-iteration-count: infinite; margin-bottom: 15px; border: 3px solid #e84d35;}
#worth .now a span{display: block; font-size: 15px;}
#worth .now a:hover{transform: scale(.9) !important;}
#worth .now h5{text-align: center; color: #000; font-size: 21px;}
#worth .now h5 span{font-weight: bold; color: #e69b2f;}

/* countdown */
#countdown{padding: 10px 0;}
#countdown ul{display: flex; list-style: none; gap: 10px; justify-content: center; text-align: center;}
#countdown ul li{font-size: 18px; font-weight: 500; color: #fff; background-color: #000; padding: 10px 20px; border-radius: 10px; width: 130px;}
#countdown ul li span{display: block; font-size: 45px; color: #fff; font-weight: bold;}


/* certified */
#certified{background-image: linear-gradient(90deg, #1c1330 0, #172c35 100%); padding: 30px 0;     overflow: hidden;}
#certified h2{font-size: 40px; font-weight: bold; color: #fff; text-align: center;}
#certified p{font-size: 18px; color: #fff; text-align: center; margin-bottom: 30px;}
#certified p span{color: #efc02b; font-weight: bold;}
#certified .row{justify-content: center; row-gap: 20px;}
#certified .img img{border-radius: 15px;}
#certified .now a{display: block; color: #fff; background-color: #d41817; padding: 15px; border-radius: 10px; font-size: 24px; text-align: center; font-weight: bold; transition: .5s; animation-duration: 2s; border: 3px solid #e84d35; animation-iteration-count: infinite; margin-bottom: 15px;}
#certified .now a span{display: block; font-size: 15px;}
#certified .now a:hover{transform: scale(.9) !important;}
#certified .now h5{text-align: center; color: #fff; font-size: 21px;}
#certified .now h5 span{font-weight: bold; color: #e69b2f;}


/* workshop */
#workshop{padding: 30px 0;}
#workshop h2{font-size: 40px; font-weight: bold; color: #000; text-align: center;}
#workshop .p1{font-size: 18px; color: #000; text-align: center; margin-bottom: 30px;}
#workshop .row{justify-content: center; row-gap: 20px;}
#workshop .accordion-item{border: 0;}
#workshop .accordion-button{background-color: #ececec; font-weight: bold; font-size: 21px;}
#workshop .accordion-button:focus{box-shadow: none; color: #d41817;}
#workshop .accordion-body{box-shadow: 0 0 10px #00000038;}




/* mentor */
#mentor{padding: 30px 0; background-image: linear-gradient(90deg, #1c1330 0, #172c35 100%);}
#mentor .row{justify-content: center; row-gap: 20px;}
#mentor .img img{border-radius: 20px;}
#mentor .content h2{color: #ff6100; font-weight: bold; font-size: 40px;}
#mentor .content ul{columns: 2; list-style: none; }
#mentor .content ul li{margin-bottom: 15px; color: #fff; font-size: 18px; display: flex; align-items: center; gap: 10px;}
#mentor .content ul li i{color: #FF6100; font-size: 21px;}
#mentor .content p{color: #fff; font-size: 18px; font-weight: 500; margin-top: 10px;}
#mentor .content p span{color: #efc02b; font-weight: bold;}

#mentor .now a{display: block; color: #fff; background-color: #d41817; padding: 15px; border-radius: 10px; font-size: 24px; text-align: center; font-weight: bold; transition: .5s; animation-duration: 2s; animation-iteration-count: infinite; margin-bottom: 15px; border: 3px solid #e84d35;}
#mentor .now a span{display: block; font-size: 15px;}
#mentor .now a:hover{transform: scale(.9) !important;}
#mentor .now h5{text-align: center; color: #fff; font-size: 21px;}
#mentor .now h5 span{font-weight: bold; color: #ebef00;}


/* question */
#question{padding: 30px 0;}
#question h2{font-size: 40px; font-weight: bold; color: #000; text-align: center;}
#question .p1{font-size: 18px; color: #000; text-align: center; margin-bottom: 30px;}
#question .row{justify-content: center; row-gap: 10px;}
#question .accordion-item{border: 0;}
#question .accordion-button{background-color: #172c35; font-weight: bold; font-size: 16px; color: #fff; border-radius: 0;}
#question .accordion-button::after{filter: invert(1);}
#question .accordion-button:focus{box-shadow: none;}
#question .accordion-body{box-shadow: 0 0 10px #00000038;}
#question .now a{display: block; color: #fff; background-color: #d41817; padding: 15px; border-radius: 10px; font-size: 24px; text-align: center; font-weight: bold; transition: .5s; animation-duration: 2s; border: 3px solid #e84d35; animation-iteration-count: infinite; margin: 15px 0;}
#question .now a span{display: block; font-size: 15px;}
#question .now a:hover{transform: scale(.9) !important;}
#question .now h5{text-align: center; color: #000; font-size: 21px;}
#question .now h5 span{font-weight: bold; color: #e69b2f;}


.register{background-image: linear-gradient(180deg, #0b0b0b 0, #0f141c 100%); padding: 10px 0; display: none;}
.register .row{align-items: center;}
.register .count p{font-size: 15px; color: #fff; text-align: center;}
.register .count ul{display: flex; list-style: none; gap: 10px; justify-content: center; margin-top: 15px;}
.register .count ul li{text-align: center;}
.register .count ul li h5{color: #efc02b; font-size: 18px; font-weight: 600;}
.register .count ul li span{color: #fff; font-size: 14px;}

.register .text{text-align: center;}
.register .text h4{color: #fff; font-size: 18px; font-weight: bold; }
.register .text h4 span{text-decoration: line-through; font-weight: 400;}
.register .text a{background-image: linear-gradient(350deg, #ed3229 0, #fb6f31 100%); border: 1px solid #fb6f31; display: block; font-size: 15px; font-weight: 500; padding: 5px 30px; border-radius: 3px; color: #fff; margin: 10px 0;}
.register .text p{font-size: 11px; color: #fff;}


 
/*  */
.quickcontact-wa {
  width: 50px;
  position: fixed;
  top: 77%;
  right: 20px;
  z-index: 102;
}




/* modal */
.modal form.row {
  row-gap: 20px;
}
.modal .btn-theme {
  border-radius: 0px;
  background: #d41817;
  color: #fff;
}
.modal .btn-theme:hover {
  background-color: #000;
  color: white;
}
.modal .form-control {
  border-radius: 0px;
  border: none;
  box-shadow: none;
  background-color: #f1f1f1;
}
.modal .form-control:focus {
  border-color: #000;
}
.modal .submit {
  background-color: #d41817;
  color: #fff;
  font-weight: 500px;
  padding: 10px;
  border: 0;
  transition: .5;
}
.modal .submit:hover {
  background-color: #000;
}


/* thanks */
#thanks{padding: 50px 0; background: linear-gradient(90deg, #1c1330 0, #172c35 100%); }
#thanks a{display: block; color: #fff; background-color: #d41817; padding: 15px; border-radius: 10px; font-size: 24px; text-align: center; font-weight: bold; transition: .5s; animation-duration: 2s; border: 3px solid #e84d35; animation-iteration-count: infinite; margin: 15px 0;}