@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0px; margin: 0px; list-style: none; font: normal 1.6rem/2.4rem 'Source Sans Pro', sans-serif; color: var(--black); width: 100%; height: 100vh; position: relative;}
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
/* font-family: 'Source Sans Pro', sans-serif; */
h1{font-size: 6rem; line-height: 7rem; color: var(--brand); text-transform: capitalize; font-weight: 800;}
h1 span{color: var(--red);}

:root{
    --black: #3d4461;
    --border_color: #f7f7f7;
    --brand: #3e4697;
    --body_txt_color: #686a6f;
    --white: #fff;
    --green: #81a32b;
    --readious: .4rem;
    --red: #c5252f;
   }



@keyframes a-three{
    0% {
        transform: translate(0);
      }
    50% {
        transform: translateY(35px);
      }
    100% {
        transform: translate(0);
      }
}


   /*header*/
/* .header_sec{ width: 100%;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0;}
/* .drop-nav{ position: absolute; top: 10px; right: 0;} */
/* .nav_top .dropdown-menu li a{ font-size: 13px;} */
.menu_sec li{ position: relative;}
.nav_top .navbar-brand img{width: 15rem;} 
.hidden_sec{position: relative; overflow: hidden;}  
   
   
 /*banner*/  
.bannersec{ width: 100%;}
.content{display: flex; align-items: center; justify-content: start; width: 100%; height: 100%;}
.content .coll{max-width: 60%;}
/* .right_txt.coll{width: 19.666%;}  */
.banner_shape{position: absolute; right: -5.5rem; top: 8.7rem;}
.banner_shape img{max-width: 100%; animation: a-three 5s linear infinite; width: 10rem;}
/* .bg_overlay{background: url(../images/bg_shape.png) no-repeat center center/cover;  opacity: 0.5; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0;  left: 0; position: absolute;} */
.img_sec img{height: 100vh; object-fit: cover; max-width: 100%;}
/* .img_sec{position: absolute; right: 0; top: 0;} */


.right_img{position: absolute; right: 0; bottom: 0;}
.right_img img{width: 100%; max-width: 100%; height: 100vh;}
.countdown_sec{margin-top: 10rem; position: relative; max-width: 75%;}
.days_txt{font-size: 24rem; width: 100%; text-align: center; display: block;}
.days_txt_sub{position: absolute; right: -8.5rem; top: -9.6rem; font-size: 2.4rem; text-transform: uppercase; font-weight: 600; color: var(--green);}
.other_titme{position: relative; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; margin-top: 10rem;}
.other_titme::before, .other_titme::after{position: absolute; content: ''; border-bottom: .1rem solid var(--green); height: .1rem; bottom: .9rem;}
.other_titme:before {right: 0; left: 75%;}
.other_titme:after { left: 0; right: 75%;}
.deco::before, .deco::after{position: absolute; content: ''; border: .1rem solid var(--green); width: 2rem; height: 15rem; bottom: 1rem;}
.deco::before{left: 0; right: auto; border-right: none; border-bottom: none;}
.deco::after{right: 0; left: auto; border-left: none; border-bottom: none;}
.other_titme span{display: inline-block; margin-right: 1rem;}
.other_titme .countdown_box:last-child span{margin-right: 0;}
.countdown_box strong {color: var(--brand);}
.other_titme .countdown_box strong, .other_titme .countdown_box span{color: var(--black);}
.other_titme .countdown_box strong{font-size: 2rem;}
















@media (min-width: 992px) and (max-width: 9000px) 
{
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .2rem solid #ccc; 
    background:#fff !important; width: 10.50rem; padding: 0; border-radius: 0; left: 0; right: inherit; padding: .5rem .8rem .8rem; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 30rem;opacity: 1; visibility: visible; }

}

/* responsive */
@media only screen and (max-width: 1200px){

}

@media only screen and (max-width: 1199px){
    .days_txt{font-size: 18rem;}   
    .other_titme::before {left: 85%;}
    .other_titme::after { right: 85%;}
    .banner_shape {right: 0.5rem; top: 0.7rem;}
   
}

@media only screen and (max-width: 991px){
    .container{max-width: 100%; padding: 0 1.5rem;}
    
    /* .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}
    .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--black); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
     */

    /* .days_txt{font-size: 20rem;} */
    .right_img img {height: 80vh;}
    /* .countdown_sec {max-width: 100%;}
    .content .coll {max-width: 67%;}
    .days_txt_sub{right: 4.2rem; top: -9rem;} */
    h1 {font-size: 5rem; line-height: 6rem;}
    .days_txt {font-size: 17rem;}
    
    .days_txt_sub { right: -5.5rem; top: -6.6rem;}
    .banner_shape { right: -4.5rem; top: 1.7rem;}
    .other_titme {margin-top: 8rem;}
    .content {align-items: flex-start;}
    .nav_top{padding-top: 2rem;}
    .other_titme::before {left: 90%;}
    .other_titme::after { right: 90%;}

    
    
}

@media only screen and (max-width: 767px){
    
    
    
    .countdown_sec {margin-top: 6rem;}
    /* .content .coll {max-width: 85%;} */
    h1 { font-size: 3.8rem; line-height: 5rem;}
    
    
    
    
    .banner_shape { right: 0; top: 0;}
    .banner_shape img {width: 7rem;}
    
    
    
}

@media only screen and (max-width: 640px){
    .other_titme{justify-content: flex-start; margin-top: 5rem;}
    .other_titme::before, .other_titme::after, .deco::before, .deco::after{display: none;}
    .other_titme{flex-direction: column; align-items: flex-start;}
    .other_titme .countdown_box{border: .1rem dashed var(--green); width: 25rem; margin-top: 1rem; padding: 1rem 0;}
    .days_txt{font-size: 10rem;}
    .days_txt_sub {right: 0;  top: 0;}
    .countdown_sec { max-width: 75%;}
    .days_txt {text-align: left;}

}


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

    .right_img img {height: 65vh;} 
    .content .coll {max-width: 100%;}  
    
    
    .other_titme span {margin-right: 0;}
    /* .days_txt_sub{position: inherit; right: inherit; top: inherit; bottom: inherit;} */
    .other_titme {margin-top: 4rem;}
    
    .banner_shape img { width: 8rem;}
    .countdown_sec {max-width: 60%;}
    
    

    
}

@media only screen and (max-width: 480px){
  
    .right_img {right: -9.9rem;}
    .other_titme .countdown_box{width: 13rem;}
    h1 {font-size: 3rem; line-height: 4rem;}
    .days_txt_sub { right: -5rem; top: -3rem; bottom: inherit;}

}