@-webkit-keyframes pulse {
   0% {
      -webkit-box-shadow: 0 0 0 0 rgba(48,105,62, 0.4); }
      70% {
        -webkit-box-shadow: 0 0 0 30px rgba(48,105,62, 0); }
        100% {
          -webkit-box-shadow: 0 0 0 0 rgba(48,105,62, 0); } }

          @keyframes pulse {
            0% {
              -moz-box-shadow: 0 0 0 0 rgba(48,105,62, 0.4);
              -webkit-box-shadow: 0 0 0 0 rgba(48,105,62, 0.4);
              box-shadow: 0 0 0 0 rgba(48,105,62, 0.4); }
              70% {
                -moz-box-shadow: 0 0 0 30px rgba(48,105,62, 0);
                -webkit-box-shadow: 0 0 0 30px rgba(48,105,62, 0);
                box-shadow: 0 0 0 30px rgba(48,105,62, 0); }
                100% {
                  -moz-box-shadow: 0 0 0 0 rgba(48,105,62, 0);
                  -webkit-box-shadow: 0 0 0 0 rgba(48,105,62, 0);
                  box-shadow: 0 0 0 0 rgba(48,105,62, 0); } }
                  .carousel-testimony{
                    user-select: auto !important;
                    touch-action:auto !important;
                  }
                  .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
                    -ms-touch-action: auto;
                    touch-action: auto;
                  }
                  .bts:hover{
                    /* background-color: #ffdd00;*/
                    background-image: linear-gradient(315deg, #fbb034 0%, #ffdd00 74%);font-weight: bold;
                    color:#333 !important;
                  }
                  .ftco-section{
                    padding:8px !important;
                  }
                  .form-control{
                    max-height: 40px;
                  }
                  @media screen and (max-width: 600px)
                  {
                    .navbar-nav .nav-link{
                      text-align: left !important;
                      padding-left: 20px !important;
                      border-bottom: 0.5px solid lightgrey;

                    }
                    #token{
                        height:100px!important;
                        width:120px!important;
                    }
                    .token{
                        height:100px;
                        width:100px;
                    }
                 .top-header{
                      
                      min-height: 360px !important;
                    }
                    .owl-stage-outer{
                      max-height: 235px !important;
                    }
                     .top-header .row{
                    margin-top:5%;
                  }
                  .top-header .col-lg-2,.col-lg-3{
                    margin-top:5%;
                  }
                  }
                 
                  h1{
                    padding:0;
                    margin:0;
                  }
                  .owl-dots{
                    display: none;
                  }
                    @media only screen and (max-width: 768px) {
                      #mobile-number {
                        text-align:center;
                      }
                      #mobile-quick-enroll{
                          display:block !important;
                      }
                    }
                    #token{
                        -webkit-animation: anim 20s infinite linear;
                         animation: anim 20s infinite linear;
                    }
                    @-webkit-keyframes anim {
                        from {-webkit-transform: rotateY(0deg);}
                        to {-webkit-transform: rotateY(360deg);}
                    }
                    @keyframes anim {
                        0%   { transform: rotateY(0deg);}
                        25%  { transform: rotateY(90deg);}
                        50%  { transform: rotateY(0deg);}
                        75%  { transform: rotateY(90deg);}
                        100% { transform: rotateY(0deg);}
} 
#tollfree{
    margin-top: 5px!important;
    width: 200px!important;
    padding: 2px!important;
}
.top-courses{
    display: block;
    float: right;
}
@media(max-width:600px){
    #tollfree{
        margin-top: 0px!important;
        margin-left: 5px!important;
        width: auto!important;
    }
    #mobile-number{
        margin-top: 5px!important;
    }
}
#take-admission {
    gap: 5px;
}
.enroll-btn {
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    padding: 1px 12px !important;
    background-color: #007bff;
    color: #fff !important;
    text-decoration: none;
    width: 220px; 
    transition: all 0.3s ease;
}

.enroll-btn:hover {
    background-color: #0056b3;
    transform: scale(1.03);
}

@media (max-width: 768px) {
    .enroll-btn {
        width: 90%;
    }
    #take-admission{
        margin-top: 5px;
        margin-bottom: 5px;
    }
}
 /* #ftco-navbar ul li a{
    padding: 5px !important;
  }
  #ftco-navbar ul li a:hover{
    padding: 5px !important;
  } */
    .ftco-footer span{
                color:white !important;
              }
              .ftco-footer .text{
                color:white !important;
              }
              .ftco-footer a{
                color:white !important;
              }
              @media (max-width: 768px) {
                  .footer-anchor {
                    text-align: left;
                    padding-left: 0px;
                  }
                
                  .footer-anchor .row > div {
                    text-align: left;
                    margin-bottom: 5px;
                  }
                  .block-23 ul li{
                      text-align: left!important;
                  }
                  .block-23{
                      margin-top: -20px!important;
                  }
                }
#display p {
    font-size: 19px;
    font-weight: bold;
    color:#333;
}
#tabg{
                        color:black;
                        border:1px solid #333;
                        padding:5px;
                      }
                      #tabg tr td{
                        padding: 10px;
                        text-align: center;
                      }
                      #tabg tr th{
                        padding: 10px;
                        text-align: center;
                      }
                      #tabg a{
                        color:indigo;
                      }
                      #tabg a:hover{
                        color:black;
                      }
                      .itsubs,.coresubs{
                        margin-top:3%;
                      }
                      .about-video .button{
                        position: static;
                      }
                       #display p {
                      font-size: 19px;
                      font-weight: bold;
                      color:#333;
                    }
                    #tabg{
                        color:black;
                        border:1px solid #333;
                        padding:5px;
                      }
                      #tabg tr td{
                        padding: 10px;
                        text-align: center;
                      }
                      #tabg tr th{
                        padding: 10px;
                        text-align: center;
                      }
                      #tabg a{
                        color:indigo;
                      }
                      #tabg a:hover{
                        color:black;
                      }
                      .itsubs,.coresubs{
                        margin-top:3%;
                      }
                      .about-video .button{
                        position: static;
                      }
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(48,105,62, 0.4); }
    70% {
      -webkit-box-shadow: 0 0 0 30px rgba(48,105,62, 0); }
      100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48,105,62, 0); } }

        @keyframes pulse {
          0% {
            -moz-box-shadow: 0 0 0 0 rgba(48,105,62, 0.4);
            -webkit-box-shadow: 0 0 0 0 rgba(48,105,62, 0.4);
            box-shadow: 0 0 0 0 rgba(48,105,62, 0.4); }
            70% {
              -moz-box-shadow: 0 0 0 30px rgba(48,105,62, 0);
              -webkit-box-shadow: 0 0 0 30px rgba(48,105,62, 0);
              box-shadow: 0 0 0 30px rgba(48,105,62, 0); }
              100% {
                -moz-box-shadow: 0 0 0 0 rgba(48,105,62, 0);
                -webkit-box-shadow: 0 0 0 0 rgba(48,105,62, 0);
                box-shadow: 0 0 0 0 rgba(48,105,62, 0); } }
                #top-scrolls{
                  width: 100%;
                  /*max-height: 45px;
                  min-height: 45px;*/
                  padding: 0 !important;
                  background-color:white; 
                  font-weight: bold;
                  color:darkred;
                  margin:0;
                }
                body{
                  line-height: 1.8 !important;
                }
                #top-notice{
                  color:#30693E;
                  background-image: linear-gradient(to right, #30693E 0%, #28B674 100% );  margin:0 !important; line-height:normal;padding:0.2em; color:white;

                  font-weight: bold;
                  font-size: 12px;
                }

               
                .box-outer {
                  overflow: hidden;
                  margin: 0 auto;
                  width: 100%;
                  max-height:65px;
                }
                .main_box {
                  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                  width: 100%;
                  max-height: 65px;
                  position: relative;
                  background-color:#30693E;
                  border: 2px solid #30B674;

                }


                #iu{
                  margin-top:0%;
                  width: 90%;
                }
                @media screen and (min-width: 1024px){
                  #iu{
                    margin-top:0%;
                  }
                }
                @media screen and (min-width: 1920px){
                  .navbar ul li a {
                    font-size: 20px;
                  }
                }
                .liner{
/* position: relative;
top:40%;*/
}
@media (max-width: 1349px) and (min-width: 1200px) {
     .navbar ul li a {
        font-size: 10px;
        padding: 8px 14px;
    }
}
@media screen and (max-width: 1370px){
  #playstore{
    margin-top:1% !important;
    width: 125px;
    height: 40px;
  }
}
@media screen and (min-width: 1900px){
  #playimg{
    margin-left:8%;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .df{
    margin-left:35%;
  }
  .df1{
    margin-left:35%;
  }
  #tollfree{

  }

}
@media screen and (max-width: 742px){
  /* .top-header{
      min-height: 330px !important;
  } */
  #middleheader .col-lg-3{
    margin-top:2% !important;
  }
  #playstore{
    margin-top:5% !important;
    max-width: 135px;
    height: 40px;
  }
  #liveonline{

    text-align: center !important;
  }
/*.liner{
position: static !important;
top:0;
}*/
}
.vd{
  background-image: linear-gradient(315deg, #fbb034 0%, #ffdd00 74%);padding:5px !important;
  color:#333;
  padding: 1em;
  font-size: 16px;
}
.vd:hover{
  cursor: pointer;
  color:#333 !important;
}
.tf{
  font-weight: bold; font-size: 20px;background-color: #fbb034;color:#333 !important;
  background-image: linear-gradient(315deg, #fbb034 0%, #ffdd00 74%);padding:5px !important;
  
  border-radius: 4px;
}
.tf_1{
  font-weight: bold; font-size: 20px;background-color: #fbb034;color:#333 !important;
  background-image: linear-gradient(315deg, #ffffff 0%, #ffdd00 74%);padding:5px !important;
  
  border-radius: 4px;
}
#high{
  <!--background-image: linear-gradient(315deg, #fbb034 0%, #ffdd00 74%);-->
  background-image: linear-gradient(to right, #30693E 0%, #28B674 100% );

  border-radius: 4px;
}
#high a{
  font-weight: bold !important;
}
.df{
  font-weight: bold;background-color: #fbb034;color:#333 !important;
  background-image: linear-gradient(to left, #fbb034 0%, #ffdd00 74%);padding:5px !important;
  /*margin-top:2px !important;*/
  /*position: relative;*/
  /*top:25%;*/
  font-size: 12px;
  border-radius: 4px;
  border: 2px solid green;
}
.df1{
  font-weight: bold;
  background-color: white !important;
  color: #30693E !important;
  /*margin-top:2px !important;*/
  /*position: relative;*/
  /*top:25%;*/
  font-size: 12px;
  border-radius: 20px;
  border: 4px solid white;
}
.ftco-section{
  padding: 2em !important;
}
#middleheader a{
  font-size: 12px !important;
}

#dropdown-mega-menu{
  display: none;
}
.dropdown-item {
  text-align:left;
  color:white;
  padding:0;
  margin-top:5px;
}

.dropdown-item a:hover{
  /* background-color: #30693E !important;*/
  color:white !important;
}

.mmnva .col-md-3{
  padding:0;
  margin-top:5px;
}
.carousel-control-prev-icon,.carousel-control-next-icon {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.drop-down-custom{
  min-width:300px;
  margin-left:-80px;
}
.dropdown-menu a:hover{
  background-color: #00783a !important;
}

.mmnav .dropdown-item{
  background-color:#00783a; 
  transition: 0.5s;
}
.mmnav .dropdown-item:hover{
  background-color: #00783a;
  color:white !important;
}
.nav-item{
  /*padding-right:5px;*/
}

h2,h1{
  font-size: 12px !important;
  color: white;
  font-weight: 700;
}
.heading-section {
  border: 1px solid #28B674;
  color:#30693E;
  background-image: linear-gradient(to right, #30693E 0%, #28B674 100% );
  ?padding: 0.4em !important;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  <!--margin-top: 0.4em;-->
  color:white;
}
.footlinks li{
  margin:-left:33%;
  float: left;
  list-style-type: none;
  padding:2px;
  text-align: center;

}
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align:left; color:white;;
  vertical-align: middle;
}
.modal .btn-secondary{
  background-color: #28B674 !important;
}
.modal .modal-header{
  background-color: #28B674 !important;
}
.modal .modal-header h4{
  color: #FFFF !important;
}
.modal .modal-header h3{
  color: #FFFF !important;
}
.modal .modal-header h2{
  color: #FFFF !important;
}
.modal .modal-header h5{
  color: #FFFF !important;
}


#course-enq-modal{
  margin:0 auto;
  margin-top:15px;
}

#display p {
  font-size: 19px;
  font-weight: bold;
  color:#333;
}

#tabg{
  color:black;
  border:1px solid #333;
  padding:5px;
}
#tabg tr td{
  padding: 10px;
  text-align: center;
}
#tabg tr th{
  padding: 10px;
  text-align: center;
}
#tabg a{
  color:indigo;
}
#tabg a:hover{
  color:black;
}
.dropdown-menu li{
  border-bottom: 0.8px solid white;
}
@media screen and (min-width: 1094px){
  #xt{
    min-width: 300px;
    margin-left: -50%;
  }

}

.nav-link:focus,.nav-link:hover {
  text-decoration: none;
}
.owl-item{
  /*width: 423.33px !important;*/
  opacity: 1 !important;
}
@media screen and (min-width: 742px){
  .owl-item{
    width: 288px !important;
    height: auto;

  }
}
#opentab li{
  width: 100%; min-height: 140px; max-height:140px; background-color: none !important; background-image: none !important; transition: 0.8s;
}
#opentab a:hover li{
  cursor: pointer;
  background-color: lightgrey;
}

.heading-section {
  border:1px solid #28B674;
  background-image: linear-gradient(to right, #30693E 0%, #28B674 100% );
  padding: 0.4em !important;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  margin-top:0.4em;
}
.heading-section h2 {
  font-size: 12px;
  color: white;
  font-weight: 700;
}
.heading-section h1 {
  font-size: 12x;
  color: white;
  font-weight: 700;
}
.heading-section hr{
  display: none;
  height: 1px;
  margin:1em;
  border-top:1px solid #28B674;
}
#opentab .card{
  border:1px solid #28B674;
}
#opentab .nav-link{
  border:1px solid #28B674;
  /*background-image: linear-gradient(to right, #30693E 0%, #28B674 100% );*/
  font-size: 15px;
  color:#333;
  margin:0 auto;
  text-align: center;
  padding: 0.4em !important;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  width:80%;
}

#opentab .nav-link:hover{
  cursor: pointer;
  background-color: #28B674;
  color:white;
  box-shadow: none !important;
}

.carousel-control-prev{
  opacity: 0.1;
  /*width: 8.25% !important;*/
}
.carousel-control-prev:hover{
  opacity: 1;
}
.carousel-control-next{
  /*width: 8.25% !important;*/
  opacity: 0.1;
}
.carousel-control-next:hover{
  opacity: 1;
}


.testimony-wrap{
  /*height: auto;*/
  overflow: none;
  /* z-index: 999999;*/
}
#btex.testimony-wrap{
  padding: 1em !important;
  height:45px;
  overflow: none;
  max-height: 45px;background-color: #fbb034;
  background-image: linear-gradient(315deg, #fbb034 0%, #ffdd00 74%);
}
#btex5{
  padding: 1em !important;
  height: 260px;
  width: 315px;
  /* height:300px;*/
  overflow: none;  }
  #btex1.testimony-wrap{
    padding: 0.5em !important;
    overflow: none;
    background-color: none;
  }
  #btex2.testimony-wrap{
    padding: 2em !important;
    height:320px;
    max-height: 380px;
    overflow: auto;
    background-color: #fbb034;
    background-image: linear-gradient(315deg, #fbb034 0%, #ffdd00 74%);
  }
  .bts{
    /* padding: 1em;*/
/*border:1px solid #28B674;
/*background-image: linear-gradient(to right, #30693E 0%, #28B674 100% );
font-size: 15px;
color:#333;
margin:0 auto;
text-align: center;
padding: 0.4em !important;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
width:100%;*/
text-align: center;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
background-image: linear-gradient(to right, #30693E 0%, #28B674 100% );
padding:6px;
margin:0.4em;
border:1px solid #28B674;
border-radius: 6.78px;
color:white !important;
transition: 0.8s;
/*   border: 1px solid #88d3ce;*/

}

.bts_view_details {
    /* padding: 1em;*/
/*border:1px solid #28B674;
/*background-image: linear-gradient(to right, #30693E 0%, #28B674 100% );
font-size: 15px;
color:#333;
margin:0 auto;
text-align: center;
padding: 0.4em !important;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
width:100%;*/
text-align: center;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
background-image: linear-gradient(to right, #fbb034 0%, #ffdd00 100% );
padding:6px;
margin:0.4em;
border:1px solid #28B674;
border-radius: 6.78px;
color:white !important;
transition: 0.8s;
/*   border: 1px solid #88d3ce;*/

}

.name{
  color:#333 !important;
  font-weight: bold;
}
.ftco-section{
  padding:8px !important;
}
.owl-stage-outer{
  padding: 0 !important;
}
.ftco-section-3{
  padding: 2em 0 !important;
}
#carousel-example-1z .d-block{
  width: 100%; 
  min-height: 225px;
  max-height: 480px;
}
#searchBox{
  display: none;
}
#searchText{
  max-height: 32.14px;background-color: #30693E; opacity: 0.7;
}


.col-md-12{
  padding-left: 0; padding-right: 0;
}
.item{
  height: auto !important;
  opacity: 1 !important;
}
#ofcourse{
  margin-top:8px !important;
}
#cimg{
  background-size:100%;
}
#jbrow{
  margin-bottom: 0 !important;
}
#jbrowtext{
  color:black !important;
}
#feedText{
  font-weight: 700;font-size:14px; text-decoration: underline;
}
#feedLink{
  color:#333 !important;
}
#wrap1{
  padding:0px !important;
}
#opentabbox{
  box-shadow: none !important;
}
#opentext{
  color:#333;
}
#tabx{
  width: 100%; min-height: 140px; max-height:140px; background-color: none !important; background-image: none !important;
  border:1px solid #28B674;
}
#course-img{
  width:100%;
  /*height: 300px;*/
}
@media screen and (min-width: 1024px){
  #opentab ul li{
    min-width: 24% !important;
    max-width:24% !important;
    float: left;
  }
}
.ftco-section-3 .overlay{
  background-image: linear-gradient(to right, #30693E 0%, #28B674 100% ) !important;
}
.owl-stage-outer{
  /* padding: 1em !important;*/
  box-shadow: none !important;
}
#gallery-row{
  padding: 1em !important;
}
#youtubec .item{
  width:230px !important;
  font-size: 13px;

}
#youtube-thumbs,#youtube-thumbs2,#youtube-thumbs3,#youtube-thumbs4,#youtube-thumbs5,#youtube-thumbs6 {
  background-image: linear-gradient(to right, #30693E 0%, #28B674 100% );position: absolute;top:40%;opacity: 0.5; width: 50px; height: 50px;
}
#student-row{
  padding: 8px !important;
}

.user-img{
  margin-top:1px !important;
}

.testimony-wrap span{
  color:#333 !important;
}
#mit .testimony-wrap .item{
  margin:5px;
}
#mit .testimony-wrap{
  padding:5px !important;
}

#display p {
  font-size: 19px;
  font-weight: bold;
  color:#333;
}
#courses .owl-stage-outer{
  min-height: 190px;
  max-height: 190px;
}
#courses_core .owl-stage-outer{
  min-height: 190px;
  max-height: 190px;
}
@media screen and (min-width: 1200px){
  #courses .owl-stage-outer{
    min-height: 170px;
    max-height: 170px;
  }
  #courses_core .owl-stage-outer{
    min-height: 170px;
    max-height: 170px;
  }
}

@media screen and (max-width: 742px){
  #tollfreebox{
    margin-top:2%;
  }
}
@media screen and (min-width:1200px){
  #tollfreebox{
    padding-left: 20px !important;
  }
}
.col-md-4{
	text-align: center;
}
form label {
  color:#333;
  text-align: center !important;
}
@media screen and (min-width: 1024px){
  form label {
    color:#333;
    /* text-align: right !important;*/
  }
}
.err{
  color:red;
}
@media screen and (min-width: 1024px)
{
 #enq_frm .row{
  margin-right:18%;
}
.itsubs .row{
  margin-right: 18%;
}
.coresubs .row{
  margin-right: 18%;
}
}
strong{
 font-weight: bold !important;
}
p strong{
 font-weight: bold;
}
.coupon {
  border: 3px dashed #bcbcbc;
  border-radius: 10px;

  font-weight: 300;
}

.coupon #head {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 56px;
}

.coupon #footer {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#title .visible-xs {
  font-size: 12px;
}

.coupon #title img {
  font-size: 30px;
  height: 30px;
  margin-top: 5px;
}

@media screen and (max-width: 500px) {
  .coupon #title img {
    height: 15px;
  }

}

.coupon #title span {
  float: right;
  margin-top: 5px;
  font-weight: 700;
  text-transform: uppercase;
}

.coupon-img {
  width: 100%;
  margin-bottom: 15px;
  padding: 0;
}

.items {
  margin: 15px 0;
}

.usd, .cents {
  font-size: 20px;
}

.number {
  font-size: 40px;
  font-weight: 700;
}

sup {
  top: -15px;
}

#business-info ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

#business-info ul li { 
  display: inline;
  text-align: center;
}

#business-info ul li span {
  text-decoration: none;
  padding: .2em 1em;
}

#business-info ul li span i {
  padding-right: 5px;
}

.disclosure {
  padding-top: 15px;
  font-size: 11px;
  color: #bcbcbc;
  text-align: center;
}

.coupon-code {
  color: #333333;
  font-size: 11px;
}

.exp {
  color: #f34235;
}

.print {
  font-size: 14px;
  float: right;
}
#red{
  padding:8px !important;
}
#red ul li{
  text-align: left;
  color:#333 !important;
  list-style-position: outside;
}
.panel{
  padding:8px;
}
span{
  color:#333;
}
.offer{
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2) !important;
  border-radius: 13px;
  color:white !important;
  text-align: center;
}
.offer span{
  color:#333 !important;
}
 html {
    height: -webkit-fill-available;
  }

  body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    overflow-x: hidden;
    scroll-behavior: auto !important;
  }
  
/* welcome.blade.php */
    :root {
      --cards-per-view: 5;
      --gap: 0rem;
      --card-radius: 0.5rem;
    }
    @media (max-width: 1199.98px) { :root { --cards-per-view: 4; } }
    @media (max-width: 991.98px)  { :root { --cards-per-view: 3; } }
    @media (max-width: 767.98px)  { :root { --cards-per-view: 2; } }
    @media (max-width: 575.98px)  { :root { --cards-per-view: 1; } }

    .video-slider { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap:.2rem; }
    .track-wrapper { overflow:hidden;width:100%!important; }
    .track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - (var(--gap) * (var(--cards-per-view) - 1))) / var(--cards-per-view)); gap:var(--gap); transition: transform .6s ease; }
    
    .nav-btn { width:10px; height:10px; border:0; border-radius:999px; display:grid; place-items:center; background:rgba(255,255,255,.08); backdrop-filter:blur(4px); color:#fff; transition:.2s; z-index:10; }
    .nav-btn:hover { background:rgba(255,255,255,.15); transform:scale(1.05); }

    .video-card.card { border:0; border-radius:var(--card-radius); background:transparent; box-shadow:0 10px 24px rgba(0,0,0,.25); overflow:hidden; transition:.25s; }
    .video-card:hover { transform:translateY(-6px); box-shadow:0 18px 36px rgba(0,0,0,.35); }

    .thumb-wrap { position:relative; aspect-ratio:16/9; overflow:hidden; background:#0b0f17; }
    .thumb-wrap img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
    .video-card:hover .thumb-wrap img { transform:scale(1.05); }

    .play-badge { position:absolute; inset:0; display:grid; place-items:center; pointer-events:none; }
    .play-badge span { width:64px; height:64px; border-radius:999px; background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.7)); box-shadow:0 8px 20px rgba(0,0,0,.35); display:grid; place-items:center; opacity:.9; transition:.25s; }
    .video-card:hover .play-badge span { transform:scale(1.05); opacity:1; }
    .play-badge i { color:#e53935; font-size:28px; margin-left:3px; }

    .badge-num { position:absolute; top:.5rem; left:.5rem; background:rgba(0,0,0,.55); color:#fff; font-weight:600; padding:.25rem .5rem; border-radius:.75rem; font-size:.8rem; }
  .side-play-icon {
  position: absolute;
  top: 50%;
  left: 50%; 
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: rgba(255,255,255,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  animation: side-flash 2s infinite;
}

.side-play-icon::before {
  content: '';
  margin-left: 5px;
  width: 0;
  height: 0;
  border-left: 25px solid #29a86a;  
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

@keyframes side-flash {
  0% { box-shadow: 0 0 0 0 rgba(41,168,106,0.8); }
  50% { box-shadow: 0 0 50px 35px rgba(41,168,106,0.4); } 
  100% { box-shadow: 0 0 0 0 rgba(41,168,106,0); }
}
.expanded-video {
    grid-column: 1 / -1 !important; /* full width */
    width: 100% !important;
    height: 100% !important;
}
.hide-image {
  display: none;
}
#media-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    width: 100%;
    transition: all 0.5s ease;
}

#video-container, #image-container {
  transition: all 0.5s ease;
}
#carousel-example-1z .carousel-item img {
  height: 100%!important;
  width: 100%!important;
  object-fit: cover!important;
}
.welcome-simple h1 {
    text-transform: uppercase;
    font-size: 2rem!important;
    letter-spacing: 2px;
    color: black;
    text-align: center;
    margin-top: 40px;
  }

  .welcome-simple h2 {
    font-size: 1.5rem!important;
    color: black;
    text-align: center;
  }
  .welcome-content {
    text-align: center; /* Center the inline-block child */
  }

  .typing-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1.7rem!important;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    /*border-right: 2px solid black;*/
    animation: typing 4s steps(50) infinite alternate,
               blinkCaret 0.75s step-end infinite;
  }

  @keyframes typing {
    from {
      width: 0;
    }
    to {
      width: 100%;
    }
  }

  @keyframes blinkCaret {
    50% {
      border-color: transparent;
    }
  }
  #modernCarousel {
      height: 100%;
    }

    .carousel-item {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .carousel-item img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain; /* image fits without cut */
      display: block;
      transition: transform 8s ease;
    }

    .carousel-item.active img {
      transform: scale(1.02);
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      background-color: rgba(255,255,255,0.3);
      border-radius: 50%;
    }
     @media (max-width: 768px) {
    #media-row > div {
      grid-template-columns: 100% !important; /* stack on mobile */
    }
    #media-row img,
    #media-row video {
      height: auto !important;
    }
  }
  @media(max-width:600px){
      #play-icons{
          display: none;
      }
  }
  #errors{
      background-color:white;
      color:darkred !important;
      /*padding: 1em;*/
      margin:0.5em;
      font-weight: bold;
      }

.quick-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding: 10px;
  background: #fff; /* White container */
}

.quick-links a {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: #333;
  background: #fff;
  border: 2px solid rgb(47,109,64);
  border-radius: 6px;
  backdrop-filter: blur(4px);
  background: #e8faee;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  flex: 1 1 auto;
  transition: background 0.3s ease, border-color 0.3s ease;
}
.quick-links a::before {
    content: "";
    position: absolute;
    inset: 5px;
    border: 1px solid rgba(0, 140, 255, 0.4);
    border-radius: 12px;
    pointer-events: none;
}

.quick-links a:hover {
  background: #f9f9f9;
  border-color: #888;
}

/* Ripple effect removed for a cleaner look */
/* Mobile: stack links full width */
@media (max-width: 768px) {
  .quick-links {
    flex-direction: column;
    align-items: stretch;
  }
  .quick-links a {
    flex: none;
    width: 100%;
  }
}

#btex1{
  border-radius:10px!important;
  height:280px!important;
}
#btex1 img{
  border-radius:10px!important;
}
#jbrow{
  background-color:#2b975f;
  color:#fff!important;
  border-radius:5px;
  padding:1px 10px;
}

/* Remove sparkle-text entirely */
.sparkle-text { 
  font-weight: bold; 
  font-size:1rem; 
  color:#30693E; 
  text-align:center; 
  height:auto; 
  line-height:1.4em; 
}

/* Hide on non-laptop sizes as before */
.laptop-only { display: none; }
@media (min-width:1025px) and (max-width:1440px){
  .laptop-only { display: block; }
}
.testimonial-title {
      display: inline-block; /* text ke jitna hi area lega */
      background: linear-gradient(#2f7445, #2aa165); 
      color: white; 
      padding: 5px 50px; /* thoda spacing text ke around */
      border-radius: 20px; /* thoda rounded look */
      font-size: 18px!important;
      font-weight: bold;
      margin-top:15px!important;
}
.coupon {
    border: 3px dashed #bcbcbc;
    border-radius: 10px;

    font-weight: 300;
}

.coupon #head {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 56px;
}

.coupon #footer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#title .visible-xs {
    font-size: 12px;
}

.coupon #title img {
    font-size: 30px;
    height: 30px;
    margin-top: 5px;
}

@media screen and (max-width: 500px) {
    .coupon #title img {
        height: 15px;
    }
}

.coupon #title span {
    float: right;
    margin-top: 5px;
    font-weight: 700;
    text-transform: uppercase;
}

.coupon-img {
    width: 100%;
    margin-bottom: 15px;
    padding: 0;
}

.items {
    margin: 15px 0;
}

.usd, .cents {
    font-size: 16px;
}

.number {
    font-size: 10px;
    font-weight: 1000;
}

sup {
    top: -15px;
}

#business-info ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

#business-info ul li { 
    display: inline;
    text-align: center;
}

#business-info ul li span {
    text-decoration: none;
    padding: .2em 1em;
}

#business-info ul li span i {
    padding-right: 5px;
}

.disclosure {
    padding-top: 15px;
    font-size: 11px;
    color: #bcbcbc;
    text-align: center;
}

.coupon-code {
    color: #333333;
    font-size: 11px;
}

.exp {
    color: #f34235;
}

.print {
    font-size: 14px;
    float: right;
}
#red{
  padding:8px !important;
}
#red ul li{
  text-align: left;
  color:#333 !important;
  list-style-position: outside;
}
.panel{
  padding:8px;
}
span{
  color:#333;
}
.offer{
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2) !important;
  border-radius: 13px;
  color:white !important;
  text-align: center;
}
.offer span{
  color:#333 !important;
}
.enquery-btn a button{
    background-color:#00783a;
    color:#fff;
    border:none;
    padding:0px 20px!important;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu a{
  color: #fff!important;
  border-bottom:none!important;
}
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
  display: none;
}
.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}
.dropdown-menu{
  background-color:#00783a!important;
}
.mega-menu {
  width: 100%!important;
  background-color: #00783a!important;
  max-width: 400px!important;
}
.dropdown-submenu:hover{
  background-color: #00783a!important;
  color:#fff!important;
}
@media (min-width: 768px) {
  .mega-menu {
    width: 400px!important; 
  }
}
/* about page */
 .ftco-section{
    padding:8px !important;
  }
  #about-row {
  /* margin:1em;*/
   /* padding: 1em;*/

   /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/

  }

      .item .text{
        max-height: 480px;
        min-height: 400px;
        overflow: auto;
      }
      .awards_img {
        margin:0 auto;
        width:165px; height:135px;  background-size:100%; background-repeat: no-repeat;
      }
      .about_us{
        margin:0 auto;
        width:165px; height:130px;  background-size:contain; background-repeat: no-repeat;
      }
      .testimony-wrap{
        padding: 0px !important;
      }
      #about-row{
        color:#333 !important;
      }
      h2{
        color:white;
      }
      #about-row p {
        text-align: justify;
      }
      #about-row a:hover{
        color:#333;
      }
      .card-body{
        padding:2px !important;
      }
      .card{
        margin:2px !important;
      }
      #abt ul {
        list-style-type:circle !important;
        list-style: bengali;
        text-align: left !important;
      }
      #abt ul li{
        display: list-item;
        list-style: inside;
        list-style-position:inside;
        list-style-type:circle !important;
       /* list-style: bengali;*/
        text-align: left;
      }