@font-face 
{
	font-family: 'Inter_18pt-Medium';
	src: url('../fonts/static/Inter_18pt-Medium.ttf'),
	url('../fonts/static/Inter_18pt-Medium.ttf');
	font-weight: normal;
	font-style: normal;
}


h1, .h1{font-size: 50px;}
.mt-15{margin-top: 15px;}
.translateY-20 {transform: translateY(20px);}
.hero-slider.slick-slider{margin-bottom: 0px;}
.navigation .navbar-brand{width: 180px; text-align: left;}
.navigation .navbar .nav-item .nav-link{padding: 10px 20px;}
.navigation .navbar .nav-item .nav-link.active{  
      /* background: #692873; */
      background-image: linear-gradient(#c23363, #682e79) !important;
   color: #fff !important;}
.dropdown-item.active, .dropdown-item:active{
   color: #14dace !important;
   background: none;
   }
.navigation .navbar .active.dropdown-item::before{box-shadow: 0 0 0 2px #14dace;}
.page-title{padding: 86px 0 40px;}

.header-right{
   width: 100%;
   display: table;
   }
.download-applink img{
   top: -2px;
   height: 20px;
   margin-right: 4px;
   position: relative;
   }
.ul-left, .ul-right{
   margin: 0px;
   padding: 0px;
   }
.ul-left{float: left;}
.ul-right{float: right;}
.top-header .ul-left li{margin: 14px 0;}
.top-header .ul-right li{margin: 10px 4px;}

.top-header .ul-right li a{
   width: 30px;
   height: 30px;
   padding: 0 0px;
   display: flex;
   align-items: center;
   justify-content: center;
   }
.top-header .ul-right li a i{font-size: 12px;}


.top-header .welcome{
   color: #ffffff;
   font-size: 11px;
   font-weight: 400;
   margin-top: 18px;
   position: relative;
   padding: 1px 0px 0px 53px;
   text-transform: uppercase;
   }
.sd-news-span {
   top: 0px;
   left: 0px;
   position: absolute;
   color: #fff;
   font-size: 10px;
   padding: 1px 6px;
   line-height: 16px;   
   border-radius: 2px;
   background-color: #045cb3;
   }
@keyframes blinking {
   0%{
      background-color: #f7e245;
      }
   100%{
      background-color: #e81c5b;
      }
   }

.sd-news-span {
   animation: blinking 1s infinite;
   }

/**/
.slider-section .slick-track{height: 513px !important;}
.slider-section .btn{padding: 12px 35px;}
.slider-section .slick-arrow i{line-height: 2.9;}

/**/
.navigation .navbar .dropdown-menu{padding: 30px 30px;}
.navigation .navbar .dropdown-item:not(:last-child){margin-bottom: 10px;}


.text-primary,
.signup-form a,
.navigation .navbar .nav-item.active .nav-link, 
.top-header ul li a span, 
.round-icon,
.testimonial-slider .prevArrow, 
.testimonial-slider .nextArrow,
a.text-dark:hover, a.text-white:hover,
.footer-links li a:hover,
.navigation .navbar .nav-item .nav-link:hover,
.navigation .navbar .dropdown-item:hover,
.round-icon{
   color: #522d8c !important;
   }
.navbar-collapse .navbar-nav .nav-item .nav-link:hover{
/* background: #692873; */
background-image: linear-gradient(#c23363, #682e79) ;
 color: #fff !important;
}
.navbar-collapse .navbar-nav .nav-item:hover{

background: #692873; color: #fff !important;
.nav-link{
   color: #fff;
}

}
.work-slider .slick-dots li.slick-active button, 
.social-icon-outline:hover,
.back-to-top:hover,
.form-control:focus{
   border-color:#0d7dbe !important;
   }

.hero-slider .prevArrow:hover, .hero-slider .nextArrow:hover,
.about-slider .prevArrow:hover, .about-slider .nextArrow:hover{
   background: rgb(20 219 206 / 40%);
   }

.section-title-border-half::before,
.section-title-border::after,
.section-title-border-gray::after{
   border-color: #522d8c !important;
   }
.square-icon, 
.card:hover .card-body-2, 
.card:hover .card-body-2::before, 
.navigation .navbar .active.dropdown-item::before, 
.btn-primary:active, 
.section-title-border-half::after,
.section-title-border::before, 
.overlay-primary::before{
   background: #F3F3F3 !important;
   }


.btn-primary, .btn-subscribe, .btn-secondary:hover{background: #522d8c !important;}
.navigation .navbar .nav-item{padding: 0px 0;}
.hero-slider .slick-dots{display: none !important;}

/**/
.about-us-sec{padding: 70px 0px;}

/**/
.vision-mission-sec{padding: 80px 0px 55px 0px;}
.vision-mission-sec .vm-box{
   padding: 0px 30px 30px 30px;
   text-align: center !important;
   -webkit-box-shadow: 5px 7px 23px 0px rgb(58 52 82 / 16%);
   -moz-box-shadow: 5px 7px 23px 0px rgba(58, 52, 82, 0.16);
   box-shadow: 5px 7px 23px 0px rgb(58 52 82 / 16%);
   }
.vision-mission-sec .vm-box .icon-box{
   width: 84px;
   height: 84px;
   color: #fff;
   font-size: 32px;
   background: #522d8c;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   margin: 0 auto;
   top: -43px;
   position: relative;
   margin-bottom: -15px;
   }
.vision-mission-sec .vm-box .text-details{
   height: 150px;
   text-overflow: ellipsis;
   display: -webkit-box;
   overflow: hidden;
   /*-webkit-line-clamp: 4;*/
   -webkit-box-orient: vertical;
   text-align: justify;
   }
.vision-mission-sec .read-more-but{
   width: auto;
   margin: 0 auto;
   padding: 10px 44px;
   transform: translateY(48px);
   }


/**/
.service-section{padding: 50px 0;}
.service-section .card{border: 1px solid rgb(0 0 0 / 7%); }
.service-section .service-box .card-body{padding: 0px 10px !important;}
.service-section .service-box .card-text{
   height: 100px;
   font-size: 13px;
   text-overflow: ellipsis;
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   text-align: justify;
   }
.service-section .service-box .card-text p{
   font-size: 13px;
   }
.service-section .service-box .btn{padding: 10px 44px;}

/**/
.what-we-do-sec{padding: 80px 0px;}
.what-we-do-sec ul{
   columns: 2;
   -webkit-columns: 2;
   -moz-columns: 2;
   }
.what-we-do-sec ul li{
   margin-bottom: 10px;
   }
.what-we-do-sec ul li i{
   color: #253c83 /*#14dace*/ !important;
   margin-right: 0.5rem!important;
   }

/**/
.slick-slide img{max-width: 100%;}
.btn-subscribe i{line-height: 1.8;}

.about-slider .prevArrow, .about-slider .nextArrow{background: rgb(255 255 255 / 56%);}

/**/
.journey-section{
   padding: 70px 0px;
   margin-bottom: 35px;
   }
.journey-box {
   position: relative;
   }
.journey-box .journey-imgBox {
   width: 153px;
   height: 153px;
   /* padding: 10px; */
   margin: 0 auto;
   background: #fff;
   position: relative;
   border-radius: 100%;
   border: 6px solid #f5f5f5;
   z-index: 2;
   }
.journey-box .journey-imgBox .imgBox-inside {
   width: 100%;
   height: 100%;
   display: flex;
   padding: 16px;
   overflow: hidden;
   background: #fff;
   border-radius: 100%;
   align-items: center;
   justify-content: center;
   border: 6px solid #0bd8d8;
   }
.journey-box .journey-imgBox .imgBox-inside img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 100%;
   }
.journey-box .journey-head {
   top: -80px;
   width: 100%;   
   position: relative;
   text-align: center;
   border-top: 0px;
   background: #fff;
   margin-bottom: -80px;
   border: 1px solid #ddd;   
   padding: 110px 0px 0px 0px;
   border-radius: 0px 0px 12px 12px;
   z-index: 1;
   }
.journey-box .journey-head h5 {
   font-size: 16px;
   margin-bottom: 15px;
   }
.journey-box .journey-but{
   width: 100%;
   color: #fff;
   font-size: 14px;
   font-weight: 400;
   text-align: center;
   padding: 10px 10px;
   background: #0bd8d8;
   border: none;
   border-radius: 0px 0px 12px 12px;
   }

.journey-box.color-one .journey-imgBox .imgBox-inside{border-color: #0bd8d8;}
.journey-box.color-two .journey-imgBox .imgBox-inside{border-color: #4da4c5;}
.journey-box.color-three .journey-imgBox .imgBox-inside{border-color: #f58853;}
.journey-box.color-four .journey-imgBox .imgBox-inside{border-color: #6aeab5;}
.journey-box.color-five .journey-imgBox .imgBox-inside{border-color: #877390;}
.journey-box.color-six .journey-imgBox .imgBox-inside{border-color: #d06ba7;}

.journey-box.color-one .journey-head{border-color: #0bd8d8;}
.journey-box.color-two .journey-head{border-color: #4da4c5;}
.journey-box.color-three .journey-head{border-color: #f58853;}
.journey-box.color-four .journey-head{border-color: #6aeab5;}
.journey-box.color-five .journey-head{border-color: #877390;}
.journey-box.color-six .journey-head{border-color: #d06ba7;}

.journey-box.color-one .journey-but{background: #0bd8d8;}
.journey-box.color-two .journey-but{background: #4da4c5;}
.journey-box.color-three .journey-but{background: #f58853;}
.journey-box.color-four .journey-but{background: #6aeab5;}
.journey-box.color-five .journey-but{background: #877390;}
.journey-box.color-six .journey-but{background: #d06ba7;}

.journey-box .stepFooter {
   background: #0bd8d8;
   position: absolute;
   left: 0;
   right: 0;
   text-align: center;
   padding: 4px 15px;
   border-radius: 0px 0px 12px 12px;
   bottom: 0;
   }
.journey-box .stepFooter span {
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   }

/**/
.login-text{
   line-height: 1;
   margin-top: 10px;
   margin-bottom: 10px;
   }
.back-home{
   width: 100%;
   right: 0;
   bottom: 40px;
   position: absolute !important;
   margin: 0px !important;
   z-index: 999;
   }
.back-home a{color: #fff;}


/**/
.contact-us-sec li p{color: #212529; margin-bottom: 2px;}

/**/
.pricing-section{padding: 70px 0;}
.pricing-section .note-text{
   color: #14dace;
   font-weight: 600;
   font-style: italic;
   }
.pricing-section .pricing-box{
   border-radius: 5px !important;
   border: 1px solid #dee2e6 !important;
   }
.pricing-section .pricing-box .pricing-header h3{
   font-size: 20px;
   }
.pricing-box .pricing-header i{
   width: 45px;
   height: 45px;
   font-size: 24px;
   line-height: 46px;
   transform: translateY(-1px);
   }

.pricing-box .pricing-body {padding: 50px 18px 0px 18px !important;}
.pricing-box .pricing-body h2{
   font-weight: 700!important;
   }
.pricing-box .pricing-body h2:before{
   content: "\e1bc";
   font-size: 30px;
   font-weight: 700;
   font-family: "Font Awesome 6 Pro";
   margin-right: 2px;

   top: -1px;
   position: relative;   
   }
.pricing-box .pricing-body li{
   color: #666;
   font-size: 14px;
   font-family: "Open Sans", sans-serif;
   padding: 10px 0;
   border-bottom: 1px solid #dee2e6!important;
   }
.pricing-box .pricing-body .buy-now{
   display: table;
   margin: 0 auto;
   padding: 10px 44px;
   transform: translateY(19px);
   }


/**/
.question-section .card-header .h5{font-size: 14px;}
.question-section .card-body{
   color: #666;
   font-size: 14px;
   font-weight: 400;   
   font-family: "Open Sans", sans-serif;
   line-height: 25px;
   }
.question-section .card-header .h5 i{    
   top: 1px;
   position: relative;
   }
.question-section .card-body p:last-child{margin-bottom: 0px;}

/**/
.abouus-section{padding: 70px 0px;}
.real-facts-section{padding: 70px 0px;}

/**/
.whychoose-vm-sec{}
.whychoose-vm-sec .vm-box .text-details{height: 220px;}

/**/
/**/
.recharge-model{
   background: rgba(0, 0, 0, 0.38);
   padding-right: 0px;
   }
.recharge-model .modal-dialog{
   max-width: 300px;
   margin: 90px auto;
   }
.recharge-model .modal-content{
   border: none;
   overflow: hidden;
   text-align: center;
   border-radius: 5px;
   padding-top: 18px;
   background-color: #fff/*#f44336*/;
   box-shadow: none !important;
   }
.recharge-model .error-icon{
   width: 40px;
   }
.recharge-model .heading-text{
   font-size: 15px;
   font-weight: 600;
   margin: 0px;
   margin-top: 8px;
   }
.recharge-model .modal-body{
   padding: 15px 10px;
   }
.recharge-model .model-button{
   width: 100%;
   display: table;
   border: none;
   color: #fff;
   font-size: 15px;
   padding: 11px 12px;
   border-radius: 0px !important;
   }
.recharge-model .model-button:hover{
   border: none;
   outline: none;
   animation-name: abc;
   }
.recharge-model .error-button{background: #f44336;}
.recharge-model .error-button:hover{background: #f24a4a;}

.recharge-model .success-button{background: #35bd26;}
.recharge-model .success-button:hover{background: #35bd26;}

.confirm-model .error-button, .confirm-model .success-button{
   width: 50%;
   margin: 0px;
   float: left;
/* display: table;
   border-radius: 0px !important;*/
   }
.confirm-model .success-button{}


/**/
.contact-us-sec .form-control{height: 40px; padding: 0 15px 0px;}
.contact-us-sec textarea.form-control{height: 100px; padding: 10px 15px 0px;}
.contact-us-sec .form-control::placeholder{font-weight: 400;}


/*Website Colour Design*/
.top-header {
    /* background: #692873; */
    background-image: linear-gradient(#c23363, #682e79) !important;
}
.top-header ul li a span{color: #f5f5f5 !important;}
a.text-white:hover, .footer-links li a:hover{color: #f5f5f5 !important; text-decoration: underline;}


@media(max-width: 768px){
   .vision-mission-sec .vm-box{margin-bottom: 60px;}
   .slider-section .slick-track{height: auto !important;}
   .slick-initialized .slick-slide{height: auto !important; padding: 140px 0;}
   .hero-slider-item{background-size: contain; }
   
   .about-us-sec {padding: 24px 0px;}
   .section-title{font-size: 25px;}
   .navigation .navbar .nav-item{padding: 0px 0px;}

   .ul-left{padding-top: 10px;}
   .top-header .ul-left li{margin: 5px 0px;}

}
@media(max-width: 400px){
   .slick-initialized .slick-slide{padding: 78px 0px;}
}




/* binoy */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lora:ital,wght@0,400..700;1,400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
.ourvalue{
   img{
      width: 100%;
   }
   h2{
      background: -webkit-linear-gradient(#c23363, #682e79);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
     font-family: "Fira Sans", sans-serif;
     margin: 20px 0;
     font-weight: 600;
     font-weight: 700;
     font-size: 2.5rem;
   }
   ul {
      padding: 0;
      li{border-bottom: 1px solid #E1DFF1;
         padding: 25px 10px 10px 0px;
         h3 {
            font-family: "Fira Sans", sans-serif;
            font-size: 22px;
            color: #323232; 
            /* color: rgb(139 139 139); */
            font-weight: 600;
            }
            p {
               font-family: "Fira Sans", sans-serif;
               font-size: 14px;
               color: #222222;
               text-align: justify;
               letter-spacing: 0.2px;
            }
      }
      li:last-child{
         border-bottom: 0px solid #E1DFF1;
      }
  }
  p{
   font-weight: 400;
   line-height: 25px;
   font-family: "Fira Sans", sans-serif;
   font-size: 14px;
   color: #222222;
   text-align: justify;
   letter-spacing: 0.2px;
  }
}

.service_section{   
     /* background: #692873; */
     background-image: linear-gradient(#c23363, #682e79) !important;

   h2{font-size: 2.5rem;
      color: #ffffff;
      font-family: "Fira Sans", sans-serif;
      margin: 20px 0;
      text-align: center;
      font-weight: 700;
      span{    display: block;
         font-weight: 100;
         font-size: 30px;}
   }
   ul.services{
      display: flex;margin: 30px 0;
      flex-wrap: wrap;
      padding: 0;
      align-items: center;
      justify-content: center;
      li{            flex: 0 0 16%;
         max-width: 16%;            margin: 2px;
         text-align: center;
         a{
            background: #fff;
               display: flex;font-family: "Fira Sans", sans-serif;
               align-items: center;
               justify-content: center;
               flex-direction: column;
               /* flex-wrap: wrap; */
               min-height: 135px;
               /* box-shadow: inset rgba(60, 70, 85, 0.3) -20px 0px 30px 0px, rgba(0, 0, 0, .3) 0px 2px 34px 1px; */
               box-shadow: 0 .2rem 1.2rem rgba(0, 0, 0, .095) !important;
               -webkit-transition: all .1s ease-in-out;
               transition: all .1s ease-in-out;
            .iconwrap{
               min-height: 50px;
            }
            span{
               font-size: 14px;
               color: #434343;
               padding: 10px 20px;
               line-height: 17px;
               font-family: "Fira Sans", sans-serif;
               display: block;
               width: 100%;
            }
         }
         a:hover{
            position: relative;
            z-index: 1;
            -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 0 40px 0 rgba(0, 0, 0, .2);
            border: 0;
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            border: 1px solid #AD5BB9;
         }
      }
   }
}
section.section.whychoose {
   /* background: #692873; */
   background-image: linear-gradient(#c23363, #682e79) !important;
   h2 {
      font-size: 2.5rem;
      color: #ffffff;
      font-family: "Fira Sans", sans-serif;
      margin: 20px 0 30px;
      text-align: center;
      font-weight: 700;
  }
   .col-lg-3 {
      margin: 0;
      padding: 0;
      .block {
         border: 1px solid #ccc;
         padding: 0px 0;
         margin: 0;
         text-align: center;
         background: #fff;
         height:480px;            border-radius: 10px;
         .iconwrap {
            height: 260px;
                overflow: hidden;
                border-radius: 10px;
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                margin: 0 auto;
            }
            }
         h4 {
            font-size: 14px;
            color: #323232;
            line-height: 20px;
            padding-top: 16px !important;
            margin: 0 0 5px 0;
            font-family: "Fira Sans", sans-serif;
            font-weight: 600;
            padding: 0;
            text-align: left;
            padding: 0px 20px;
      }
         p {
            line-height: 24px !important;
            padding: 0px !important;
            font-family: "Fira Sans", sans-serif !important;
            font-size: 14px !important;
            color: #222222;
            text-align: center;
            margin: 0;
            letter-spacing: 0.2px;
            padding: 0 20px !important;
            text-align: left !important;
            span{
               line-height: 24px!important;
           
            font-family: "Fira Sans", sans-serif!important;
            font-size: 14px!important;
            color: #222222;
            text-align: left;
            }
         }
   }
}
}

.download_app{
   img {
      /*width: auto !important;*/
  }
  p{
   text-align: left!important;
  }
}
.cta{    padding: 30px 0;
   
   h3{
      color: #000 !important;
      font-family: "Fira Sans", sans-serif;
      font-size: 2.5rem;
      font-weight: 700;
   }
   a.btn.btn-light {
      background-image: linear-gradient(#c23363, #682e79) ;
      border-radius: 5px;
      color: #fff;
  }
  a.btn.btn-light:hover {        background: #fff;        border: 2px solid #7C2C89;
   border-radius: 5px;
   color: #7C2C89;}
}
.cta.overlay-primary::before {
   position: absolute;
   content: "";
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   background: #dcdcdc !important;
   opacity: 1;
}

footer.bg-secondary {position: relative;
   background-image: linear-gradient(#c23363, #682e79) !important;
   /* background: #5F1F69 url(https://lutharspay.com/v1/images/pagebanner/bg4.png) no-repeat!important; */
   background-size: cover;
   padding: 70px 0 0px;
   h3 {
      font-size: 1.20rem;
     padding-bottom: 10px;
     margin: 0 0 1rem;
     position: relative;
     color: #fff;
     line-height: 1.2;
     font-family: "Fira Sans", sans-serif;
     font-weight: 500;
  }
  h3:before {
   content: "";
   position: absolute;    width: 15px;
   bottom: 0;
   left: 0;
   height: 4px;
   border-radius: 20px;
   background-color: #fff;
  }
  h3:after {    content: "";
   position: absolute;
   bottom: 0;width: 45px;
   left: 20px;
   height: 4px;
   border-radius: 20px;
   background-color: #fff;}
  h4 {
   color: #FFFFFF;
   font-size: 18px;
   font-family: "Fira Sans", sans-serif;
   font-weight: 700;
   margin: 0;
   }
  ul {
   padding: 10px 0;
      li{padding: 0px 0;
         a{
            position: relative;
            color: #fff;
            padding: 5px 0;
            display: block;
            transition: all .5s;
            font-size: 0.8rem;
            font-family: "Fira Sans", sans-serif;
            opacity: 1;
         }
         a:hover{
            padding: 5px 0 5px 10px;
         }
         
      }
   }
   p{
      position: relative;
            color: #fff;
            padding: 5px 0;
            display: block;
            transition: all .5s;
            font-size: 0.8rem;
            font-family: "Fira Sans", sans-serif;
            opacity: 1;
   }
   .list-inline{        margin-top: -10px;
      margin-bottom: 15px;
      li{
         a{padding: 0;}
         a:hover{    background: #fff;padding: 0;
            i{
               color: #5f1f69;
            }
         }
      }
   }
   .copyright{        border-top: 1px solid #834c8c;
      ul{
         text-align: right;
         li{    display: inline-block;

            a{
               font-size: 13px;
            color: #fff;
            font-family: "Fira Sans", sans-serif;
            display: block;
            font-weight: 100;
            padding: 4px 10px;
            opacity: 0.8;
            }
            a:hover{
               color: #ffc107;
            }
         }
      }
      p{        margin: 10px 0;}
   }
}
footer.bg-secondary::before {
   content: "";
   background: url(https://lutharspay.com/v1/images/pagebanner/bg4.png) no-repeat !important;
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
}
a.login_btn.ul-right {
background: #fff;
padding: 5px 30px;border: 1px solid #692873;
border-radius: 4px;
color: #000;
margin-top: 8px;
}
a.login_btn.ul-right:hover {    background: #692873;color: #fff;border: 1px solid #fff;}
.section {
padding: 60px 0;
}

.navigation .navbar .dropdown-menu {
background: #692873;
min-width: 250px;
margin: 7px 20px;
padding: 0;
display: block !important;
position: absolute;
list-style: none;
z-index: 98;
white-space: nowrap;
li {
   width: 100%;
   float: left;
   clear: both;
   position: relative;
   text-align: left;
   a {
      color: #fff;
      padding: 13px 20px;
      font-size: 0.9rem;
      border-bottom: 1px solid #794581;
      position: relative;
      background: #692873;
      display: block;
  }
}
}



header.login_header{
	background-color: #fdfdfd;
    box-shadow: 0px 0px 14px -5px #b7b7b7;
	}
	
header .login_header .home-btn{
	background-color: #fff;
    border: 1px solid #ddd;
    padding: 8px 20px;
    border-radius: 5px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s;
	}
header .login_header .home-btn i{padding: 0px 6px 0px 0px;}	

.login-section .login-logo {width:160px;}

.btn-home {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 8px 20px;
	border-radius: 5px;
	color: #333;
	text-decoration: none;
	transition: all 0.3s;
	}

.btn-home:hover {
	background-color: #f8f9fa;
	color: #00a8e8;
	}

.btn-home i {margin-right: 5px;}

/* Main Container */
.main-container {
	min-height:calc(100vh - 150px);
	display: flex;
	align-items: center;
	padding:110px 0px 0px 0px;
	/*min-height: calc(10vh - 50px);
    display: flex;
    align-items: center;
    padding: 61px 0px 0px 0px;*/
	}

/* Left Section - Illustration */
.illustration-section {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	}

.illustration-wrapper {
	max-width: 550px;
	width: 100%;
	position: relative;
	}

.paper-plane {
	position: absolute;
	top: -20px;
	left: 50px;
	width: 60px;
	height: 60px;
	animation: fly 3s ease-in-out infinite;
	}

.paper-plane svg {fill:#00a8e8;}

.dotted-line {
	position: absolute;
	top: 20px;
	left: 100px;
	width: 300px;
	height: 2px;
	background: repeating-linear-gradient(
		to right,
		#ccc 0,
		#ccc 5px,
		transparent 5px,
		transparent 10px);
	}

.phone-screen {
	border-radius: 20px;
	position: relative;
    left: -16%;
	}

.password-fields {margin-top: 15px;}

.password-field {
	background: #f0f0f0;
	height: 15px;
	border-radius: 10px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	padding: 0 10px;
	gap: 3px;
	}

.password-field span {
	width: 6px;
	height: 6px;
	background: #333;
	border-radius: 50%;
	}

.people-illustration {position: absolute;width: 100%;}
.person-left {position: absolute;left: -30px;bottom: 50px}
.person-right {
	position: absolute;
	right: -30px;
	bottom: 30px;
	}

.plant {
	position: absolute;
	bottom: 20px;
	right: -60px;
	width: 50px;
	height: 60px;
	}

/* Form Section */
.form-section {
	background: #fff;
	padding:40px 0px 40px 40px;
	border-left: 1px solid #a3a3a3;
	}

.title {
	font-size: 28px;
	font-weight: 600;
	color: #333;
	margin-bottom: 5px;
	display: inline-block;
	padding-bottom: 5px;
	font-family: "Poppins", sans-serif;
	}
	.title:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 45px;
	left: 20px;
	height: 4px;
	border-radius: 20px;
	background: #0488c6 !important;
	}
.title:before {
	content: "";
	position: absolute;
	width: 15px;
	bottom: 0;
	left: 0;
	height: 4px;
	border-radius: 20px;
	background: #0488c6 !important;
	animation: none !important;
	}	

.form-group {margin-bottom: 20px;}

.form-group label {
	display: block;
	margin-bottom: 8px;
	color: #333;
	font-weight: 500;
	font-size: 14px;
	}
.form-group .hide-password i{
	float: right;
    margin-top: -34px;
    margin-right: 13px;
	}
.forgot-section	{display: flex; justify-content: space-between;}
.forgot-section a{color: #868686; font-family:"Fira Sans", sans-serif;}

.form-control {
	border-radius: 5px;
	padding: 0 14px 1px;
	height: 38px;
	margin-bottom: 8px;
	border: 1px solid #0096dc;
	font-weight: 500;
	font-size: 14px;
	box-shadow: none;
	color: #033a5a;
	font-family: "Fira Sans", sans-serif;
	}

.form-control:focus {
	outline: none;
	border-color: #0091cc;
	box-shadow: 0 0 0 3px rgba(0,168,232,0.1);
	}

.form-control::placeholder {color: #999;}

.captcha-row {
	display: flex;
	gap: 10px;
	align-items: center;
	}

.captcha-display {
	background: #00a8e8;
	color: #fff;
	padding: 12px 20px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 3px;
	user-select: none;
	min-width: 100px;
	text-align: center;
	}
/*.captcha_section {display: flex;align-items: center;}*/
.captcha_section{
	display: flex;
    align-items: flex-end;
	}

.checkbox-group {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 20px 0;
	}

.checkbox-group input[type="checkbox"] {
	width: 18px;
	height: 18px;
	cursor: pointer;
	accent-color: #00a8e8;
	}

.checkbox-group label {
	margin: 0;
	cursor: pointer;
	font-size: 14px;
	color: #666;
	}

.checkbox-group a {color: #00a8e8;text-decoration: none;}

.checkbox-group a:hover {text-decoration: underline;}
.form-check label a {
    color: #0d7dbe !important;
}

.loginbtn a{
	background-color:#00a4e2;
	color: #ffffff;
	padding: 9px 104px;
	position: relative;
	border-radius: 5px;
	display: block;
    width: 100% !important;
	}
.loginbtn a:hover{background-color:#0489ca;}	
.loginbtn a span {
	font-weight: 450;
	font-size: 18px;
	font-family: Inter_18pt-Medium;
	display: flex;
	align-items: center;
	justify-content: center;
	}	

.login-link {
	text-align: center;
	margin-top: 20px;
	font-size: 14px;
	color: #666;
	}

.login-link a {
	color: #00a8e8;
	text-decoration: none;
	font-weight: 600;
	}

.login-link a:hover {text-decoration: underline;}
.social-icons h6 a {
    color: #0d7dbe !important;
}

/* Footer */
.footer {
    background-color: #f9f9f9;
    height:83px;
    margin-top: -33px;
    /*margin-top: -12px;*/
    }
.footer p{
	margin-top: 100px;
    text-align: center;
    display: flex;
    padding:30px 0px 0px 0px;
    flex-direction: column;
    color: #000;
	font-size: 16px;
	}


/* Responsive Design */
@media (max-width: 1440px)
{
.main-container {padding:0px;}
.login_header{height: 54px;}
.login-section .login-logo {width: 115px; margin-top: 7px;}
header .login_header .home-btn {padding: 7px 17px;margin: 10px 0px 0px 0px;font-size: 10px;}
.login-section .title {font-size: 22px;line-height: 5px;}
.form-section {background:transparent; padding:20px 0px 0px 40px;}
.form-group label {font-size: 13px;margin-bottom:0px;}

.form-control{height: 34px;font-size: 13px;}
.footer{margin-top: -105px;height: 46px;}
.footer p {padding: 9px 0px 0px 0px;font-size: 10px;}

.phone-screen {left:-7%;}
.phone-screen img{height: 500px;}
.captcha-input {width: 104px;}
}

@media (max-width: 1024px)
{
.phone-screen {left: 0%;}
}

@media (max-width: 991px) {
.illustration-section {
	margin-bottom: 30px;
}

.gear-icon, .plant, .person-left, .person-right {
	display: none;
}

.phone-illustration {max-width: 300px;}
.phone-screen img{
    display: block;
    width: 350px;
    height: 600px;
    }
.phone-screen {left: 0%;}

}


@media (max-width: 767px) {
.main-container {
	padding: 20px 0;
}

.form-section {
	padding: 30px 20px;
	border: none;
}

.form-title {
	font-size: 24px;
}

.logo {
	font-size: 28px;
}

.illustration-wrapper {
	max-width: 400px;
}

.captcha-row {
	flex-direction: column;
	align-items: stretch;
}

.captcha-display {
	width: 100%;
}
.phone-screen img{display:none;}
}

@media (max-width: 575px) {
.header {
	padding: 12px 0;
}

.logo {
	font-size: 24px;
}

.btn-home {
	padding: 6px 15px;
	font-size: 14px;
}

.form-section {
	padding: 25px 15px;
	border: none;
}

.form-title {
	font-size: 20px;
}

.form-control {
	padding: 10px 12px;
	font-size: 13px;
}

.btn-register {
	padding: 12px;
	font-size: 15px;
}

.phone-illustration {
	max-width: 280px;
	padding: 30px 20px;
}

header .login_header .home-btn {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 6px 16px 6px 9px;
	border-radius: 5px;
	color: #333;
	text-decoration: none;
	transition: all 0.3s;
	font-size: 12px;
	}

.login-section {
.login-logo {width: 106px !important;height:26px;}
}

.phone-screen img{display:none;}
.footer{height:100px; margin:none;}
.footer p{padding:0px;}

}