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: 15px 22px;}
.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: #ec1494 !important;
   }

.work-slider .slick-dots li.slick-active button, 
.social-icon-outline:hover,
.back-to-top:hover,
.form-control:focus{
   border-color: #ec1494 !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: #ec1494 !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: #ec1494 !important;
   }


.btn-primary, .btn-subscribe, .btn-secondary:hover{background: #ec1494 !important;}
.navigation .navbar .nav-item{padding: 20px 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: #ec1494;
   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: #ec1494;}
.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;}
}