@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');

@import url('iconmoon.css');

body { position: relative; padding: 0; margin: 0; font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: normal; line-height: 1.42; color: #333; } 
img{ max-width: 100%; }

/* h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; } */

a{ color: inherit; }
/* a:hover{ color: #F6253B; text-decoration: none;} */
a:hover,
a:focus{ text-decoration: none; color: inherit; }

a, .btn { text-decoration: none; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.btn:focus { box-shadow: 0 0 0 0.2rem rgb(246 37 59 / 11%); /* box-shadow: 0 0 0 0.2rem rgb(55 52 53 / 24%); */ }

.form-group label{ margin: 0 0 0px; line-height: normal; padding-left: 0; padding-right: 0;}
.form-control, .form-select { outline: none; box-shadow: none; font-size: 14px;  padding-left: 5px;  border: none; border-bottom: 1px solid #666; border-radius: 0; background-color: transparent; } 
.form-select:focus, .form-control:focus{ box-shadow: none;  border-color: #000000; background-color: transparent;  } 

.form-floating>.form-control { padding-left: 5px; }

.form-group { position: relative; }
.form-group .iti { width: 100%; }
.form-group .iti .countrycode { padding-left: 50px; padding-top: 6px; padding-bottom: 7px;}
.form-group .view-icon { position: absolute; top: 30px; right: 10px; cursor: pointer; }
.text-muted { color: #B5B5B5 !important; } 
.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) { padding-top: 2.2rem; }

.primary-btn { background: linear-gradient(180deg, #FEC34D -15.1%, #F88C83 32.2%, #F25CB2 96.41%, #F048C6 106.5%); color: #fff; border: 0; padding: 8px 30px; border-radius: 40px; outline: none;  }
.primary-btn:hover, .primary-btn:focus{ color: #fff; }
.secondary-btn { background: #fff; color: #131414; padding: 7px 30px; border-radius: 40px; border: 1px solid #131414; outline: none;  }
.secondary-btn:hover, .secondary-btn:focus{ color: #131414; }

.section-title { display: flex; align-items: center; justify-content: space-between; margin: 0 0 10px; }
.section-title h2{ font-size: 22px;  }
.section-title a{ color: #B5B5B5; }
.theme-color, .theme-color:focus, .theme-color:hover { color: #F048C6; }

.action-lable{ background: linear-gradient(#fff, #fff) padding-box, linear-gradient(45deg, #FEC34D, #F048C6) border-box; border: 1px solid transparent; border-radius: 50px; padding: 4px 20px; }

.btn-outline-secondary { color: #afafaf; background: transparent; border: none; padding: 0; }
.btn-outline-secondary:hover {  color: #333; background: none; border: none; }
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #F048C6; background: none;  border: none; box-shadow: none; }


.iti--separate-dial-code .iti__selected-flag { background: transparent; }
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background: transparent; }

/* ----------------------------------
 Bootstrap Fix: IE10
 in Windows 8 & Windows Phone 8
 ---------------------------------- */
@-webkit-viewport { width: device-width; } 
@-moz-viewport { width: device-width; } 
@-ms-viewport { width: device-width; } 
@-o-viewport { width: device-width; } 
@viewport { width: device-width; } 

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important; 
}

/* ----------------------------------
 Input Light
 ---------------------------------- */
.form-control.form-control-light { color: #B8B8B8;  } 
.form-control.form-control-light:-moz-placeholder { color: #B8B8B8; } 
.form-control.form-control-light::-moz-placeholder { color: #B8B8B8; } 
.form-control.form-control-light:-ms-input-placeholder { color: #B8B8B8; } 
.form-control.form-control-light::-webkit-input-placeholder { color: #B8B8B8; } 

#preloader { position: fixed; top: 0; left: 0;  width: 100%; height: 100%; background: #fff; z-index: 9999; display: flex; align-items: center; justify-content: center;}
#preloader img { width: 100px; height: 100px; animation: spin 1s linear infinite; }
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Page Title */
.page-title { display: flex; justify-content: space-between; align-items: center; margin: 20px 0 0;}
.page-title h1{ margin: 0; font-size: 24px; }
.page-title a.addnew{ color: #F6253B; font-size: 16px; }

/*=== Slick Slider Common Css ===*/
.slick-dots { padding: 0; margin: 0;  list-style: none; text-align: center;}
.slick-dots li { display: inline-block; padding: 0 3px;}
.slick-dots li button{ padding: 0; margin: 0; border: 0; line-height: normal; font-size: 0; background: #e2e2e2; height: 10px; width: 10px; border-radius: 10px; outline: none; cursor: pointer; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.slick-dots li.slick-active button{ background: linear-gradient(180deg, #FEC34D -15.1%, #F88C83 32.2%, #F25CB2 96.41%, #F048C6 106.5%); width: 30px; }

/* Comman Radio Button */
.radio-box { display: inline-block; position: relative; padding-left: 28px; margin-bottom: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; line-height: 20px; }
.radio-box .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border: 2px solid #F048C6; border-radius: 50%; }
.radio-box input:checked~.checkmark { background-color: transparent;  }
.radio-box input:checked~.checkmark::after { display: block; }
.radio-box .checkmark::after { content: ""; position: absolute; display: none; }
.radio-box .checkmark::after { top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 50%; background: #F048C6; }
.radio-box input { position: absolute; opacity: 0; cursor: pointer; }
 
/* ====== Header ====== */
header { position: fixed; left: 0; right: 0; z-index: 999; box-shadow: 0 4px 12px 0 rgb(0 0 0 / 5%); background: #fff; }
header a{ transition: none; }
header .dropdown-toggle::after{ display: none; }
header .location-web .location-box{ display: flex; color: #000;  }
header .location-web .location-box span{ padding: 0px 5px; color: #000; font-size: 16px; }
header .navbar-light .navbar-toggler { border: none;  padding: 0 10px; outline: none; box-shadow: none; }
header .navbar-brand{  margin: 0 15px 0 0; display: flex; align-items: center; }
header .navbar-brand .mobile-hide{ max-width: 110px; }
header .navbar-brand .icon-logo{ max-width: 47px; }
header .right-side { display: flex; align-items: center; margin-left: auto; width: 125px; justify-content: flex-end; } 
header .navbar .navbar-toggler-icon { width: 24px; height: 17px; background-image: none; position: relative; border-bottom: 1px solid #000; transition: all 300ms linear; }
header .navbar .navbar-toggler-icon::after, 
header .navbar .navbar-toggler-icon::before{ width: 24px; position: absolute; height: 1px;  background-color: #000; top: 0; left: 0; content: ''; z-index: 2; transition: all 300ms linear; }
header .navbar .navbar-toggler-icon::after{ top: 8px; }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after { transform: rotate(45deg); }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before { transform: translateY(8px) rotate(-45deg); }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { border-color: transparent; }
header .search-view { position: relative;  }
header .search-view.collapse{display: block; margin-left: auto; }
header .search-view .btn{ width: 18px; position: absolute; left: 15px; top: 8px; background: none;  outline: none; padding: 0; color: #000; box-shadow: none; }
header .search-view .form-control{ border: 1px solid #f5f5f6; border-radius: 10px;  color: #333;  height: 37px;  padding-left: 50px; }
header .menu-main { display: flex; align-items: center; justify-content: space-between; width: 100%;}
header .navbar-collapse { justify-content: center; }
header .navbar-nav { display: flex; align-items: center; }
header .navbar-nav li { padding: 8px 18px; color: #B5B5B5;}
header .navbar-nav li.active {color: #333;}
header .navbar-nav .dropdown { margin: 0 0px 0 0px; }
header .navbar-nav .dropdown .dropdown-toggle { background: none;   border: 0; outline: none;   }
header .right-side .dropdown .dropdown-menu.language { min-width: 130px; width: 100px; }
header .right-side .dropdown .dropdown-menu.language a{ padding: 8px 0; font-size: 13px; display: inline-block; width: 100%; }
header .right-side .dropdown .dropdown-menu.language span{ margin: 0 10px 0 0; }
header .right-side .dropdown .dropdown-menu.language li.selected a{ color: #F6253B; }
header .right-side .dropdown .dropdown-menu.language li{ padding: 0 15px; }
header .right-side .dropdown .dropdown-toggle img{margin-right: 10px;}
header .right-side .dropdown .dropdown-toggle{padding: 17px 0;}
header .dropdown .dropdown-menu { margin: 0;  padding: 10px 0; width: 260px; right: 0; left: initial; border: 0; border-radius: 0 0 20px 20px; box-shadow: 0px 2px 5px 0px #888; background-clip: unset; transform: translateY(20px); opacity: 0; display: unset; visibility: hidden;}
header .navbar .dropdown-menu { width:100%; right:0; top:34px; display:block; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s linear; }
header .navbar .dropdown.login .dropdown-menu {transform: translateY(-1px); }
header .navbar .dropdown:hover .dropdown-menu, 
header .navbar .dropdown .dropdown-menu:hover { display:block; visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.3s linear; }
header .navbar .dropdown-menu { border: 1px solid rgba(0,0,0,.15); background-color: #fff;}

/* ====== Home Banner ====== */
.main-wapper { padding: 71px 0 0;  }
section { padding: 50px 0; }
section.home-banner { padding: 30px 0 10px; }
section.home-banner .banner-slider img{ width: 100%; }

/* Category List */
section.category-list {  padding: 30px 0; }
section.category-list ul.cat-list{ list-style-type: none; padding: 0; margin: 0 -10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
section.category-list ul.cat-list li{ padding: 10px 10px; width: 50%; }
section.category-list ul.cat-list li .box{  border-radius: 5px;  text-align: center;}

/* Breadcrum */
section.inner-page-banner { padding: 20px 0 0;  }
section.inner-page-banner .breadcrumb{  background: none;  padding: 0;  font-size: 13px; margin: 0; align-items: center; }
section.inner-page-banner .breadcrumb .breadcrumb-item + .breadcrumb-item::before{   }
section.inner-page-banner .breadcrumb .breadcrumb-item a{ color: #B5B5B5;}
section.inner-page-banner .breadcrumb .breadcrumb-item.active{ font-weight: 500; color: #000; }

/* Contact Us Page */
section.contact-page .contact-form{ border: 1px solid #e2e2e2; padding: 20px; border-radius: 20px; } 

/* CMS Page */
section.cms-page { }
section.cms-page hr{ background: #B5B5B5; }
section.cms-page ol{ padding: 0 0 0 20px; }
section.cms-page ul{ margin: 0 0 20px; padding: 0; list-style: none; }
section.cms-page h4{ font-size: 20px; }

/* Footer Section  */
footer.footer{ background: #111; padding: 40px 0;}
footer.footer .footer-link h6{ color: #dddddd; }

footer.footer h3.footer-title{ font-size: 16px;  margin: 10px 0; text-transform: uppercase; }
footer.footer .download-app { display: flex; align-items: center; justify-content: center; margin: 20px 0; }
footer.footer .download-app img{ margin: 0 5px; }
footer.footer .footer-link ul { margin: 0; padding: 0; }
footer.footer .footer-link ul li{ list-style-type: none; padding: 5px 0px; position: relative; display: block; margin: 5px 0; }
footer.footer .footer-link ul li:last-child{ border: 0; }
footer.footer .footer-link ul li a{ color: #999;  }
footer .copyright-footer { margin: 0; color: #999; }
footer .footer-settings {display: flex; align-items: center; justify-content: space-between;}
footer.footer .social ul{text-align: center; margin: 10px 0 15px;display: inline-block; width: 100%;  padding: 0; list-style: none; }
footer.footer .social ul li{ display: inline-block; color: ; padding: 0 10px; }
footer.footer .social ul li a{ font-size: 27px; color: #545454; }
footer.footer .social ul li a:hover{ color: #F048C6; }

/* Become Partner Page Css */
.bg-light-gray{background-color: #FAFAFA;}
.become-partner-head .partner-slider {padding: 20px 0 40px 0;}
.become-partner-head .partner-slider .item{position: relative;}
.become-partner-head .partner-slider .item .box{margin: 10px;}
.become-partner-head .partner-slider .item .box img{border-radius: 14px;}
.become-partner-head .partner-slider .item p{position: absolute;top: auto;bottom: 20px;left: 0;right: 0;margin: 0 auto;text-align: center;color: #fff;}
.grow-business-section p{position: relative;padding-left: 20px;}
.grow-business-section p::before{content: '-';position: absolute;left: 0;display: inline-block;    top: 0px;}
 .form-gender .radio-box{margin-right: 26px;padding-left: 30px;}