@import url('https://fonts.googleapis.com/css2?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=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');


:root{
    --theme-color:#fbc000;
    --common-color: #151515;
    --title-font:"Poppins", sans-serif;
    --regular-color: #7d7d7d;
    --bg-light: #f8f8f8;
    --bg-dark: #151515;
    --white-color: #fff;
    --bg-danger: #c1272d;
  }

*{margin: 0;padding: 0;box-sizing: border-box;}  
body{margin: 0;padding: 0;box-sizing: border-box;font-family: "Poppins", sans-serif;color: #7d7d7d;font-size: 16px;line-height: 28px;font-weight: 400;}  


/*======== common css start ==========*/
ul{margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: var(--common-color);transition: 0.5s ease-in-out;}
a:hover{color: var(--theme-color);}
img{height: auto;max-width: 100%;}
p{margin-bottom: 10px;}
p:last-child{margin-bottom: 0;}
strong,b{font-weight: 600;}
/*============= common background-color =============*/
.bg-dark{background-color: var(--bg-dark) !important; }
.bg-light{background-color: var(--bg-light) !important;}
/*============= common background-end =============*/

/*============= common section padding start =============*/
.ptb-60{padding-top: 60px;padding-bottom: 60px;}
.pb-60{padding-bottom: 60px;}
.pt-60{padding-top: 60px;}
/*============= common section padding end =============*/

/*============= comn btn start =============*/
.custome-btn{background-color: var(--common-color);color: var(--white-color);border-radius: 23px;line-height: normal;font-size: 18px;display: inline-block;padding: 9px 79px 10px;transition: 0.5s ease-in-out;}
.custome-btn:hover{background-color: var(--bg-danger);color: var(--white-color);}
/*============= comn btn end =============*/

/*============= title start =============*/
.section-title{font-size: 36px;font-weight: 600;line-height: 28px;color: var(--common-color);}
/*============= title end =============*/

/*============= heading start =============*/
h1{font-weight: 600;margin-bottom: 10px;color: var(--common-color);}
h2{font-weight: 600;margin-bottom: 10px;color: var(--common-color);}
h3{font-weight: 600;margin-bottom: 10px;color: var(--common-color);}
h4{font-weight: 600;margin-bottom: 10px;color: var(--common-color);}
h5{font-weight: 600;margin-bottom: 10px;color: var(--common-color);}
h6{font-weight: 600;margin-bottom: 10px;color: var(--common-color);}
/*============= heading end =============*/

/*============= bootstrap column padding =============*/
.row{margin-left: -15px;margin-right: -15px;}
.row > *{padding-left: 15px; padding-right: 15px;}
.container,.container-fluid{padding-left: 15px; padding-right: 15px;}
/*============= bootstrap column padding =============*/


/*====== common css end ==============*/
.header{position: absolute; width: 100%; background-color: transparent !important;z-index: 2;}

 /*=============  header start  =============*/
.navbar .logo img{height: 95px;}
.lower-header .navbar-nav .nav-link.active{color: #0068a0;;}
.lower-header  ul.navbar-nav > li:not(:last-of-type) {margin-right: 32px;}
.lower-header .main-sub-menu > li > a{font-weight: 700;}
.lower-header .main-sub-menu li{list-style: none;}
.lower-header .main-sub-menu ul{padding: 0;}
.lower-header .main-sub-menu {right: 0;}
.navbar-brand{padding: 0; margin: 0; display: inline-block; vertical-align: text-top;}

/* header right start */
.main-header .prf-detail > ul > li.prf-toggle img{height: 40px; width: 40px; border-radius: 50px;}
.header-btn-main ul li{display: inline-block; margin-right: 10px;}
.header-btn-main ul li:last-child{margin-right: 0;}
.header-btn-main .header-btn { border: 1px solid #0068A0; padding: 9px 16px; display: inline-block; border-radius: 6px; color: #0068A0; line-height: normal;}
.header-btn-main .header-btn:hover{text-decoration: none; background: #0068A0; color: #fff;}
.header-btn-main .header-btn.header-btn-book{background: #0068A0; color: #fff;}
.header-btn-main .header-btn.header-btn-book:hover{background: #015a8a; color: #fff;}
.header-right-row{justify-content: flex-end; align-items: center;}
.header-right-row .col-custom{width: auto; display: flex; align-items: center; margin-right: 8px;}
.header-btn-main { padding-left: 10px;}
/* header right end */

/* droup down css start  */
.navbar>.container{display: block;}
.navbar .navbar-nav > .nav-item{padding: 10px 0px; position: relative;}
.lower-header .navbar-nav .nav-link {color: #0e1f39; padding: 0; text-decoration: none; font-weight: 300;}
.lower-header .dropend .dropdown-toggle {display: flex;justify-content: space-between;}
.lower-header .dropdown-toggle i{font-size: 14px; vertical-align: middle; margin-left: 5px;}
.lower-header .dropend .dropdown-toggle i{display: flex;align-items: center;}
.lower-header .dropdown-item:hover {background-color:#ebf9ff; text-decoration: none; color: #0068a0 !important;}
.lower-header .dropdown .dropdown-menu {display: none; border-radius: 0; width: 176px; top: 45px; left: -50%;}
.lower-header .dropdown-menu   li:not(:last-of-type){border-bottom: 1px solid #ebf9ff ;}
.lower-header .dropdown-menu {padding: 0;}
.lower-header .dropdown-menu.show,
.lower-header .dropdown-menu.show {margin: 0;}
.lower-header .navbar-toggler {padding: 0;}
.lower-header .dropdown-toggle::after{content: inherit;}
.lower-header .navbar-expand-lg{padding: 0;}
/* droup down css end  */

/*========= header css start ===========*/
.mobile-menu .bg-mb-menu{display: none;}
.header .main-header .prf-detail ul li a i{line-height: 0;}
.header .main-header .prf-detail ul li a i::before{font-weight: 600 !important;}
header{padding: 18px 0;position: relative;z-index: 1; color: var(--bg-light);}
.header .logo{display: flex;}
.header.sticky-active {width: 100%;position: fixed !important;top: 0;z-index: 999;left: 0; background-color: var(--bg-light) !important; animation: fadeInDown 1.5s forwards;box-shadow: 0 0 9px rgba(0,0,0, 0.3);}
.header.sticky-active .logo img{height: 50px;}
header.header.sticky-active {padding: 8px 0;}

.navbar{padding: 0;}
.navbar .navbar-nav > .nav-item{padding: 0; margin-right: 46px;}
.navbar .navbar-nav > .nav-item:last-child{margin-right: 0;}
.col-custom .nav-item .nav-link{font-weight: 500; color: var(--bg-dark); transition: 0.5s all; padding: 0;}
.col-custom .nav-item .nav-link:hover{color: var(--theme-color);}
.main-header .prf-detail{display: flex;margin-left: 26px; align-items: center;}
.main-header .prf-detail > ul{display: flex;align-items: center;}
.main-header .prf-detail ul li{position: relative;}
.main-header .prf-detail > ul > li:not(:last-of-type){margin-right: 18px;}
.main-header .prf-detail ul li a{font-weight: 500; display: flex; align-items: center;}
.main-header .prf-detail ul li a .prf-name img{height: 50px; border-radius: 50px;}
.main-header .prf-detail ul li a span:last-child{line-height: 0;}
.main-header .prf-detail ul li a .prf-name{padding-left: 12px;display: inline-block;padding-right: 6px;}
.main-header .prf-detail ul li.bag-nf{position: relative;}
.main-header .prf-detail ul li.bag-nf span{position: absolute;background-color: var(--bg-danger);height: 18px;width: 18px;border-radius: 9px;font-weight: 600;font-size: 12px;color: var(--white-color);display: flex;align-items: center;top: -2px;right: -8px;justify-content: center;}

/* profile toggle start */
.main-header .prf-detail ul li .prf-toggle-dropdown{background-color: var(--white-color);position: absolute;width: 200px;filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.2));left: 0;top: 58px;display: none;}
.main-header .prf-detail ul li .prf-toggle-dropdown ul{display: flex;flex-direction: column;justify-content: start;}
.main-header .prf-detail ul li .prf-toggle-dropdown ul li{border-bottom: 1px solid #ccc;}
.main-header .prf-detail ul li .prf-toggle-dropdown ul li:last-child{border-bottom: 0;}
.main-header .prf-detail ul li .prf-toggle-dropdown ul li a{font-size: 16px;font-weight: 400;padding: 8px 10px;display: block;background-color: #f8f8f8;}
.main-header .prf-detail ul li .prf-toggle-dropdown ul li a:hover{background-color: var(--theme-color);color: #000;}
/* profile toggle end */
/*======= header css end =========*/

/*============= search box css start =============*/
 .search-box .section-title{margin-bottom: 34px;}
 .search-box .form-group{position: relative; padding: 0 15px;}
 .search-box .form-group #categoryForm #searchautocomplete-list{padding: 10px ; border: 1px solid #e6e6e6; border-radius: 10px;    position: absolute;width: 100%;z-index: 9; background: #fff;}
 .search-box .form-group #categoryForm .autocomplete-item{ display: flex; align-items: center; border-radius: 6px; justify-content: space-between; padding: 5px 10px;}
 .search-box .form-group #categoryForm .autocomplete-item:hover{background-color: #6b6b6b; color: #fff;}
 .search-box .form-group #categoryForm .autocomplete-item span{line-height: normal; font-size: 15px;}
 .search-box .form-group #categoryForm .autocomplete-item img{height: 18px;}
 .search-box .form-group .form-control{width: 100%;border: 1px solid var(--theme-color);border-radius: 26px;filter: drop-shadow(0px 5px 5px rgba(237,237,237,0.58));padding: 14px 70px 14px 30px;}
 .search-box .form-group .form-control:focus{box-shadow: none;}
 .search-box .form-group input::-webkit-input-placeholder {color: #a5a5a5;}
 .search-box .form-group input[type="search" i]::-webkit-search-cancel-button {display: none;}
 .search-box .form-group button{position: absolute;top: 26px;right: 48px;border: 0;background-color: inherit;transform: translateY(-50%);}
 .search-box .form-group button img{height: 22px;}
/*============= search box css end =============*/

/* ===========home about section start ==================*/
.about-main{box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 13px 0px; border-radius: 8px;} 
.about-main .about-content{display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 20px 0; padding-right: 50px;}
.about-main .about-content h2{margin-bottom: 23px;}
.about-main .about-content a{color: var(--theme-color);margin-top: 12px;}
.about-main .about-content a:hover{ color: var(--bg-danger);}
.about-main .about-content a i{vertical-align: middle; margin-left: 3px; transition: 0.3s all;}
.about-main .about-content a:hover i{margin-left: 5px;}
.about-main .about-image img{border-radius: 8px 0 0 8px;}
/* ===========home about section end ==================*/

/* ===========home usp start=========== */
body.home .plan-section{background: linear-gradient(7deg, rgba(255, 255, 255, 0) 30%, rgba(248, 248, 248, 1) 100%);}
.home-usp {/*padding: 60px 0 60px;padding-left: 30px; */ position: relative; z-index: 0;}
.home-usp .home-usp-detail{background-color: var(--white-color);border: 1px solid var(--theme-color);border-radius: 8px; /* display: flex; */ align-items: center;  justify-content: center; height: 100%;/*flex-direction: column; filter: drop-shadow(0 0 16px rgba(0,0,0,0.08)); */text-align: left; box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.1);position: relative;transition: 0.5s ease-in-out;}
.home-usp .home-usp-detail:hover{background-color: var(--common-color); border-color: var(--bg-dark);}
.home-usp-detail .home-usp-img{background-color: var(--theme-color); transition: 0.5S all; height: 54px;width: 54px;border-radius: 50%;display: flex;align-items: center;justify-content: center; margin: -25px auto 0 auto; flex-shrink: 0; /*   position: absolute;left: 0%;top: 50%;transform: translate(-50%, -50%);*/}
.home-usp-detail:hover .home-usp-img{background-color: #fff; box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.2);}
.home-usp-detail .home-usp-img img{width: auto !important; height: 34px;}

.home-usp-detail .home-usp-img svg{width: auto !important; height: 34px;}
.home-usp-detail .home-usp-img svg path{fill: #fff !important; stroke: #fff !important; transition: 0.5S all;}
/* .home-usp .home-usp-detail:hover .home-usp-img svg{transform: scale(1.04);} */
.home-usp .home-usp-detail:hover .home-usp-img svg path{fill: var(--bg-dark) !important; stroke: var(--bg-dark) !important;}
.home-usp .home-usp-detail:hover .home-usp-text h4,.home-usp .home-usp-detail:hover .home-usp-text p{color: var(--white-color);border: 1px var(--theme-color);}
.home-usp-detail .home-usp-text h4{font-size: 18px;margin-bottom: 5px;transition: 0.5s ease-in-out;}
.home-usp-detail .home-usp-text {padding: 22px 43px 24px 27px; width: 100%; display: flex; justify-content: center;  flex-direction: column; text-align: center;}
.home-usp-detail .home-usp-text p{font-size: 14px;color: var(--common-color);line-height: 20px;/*padding: 0 10px;*/transition: 0.5s ease-in-out;}
.home-usp .owl-carousel .owl-item img{width: auto;}
.home-usp .owl-carousel .owl-stage-outer{overflow-x: clip !important; overflow-y: visible;}
.home-usp .col{padding: 0 30px;}
.home-usp .col{margin-bottom: 25px;}
/* .home-usp .col:nth-child(even){padding-right: 0;}
.home-usp .col:nth-child(ODD){padding-left: 0;}
.home-usp .col:nth-last-child(2){margin-bottom: 0px;}
.home-usp .col:nth-last-child(1){margin-bottom: 0px;} */
.home-usp .owl-stage{display: flex; padding:  0 0px;} */
.home-usp .owl-carousel.owl-drag .owl-item{display: flex;height: auto;}

.plan-section .section-title{margin-bottom: 65px;;}
/* ===========home usp end=========== */



/* ========== section how its work section start ========== */
.home-work-main{background-color: var(--bg-dark);}
.home-work-main h2{color: #fff;}
.home-work-main h2 span{color: var(--theme-color); }
.work-steps{position: relative; margin-top: 40px;}
.work-steps::before{position: absolute; content: " "; top: 13%; left: 50%; transform: translateX(-50%); width: 75%; height: 1px; border-top: 1px dashed #848484;}
.step-box{text-align: center; position: relative;  padding: 0 16px; display: flex; flex-direction: column; height: 100%;}
.step-box.arrow::before{position: absolute; content: " "; animation: slide 5s ease-in-out forwards; height: 60px; width: 60px; background-image: url('../img/work-direction-arrow.png');
 background-position: center; background-repeat: no-repeat; top: 6px;right: 0PX; }
.work-steps .row .col-lg-3:last-child .step-box::before{display: none;}
.step-box .step-number{text-align: center; margin-bottom: 33px; line-height: normal;}
.step-box .step-number span{font-size: 100px; color: #6f6f6f; font-weight: 600; display: inline-block; line-height: 78px;}
.step-box.active .step-number span{ animation: textscale 1s linear forwards;  }
.step-box.normal .step-number span{ animation: textnormal 0.5s linear forwards; }
.step-box .step-desc{display: flex; flex-direction: column; height: 100%;}
.step-box .step-desc h3{font-size: 22px; color: #fff; margin-bottom: 15px;}
.step-box .step-desc p{color: #fff; margin-bottom: 7px;}
.step-box .step-desc span{color: var(--theme-color);  margin-top: auto; display: inline-block; }
.step-box .step-desc a:hover{color: var(--white-color); }
.step-box .step-desc span i{vertical-align: middle;  line-height: 0;font-size: 28px; margin-left: -2px; transition: 0.4s all; display: inline-block;}
.step-box .step-desc a:hover i{transform: translateX(5px);}

@keyframes slide {
   0% { transform: translateX(-100%); opacity: 0;scale:1.4}	
   15% { opacity: 1;scale:1}	
   50%{opacity: 1; }
   78%{opacity: 1;scale:1}
  100% { transform: translateX(250%); opacity: 0;scale:1.4 }	
}

@keyframes textnormal {
   0% {  scale: 1.1; color: #ffc107} 
   100% {  scale: 1; color:#6f6f6f } 
  
}

@keyframes textscale {
   0% {  scale: 1; color:#6f6f6f } 
   25% {  scale: 1.1; color:#6f6f6f } 
   100% {  scale: 1.1; color: #ffc107} 
}
/* ========== section how its work section end ==========*/

/*=========== section faqs start ===========*/
.home-faq{background-color: var(--bg-light);}
.home-faq h2.section-title{margin-bottom: 43px;}
.accordion-button:not(.collapsed){background-color: #fff; box-shadow: none; color: #000;}
.accordion-button:focus{box-shadow: none;}
.accordion-item{padding-left: 18px; padding-right: 18px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 6px;}
.accordion-item:last-child{margin-bottom: 0;}
.accordion-item:not(:first-of-type){border-top: 1px solid #ddd; border-radius: 6px;}
.accordion-button{border-radius: 6px; font-size: 18px; font-weight: 600;padding-left: 0; padding-right: 0;}
.accordion-body{ padding: 12px 0; border-top: 1px solid #ddd; color: #7d7d7d; }
.accordion-button::after{background-size: 26px; height: 22px; width: 30px;}
.accordion-button:not(.collapsed)::after{background-image:url('../img/FAQ.svg')}
/*=========== section faqs end ===========*/

/*=========== section testimonials start ===========*/
.home-client-say h2{margin-bottom: 48px;}
.client-box-main{  border: double 2px transparent;border-radius: 3px;background-image: linear-gradient(white, white), linear-gradient(160deg,  var(--theme-color), var(--bg-danger));background-origin: border-box;background-clip: content-box, border-box;}
.client-say-main .client-box{  padding: 28px 20px 28px 28px;}
.client-say-main .client-box .client-name{margin-bottom: 30px;}
.client-say-main .client-box .client-name h5{font-size: 18px; font-weight: 600; text-transform: capitalize;}
.client-say-main .client-box .client-name ul{display: flex;}
.client-say-main .client-box .client-name ul li{list-style-type: none; margin-right: 5px; line-height: 0;}
.client-say-main .client-box .client-name ul li i{color: var(--theme-color); font-size: 10px;}
.client-say-main .client-box .client-msg{margin-bottom: 30px;}
.client-say-main .client-box .client-cuntry{display: flex; align-items: center;}
.client-say-main .client-box .client-cuntry h6{margin-left: 10px; margin-bottom: 0; font-weight: 400; text-transform: capitalize; vertical-align: middle;}
.home-client-say .client-say-main.owl-carousel{position: relative;}
.home-client-say .client-say-main.owl-carousel .owl-nav{position: absolute; width: 100%; top: 47%; transform: translateY(-50%); display: flex; justify-content: space-between; }
.owl-theme .owl-nav [class*=owl-]:hover{background-color: transparent;}
.home-client-say .client-say-main.owl-carousel .owl-nav .owl-prev{margin-left: -50px;}
.home-client-say .client-say-main.owl-carousel .owl-nav .owl-next{margin-right: -50px;}
.home-client-say .client-say-main.owl-carousel .owl-nav .owl-prev,.home-client-say .client-say-main.owl-carousel .owl-nav .owl-next{font-size: 30px; color: #000; transition: 0.5s all;}
.home-client-say .client-say-main.owl-carousel .owl-nav .owl-prev:hover,.home-client-say .client-say-main.owl-carousel .owl-nav .owl-next:hover{ color: var(--bg-danger);}
/*=========== section testimonials end ===========*/

/*============= tab box start =============*/
.tab-main .tab-content .tab-pane .row .col {margin-bottom: 30px;}
.plan-box{border: 1px solid #bc454b; border-radius: 8px; border-bottom: 6px solid #b4383f; padding: 26px 0 18px; display: flex; flex-direction: column; height: 100%;}
.plan-box .plan-head{display: flex; padding: 0 20px; align-items: end; justify-content: space-between; padding-bottom: 17px; height: 100%;}
.plan-box .plan-head .plan-name{margin-bottom: auto;}
.plan-box .plan-head h4{font-size: 16px; font-weight: 600; color: #b4383f; margin-bottom: auto; line-height: 24px;padding-right: 8px;}
.plan-box .plan-head h4 br{display: none;}
.plan-box .plan-head a{text-decoration: underline; font-size: 12px; white-space: nowrap;}
.plan-box .plan-head a:hover{text-decoration: none;}
.plan-box .plan-details ul li{padding: 10px 20px; border-top: 1px solid #e5e5e5; display: flex; justify-content: space-between; align-items: center; }
.plan-box .plan-details ul li:last-child{border-bottom: 1px solid #e5e5e5;}
.plan-box .plan-details .plan-condition{display: flex; align-items: center; padding-right: 5px;}
.plan-box .plan-details .plan-condition img{height: 16px; margin-right: 7px;} 
.plan-box .plan-details .plan-condition h6{font-size: 15px; font-weight: 400; margin-bottom: 0; text-transform: uppercase;}
.plan-box .plan-details .condition-value span{font-size: 15px; font-weight: 500; color: #151515;}
.plan-box .plan-details .condition-value a{text-decoration: underline;}
.plan-box .plan-details .condition-value span.price,.plan-details .condition-value span.price .amount,.plan-details .condition-value span.price .amount span {color:#b4383f; font-size: 18px; font-weight: 600;}
.plan-bottom{padding-top: 17px;}
.plan-bottom .special-plan-btn{text-align: center;}
/*============= tab box end =============*/

/* language box */
.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang {padding: 8px 12px !important;}
.gtranslate_wrapper .gt_float_switcher img {width: 30px !important;}
.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {font-size: 16px;}
.gtranslate_wrapper .gt_float_switcher .gt_options a {padding: 9px 13px; font-size: 16px;}
.gt_float_switcher .gt_options a:hover {background: var(--bg-danger) !important;}

/*=========== section footer download start ===========*/
.download-main{background-color: var(--theme-color); overflow: hidden;}
.download-main .download-left{padding: 40px 0; padding-right: 160px;}
.download-main .download-left h5{margin-bottom: 14px; font-size: 26px; font-weight: 600; color: #FFF;}
.download-main .download-left p{ color: #000; margin-bottom: 0;}
.download-main .download-left .appstors{margin-top: 40px;}
.download-main .download-left .appstors a:not(:last-child){margin-right: 20px;}
.download-main .right-mibile-main{align-self: flex-end;}
.download-main .right-mibile-main .right-mobile{text-align: center; animation: mobile 2s;}
@keyframes mobile{
0%{transform: translateY(100%);}
100%{transform: translateY(0);}
}
/*=========== section footer download end ===========*/

/*=========== popup css start ===========*/
.view-detail-pop .popup-detail .modal-dialog{max-width: 1000px;} 
.view-detail-pop .popup-detail button.btn-close{ position: absolute; transition: 0.5s all; z-index: 9; color: #fff; font-size: 40px; padding: 0; top: -8px; right: -8px; background: transparent; opacity: 1;}
.view-detail-pop .popup-detail button.btn-close:hover{ transform: rotate(183deg); }
.view-detail-pop .popup-detail button.btn-close:focus{box-shadow: none;outline: 0;}
.view-detail-pop .popup-detail .modal-header{background-color: var(--theme-color); padding: 25px 58px 10px; clip-path: polygon(93% 0, 100% 77%, 105% 100%, 0 100%, 0 0);  position: relative;}
.view-detail-pop .popup-detail .nav{background-color: var(--theme-color);}
.view-detail-pop .popup-detail .nav .nav-link{color: var(--bg-dark);}
.view-detail-pop .popup-detail .nav .nav-link.active{background-color: var(--white-color); color: var(--theme-color);}
.view-detail-pop .popup-detail .nav .nav-link.active:focus-visible{color: var(--theme-color);}
.view-detail-pop .popup-detail .modal-content{background-color: transparent; border: 0;}
.view-detail-pop .popup-detail .popup-data-main {padding: 35px 58px 30px;background-color: #FFF;max-height: 85vh;overflow-y: auto;border-radius: 0 0 6px 6px ;}
.view-detail-pop .popup-detail .popup-data-main .popup-data:not(:last-child){margin-bottom: 15px;}
.view-detail-pop .popup-detail .popup-data-main h6{font-weight: 600; color: var(--bg-dark); margin-bottom: 2px; font-size: 16px; line-height: normal; }
.view-detail-pop .popup-detail .popup-data-main p{ line-height: normal; margin-bottom: 22px;}
.view-detail-pop .popup-detail .popup-data-main p:last-child{margin-bottom: 0px;}
.view-detail-pop .popup-detail .popup-data-main ul{list-style-type: disc; margin-bottom: 22px; padding-left: 20px;}
.view-detail-pop .popup-detail .popup-data-main ul li .modal-title{font-weight: 600;color: var(--common-color);}
.view-detail-pop .popup-detail .popup-data-main ul li:not(:last-child){margin-bottom: 8px;}
.view-detail-pop .popup-detail .popup-data-main button.comn-btn{background-color: transparent;border: 0;border-bottom: 1px solid #000;transition: .5s ease;}
.view-detail-pop .popup-detail .popup-data-main button.comn-btn:hover{color: var(--theme-color);border-color: var(--theme-color);}
.view-detail-pop .popup-detail .popup-data-main ul.sim-imformation li{margin-bottom: 0; padding: 8px 15px;list-style: none;}
.view-detail-pop .popup-detail .popup-data-main ul.sim-imformation li:not(:last-of-type){border-bottom: 1px solid #e2e2e2;}
.view-detail-pop .popup-detail .popup-data-main ul.sim-imformation{padding-left: 0; margin-top: 15px;margin-bottom: 20px; border: 1px solid #e2e2e2; border-radius: 10px; overflow: hidden;}
.view-detail-pop .popup-detail .popup-data-main a.read-more{background-color: transparent;border: 0;border-bottom: 1px solid #000;transition: .5s ease;}

/*=========== popup css end ===========*/

/*=========== main footer start ===========*/
.footer{background-color: var(--bg-dark); padding: 50px 0;}
.f-logo-side .f-logo{margin-bottom: 15px;}
.f-logo-side .f-logo img {height: 82px;}
.f-logo-side .f-content{margin-bottom: 30px; padding-right: 50px;}
.f-logo-side .f-content p{color: #fff; margin-bottom: 0;}
.f-logo-side .f-social ul{display: flex; align-items: center;}
.f-logo-side .f-social ul li{list-style-type: none; margin-right: 22px;}
.f-logo-side .f-social ul li a{display: flex;}
.f-logo-side .f-social ul li:last-child{margin-right: 0;}
.f-logo-side .f-social ul li:last-child svg{height: 23px; transition: 0.5s all;}
.f-logo-side .f-social ul li i{color: var(--theme-color); transition: 0.5s all; font-size: 20px; line-height: normal;}
.f-logo-side .f-social ul li i:hover{color: #fff;}
.f-logo-side .f-social ul li svg:hover {fill: #fff;}
.f-list h4{font-size: 20px; text-transform: capitalize; font-weight: 600; color: #fff; margin-bottom: 28px;}
.f-list ul li{list-style-type: none; margin-bottom: 10px;}
.f-list ul li:last-child{margin-bottom: 0;}
.f-list ul li a{color: #fff; text-transform: capitalize;}
.f-list ul li a:hover{color: var(--theme-color); margin-left: 3px;}
/* copy right start */
.copy-right-main{padding: 14px 0;}
.copy-right p{margin-bottom: 0; text-align: center; color: var(--common-color);}
/* copy right start */
/*=========== main footer end ===========*/

::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: transparent;}
::-webkit-scrollbar{width: 5px;height: 5px;}
::-webkit-scrollbar-thumb{border-radius: 50px;background-color: #6b6a6a;/* border: 2px solid #555555; */}


/*loader*/
.loader {border: 4px solid #fbc000;border-radius: 50%;border-top: 4px solid #f3f3f3;width: 30px;height: 30px;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;margin: 47px auto 0; /* Center the loader vertically */}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loader {pointer-events: auto; }


/*loader-container css*/
.loader-container{width: 100%;height: 100%;position: absolute;position: fixed;background-color: #2c2c2c7d;z-index: 9999999;}
.loader-container.hide{display: none;}
.loader-new {width: 58px;height: 58px;display: block;margin:15px auto;position: relative;color: #FFF;box-sizing: border-box;animation: rotation 1s linear infinite;position: absolute;z-index: 9999;display: flex;align-items: center;width: 100%;height: 100vh;justify-content: center;}
.loader-new::after,.loader-new::before {content: '';  box-sizing: border-box;position: absolute;width: 24px;height: 24px;top: 50%;left: 50%;transform: scale(0.5) translate(0, 0);background-color: #f6bc00;border-radius: 50%;animation: animloader 1s infinite ease-in-out;}
.loader-new::before {background-color: #f6bc00;transform: scale(0.5) translate(-58px, -58px);}

@keyframes rotation {
0% {
  transform: rotate(0deg);
}
100% {
  transform: rotate(360deg);
}
} 
@keyframes animloader {
  50% {
    transform: scale(1) translate(-50%, -50%);
}
}

/*india country loader*/
.country-loader {border: 4px solid #fbc000;border-radius: 50%;border-top: 4px solid #f3f3f3;width: 30px;height: 30px;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;margin: 47px auto 0; /* Center the loader vertically */}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*=========== plan-detail page start ===========*/
.qty-input {display: flex;align-items: center;overflow: hidden; flex-shrink: 0;}
.qty-input .product-qty, .qty-input .qty-count {background: transparent;color: inherit;font-weight: bold;font-size: inherit;border: none;display: inline-block;min-width: 0;height: 44px;line-height: normal;}
.qty-input .product-qty:focus, .qty-input .qty-count:focus {outline: none;}
.qty-input .product-qty {width: 60px;min-width: 0;display: inline-block;text-align: center;appearance: textfield;font-weight: 600;}
.qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button { appearance: none;margin: 0;}
.qty-input .qty-count {padding: 0;cursor: pointer;width: 44px;font-size: 16px;text-indent: -100px;overflow: hidden;position: relative;}
.qty-input .qty-count:before, .qty-input .qty-count:after {content: "";height: 2px;width: 10px;position: absolute;display: block;background: #000;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.qty-input .qty-count--minus {border-right: 1px solid #e6e6e6;}
.qty-input .qty-count--add {border-left: 1px solid #e6e6e6;}
.qty-input .qty-count--add:after {transform: rotate(90deg);}
.qty-input .qty-count:disabled {cursor: not-allowed;}
.qty-input .qty-count:disabled:before, .qty-input .qty-count:disabled:after {background: #000;}
.qty-input {border-radius: 4px;border: 1px solid #e6e6e6; width: fit-content; /*margin: 0 auto;*/}
/*=========== plan-detail page end ===========*/

  /* common form start  */
  .wpcf7 form.sent .wpcf7-response-output{color: #46b450 !important;}
  /* common form end  */