.shop-header{background-color:#fff;background-image:url(../imgs/theme/shop-header-bg.jpg);background-repeat:no-repeat;background-size:cover}.shop-header.header-bg2{background-image:url(../imgs/theme/shop-header-bg-2.jpg)}.range .list-group-item{background:none;border:0;display:block;padding:0;position:relative}.range .checkbox{font-size:.8em}.range .price-filter{display:block;margin-top:20px}.range #slider-range{border:none;border-radius:0;box-shadow:none;height:4px}.range #slider-range .ui-slider-range{background:#222;border:none;border-radius:0;box-shadow:none}.range .ui-slider-handle.ui-state-default.ui-corner-all{background:#222;border:none;border-radius:100%;height:14px;line-height:10px;top:-5px;width:14px}.range .label-input{margin-top:15px}.range .label-input span{color:#282828;margin-right:5px}.range .label-input input{background:transparent;border:none;color:#222;font-size:14px;font-weight:600;margin:0}.range .check-box-list{margin-top:15px}.range .check-box-list li{margin-bottom:5px}.range .check-box-list li:last-child{margin:0}.range .check-box-list li label{color:#333;cursor:pointer;font-size:14px;font-weight:400;margin:0}.range .check-box-list li label input{display:inline-block;margin-right:6px;position:relative;top:1px}.range .check-box-list .count{color:#666;margin-left:5px}.btn.btn-small{border-radius:3px;display:table;line-height:1;min-width:unset;padding:10px 15px}.product-sidebar .single-post{position:relative}.product-sidebar .single-post:not(:last-child){margin-bottom:30px}.product-sidebar .single-post .content{padding-left:95px}.product-sidebar .single-post i{font-size:12px}.product-sidebar .image{float:left;height:80px;margin-right:10px;overflow:hidden;width:80px}.shop .shop-top{border-bottom:1px solid #e6e6e6;clear:both;padding:18px 20px 50px}.shop .shop-shorter{float:left}.shop .single-shorter{display:inline-block;margin-right:10px}.shop .single-shorter:last-child{margin:0}.shop .single-shorter label{display:inline-block;font-weight:500;margin:4px 5px 0 0}.shop .single-shorter .nice-select{border:1px solid #e6e6e6;border-radius:3px;clear:none;display:inline-block;height:auto;line-height:30px;margin:0;width:auto}.shop .single-shorter .nice-select:after{border-color:#888}.shop .single-shorter .nice-select .option.selected{font-weight:500}.shop .single-shorter .nice-select .list li{border-radius:0;color:#666}.shop .single-shorter .nice-select .list li:hover{background:#ef3f48;color:#fff}.shop .view-mode{margin-top:5px}.shop .view-mode button{background:none;border:1px solid #e6e6e6;border-radius:3px;color:#888;font-size:14px;margin-left:5px}.shop .view-mode button.active,.shop .view-mode li.active a,.shop .view-mode li:hover a{background:#ef3f48;border-color:transparent;color:#fff}.single-product{margin-top:50px}.single-product .product-img{cursor:pointer;overflow:hidden;position:relative}.single-product .product-img a{display:block;position:relative}.single-product .product-img a img{width:100%}.single-product .product-img a img.hover-img{left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease,transform 2s cubic-bezier(0,0,.44,1.18);z-index:1}.single-product .product-img a span.price-dec{background-color:#f6931d;line-height:25px}.single-product .product-img a span.new,.single-product .product-img a span.price-dec{border-radius:0;border-radius:30px;color:#fff;display:inline-block;font-size:11px;font-weight:700;height:26px;padding:1px 16px;position:absolute;right:20px;text-align:center;text-transform:uppercase;top:20px}.single-product .product-img a span.new{background-color:#8493ca;line-height:24px}.single-product .product-img a span.out-of-stock{background-color:#ed1b24;border-radius:0;border-radius:30px;color:#fff;display:inline-block;font-size:11px;font-weight:700;height:26px;line-height:24px;padding:1px 16px;position:absolute;right:20px;text-align:center;text-transform:uppercase;top:20px}.single-product .product-img .product-action-2{bottom:0;left:0;position:absolute;text-align:left;transition:all .25s ease-out;z-index:99}.single-product .product-img .product-action-2 a{background-color:transparent;color:#333;display:block;display:inline-block;font-size:12px;font-weight:600;line-height:1;text-align:left;text-transform:uppercase}.single-product .product-img .product-action-2 a:hover{color:#ef3f48}.single-product .product-img .shop-list-quickview{left:0;margin-top:20px;opacity:0;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%);transition:all .35s ease 0s;visibility:hidden;z-index:99}.single-product .product-img .shop-list-quickview a{background-color:#fff;border-radius:100%;color:#000;display:inline-block;font-size:18px;height:50px;width:50px}.single-product .product-img .shop-list-quickview a:hover{background-color:#222;color:#fff}.single-product .product-img .shop-list-quickview a i{line-height:50px}.single-product .product-img:hover.default-overlay:before{background-color:rgba(38,38,38,.2);opacity:1;pointer-events:none;transition:all .25s ease-out;z-index:9}.single-product .product-img:hover.default-overlay.metro-overlay:before{background-color:rgba(38,38,38,.4);opacity:1;pointer-events:none;transition:all .25s ease-out;z-index:9}.single-product .product-img:hover img.hover-img{opacity:1}.single-product .product-action{border-radius:3px;bottom:0;display:inline-block;position:absolute;right:0;z-index:99}.single-product .product-action a{background-color:transparent;color:#333;display:block;display:inline-block;font-size:16px;height:52px;margin-right:15px;position:relative;text-align:right;top:2px}.single-product .product-action a:last-child{border:none;margin-right:0}.single-product .product-action a i{line-height:40px}.single-product .product-action a span{background:#ef3f48!important;border-radius:15px 0 0 15px;color:#fff!important;display:inline-block;font-size:11px;line-height:14px;margin-right:0;margin-top:-5px;opacity:0;padding:5px 12px;position:absolute;right:0;text-align:center;top:-12px;transition:opacity .6s,margin .3s;visibility:hidden;width:120px;z-index:3}.single-product .product-action a:hover{color:#ef3f48}.single-product .product-action a:hover span{background:#fff;color:#333;margin-top:-12px;opacity:1;visibility:visible}.single-product .button-head{background:#fff;bottom:-50px;display:inline-block;height:40px;height:50px;left:0;line-height:50px;position:absolute;transition:all .4s ease;width:100%;z-index:9}.single-product .button-head .product-action a span:after{border-bottom:6px solid #ef3f48;border-left:6px solid #ef3f48;border-right:6px solid #ef3f48;border-color:#ef3f48 transparent transparent;border-style:solid;border-width:6px 6px 6px 0;bottom:-12px;content:"";position:absolute;right:0}.single-product .product-action.pro-action-width-dec a{font-size:14px;height:30px;width:30px}.single-product .product-action.pro-action-width-dec a i{line-height:30px}.single-product .product-action.pro-action-width-dec-2{bottom:45px}.single-product:hover .button-head{bottom:0}.single-product .product-content{margin-top:20px}.single-product .product-content h3 a:hover{color:#ef3f48}.single-product .product-content .product-price span{font-size:15px;font-weight:500}.single-product .product-content .product-price span.old-price{color:#888;margin-left:10px;text-decoration:line-through}.product-grid .product-content .product-action,.product-grid .product-content .product-action-2,.product-grid .product-desc{display:none}.product-grid .product-price{margin:6px 0 0}.product-list .product-img{background:#f5f5f5 none repeat scroll 0 0;float:left;margin:0 3% 0 0;width:32%}.product-list .product-img .button-head{display:none}.product-list .product-content{float:left;padding:0;text-align:left;width:65%}.product-list .product-content .product-action-2 button{display:block;line-height:1;margin:0;min-width:unset;padding:15px 20px}.product-list .product-price{margin:6px 0 15px}.detail-gallery,.product-list .single-product .product-action{position:relative}.detail-gallery .zoom-icon{position:absolute;right:15px;top:15px;z-index:999}.slider-nav-thumbnails .slick-slide{opacity:.5;position:relative}.slider-nav-thumbnails .slick-slide.slick-current{opacity:1}.slider-nav-thumbnails .slick-slide.slick-current:before{border-bottom:5px solid #333;border-left:5px solid transparent;border-right:5px solid transparent;content:"";height:0;left:50%;margin-left:-5px;position:absolute;top:-6px;width:0}.slider-nav-thumbnails .slick-slide.slick-current img{border:1px solid #dbdbdb}.slider-nav-thumbnails div.slick-slide{margin:0 3px}.slider-nav-thumbnails button.slick-arrow{margin:0}.slider-nav-thumbnails .slick-prev{font-size:12px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.slider-nav-thumbnails .slick-next{font-size:12px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.product-rate{background-position:0 -100px;transition:all .5s ease-out 0s;-webkit-transition:all .5s ease-out 0s;width:70px}.product-rate,.product-rating{background-image:url(../imgs/theme/rating-stars.png);background-repeat:repeat-x;height:14px}.product-rating{background-position:0 0}.detail-info .product-price{line-height:1}.detail-info .product-price ins{font-size:30px;font-weight:600;text-decoration:none}.detail-info .product-price ins span.old-price{color:#888;font-size:16px;font-weight:500;margin-left:10px;text-decoration:line-through}.list-filter{list-style:none;margin:0;padding:0}.list-filter li{display:inline-block}.list-filter li a{color:#555;display:block;min-width:30px;position:relative;text-align:center;transition:all .5s ease-out 0s;-webkit-transition:all .5s ease-out 0s}.color-filter.list-filter a span{border-radius:4px;display:block;height:26px;width:26px}.color-filter.list-filter a span.product-color-white{border:1px solid #ddd}.color-filter.list-filter li.active a:before{background:#4cd964;border:1px solid #fff;border-radius:50%;content:"";display:inline-block;font-style:normal;font-variant:normal;height:10px;line-height:1;position:absolute;right:0;text-rendering:auto;top:-3px;width:10px}.size-filter.list-filter a{background:#fff;border-radius:4px;padding:0 7px}.size-filter.list-filter li a{border:1px solid #e5e5e5;color:#555;height:30px;line-height:30px;min-width:30px;text-align:center;text-transform:uppercase}.size-filter.list-filter li a:hover,.size-filter.list-filter li.active a{color:#fff}.detail-qty{max-width:120px;padding:9px 20px;position:relative;width:100%}.detail-qty>a{color:#333;font-size:18px;position:absolute;right:12px}.detail-qty>a.qty-up{top:0}.detail-qty>a.qty-down{bottom:0}.attr-detail .select-box select{height:40px;width:100%}.attr-detail.attr-brand{margin-top:23px}.attr-detail.attr-brand .select-box{display:block;margin-bottom:20px}.detail-extralink>div{display:inline-block;vertical-align:top}.detail-extralink .detail-qty{background:#fff;margin-right:6px}.attr-detail.attr-color table{margin-bottom:15px}.button.button-add-to-cart{padding:10px 40px}.product-extra-link2 a{background:#fff none repeat scroll 0 0;border:1px solid #e5e5e5;border-radius:4px;color:#333;display:inline-block;height:40px;line-height:40px;margin:0 3px;position:relative;text-align:center;transition:all .5s ease-out 0s;-webkit-transition:all .5s ease-out 0s;vertical-align:top;width:40px}.radius{border-radius:4px}.tab-style3 .nav-tabs .nav-item a.active{border-bottom-color:#ff324d;color:#ff324d}.tab-style3 .nav-tabs li.nav-item a{background-color:transparent;border:0;border-bottom:2px solid transparent;display:block;padding:.5rem 1rem;text-align:center;text-transform:uppercase}.tab-content.shop_info_tab{margin-top:40px}.tab-pane .comments-area{border:0;padding-top:0}.shopping-summery thead .main-hading{padding:0 50px}.shopping-summery thead tr th{border:none;text-align:center}.shopping-summery tbody tr img{border-radius:0;max-width:80px}.shopping-summery tbody tr:last-child{border:none}.shopping-summery tbody .product-name a{color:#282828;font-size:17px;font-weight:600}.shopping-summery tbody .product img{border:1px solid #e6e6e6;border-radius:100%;max-height:65px;max-width:70px;padding:4px}.shopping-summery tbody .action,.shopping-summery tbody .price,.shopping-summery tbody .total-amount{text-align:center}.shopping-cart .table p{color:#666;font-size:14px}.shopping-cart .table .remove-icon{font-size:16px}.shopping-cart .table td{border-top:1px solid #eee;padding:15px;vertical-align:middle}.shopping-cart tbody .qty .input-group{display:inline-block;width:175px}.shopping-cart .qty .button-qty{display:inline-block;position:absolute;top:0}.shopping-cart .qty .button-qty .btn{background:transparent;border:none;border-radius:0;color:#282828;font-size:12px;height:47px;line-height:50px;padding:0;width:44px}.shopping-cart .qty .button-qty.minus{border-radius:0;left:0;overflow:hidden}.shopping-cart .qty .button-qty.plus{border-radius:0;overflow:hidden;right:0}.shopping-cart .qty .input-number{border:1px solid #eceded;border-radius:0;height:47px;overflow:hidden;padding:0 45px;text-align:center;width:100%}.shopping-cart .total-amount{margin-top:50px}.shopping-cart .total-amount .left .coupon form input{border:1px solid #e6e6e6;border-radius:5px 0 0 5px;color:#333;display:inline-block;height:48px;margin:0;padding:0 20px;width:220px}.shopping-cart .total-amount .left .coupon form .btn{border-radius:0 3px 3px 0;display:inline-block;height:48px;line-height:48px;margin-left:-4px;margin-top:-2px;min-width:150px;padding:0}.shopping-cart .total-amount .left label{color:#333;font-size:22px;font-weight:500}.shopping-cart .total-amount .left .checkbox{margin:20px 0 0;text-align:left}.shopping-cart .total-amount .left .checkbox label{color:#333;font-size:15px;font-weight:400;padding-left:30px;position:relative}.shopping-cart .total-amount .left .checkbox label:hover{cursor:pointer}.shopping-cart .total-amount .left .checkbox label input{display:none}.shopping-cart .total-amount .left .checkbox label:before{border:1px solid #555;border-radius:0;content:"";height:16px;left:0;position:absolute;top:4px;width:16px}.shopping-cart .total-amount .right{padding-left:100px}.shopping-cart .total-amount .right ul li{color:#333;font-size:15px;font-weight:400;margin-bottom:12px}.shopping-cart .total-amount .right ul li span{display:inline-block}.shopping-cart .total-amount .right ul li.last{border-top:1px solid #c8c8c8;color:#333;font-size:15px;font-weight:400;padding-top:12px}.shopping-cart .total-amount .right .button5 .btn{border-radius:0;color:#fff;font-size:13px;height:46px;line-height:18px;margin-top:10px;text-align:center;width:100%}.toggle_info{background-color:#f7f7f7;padding:20px}.coupon_form .panel-body,.login_form .panel-body{border:1px solid #e6e6e6;margin-top:30px;padding:30px}.custome-radio .form-check-label{cursor:pointer;position:relative}.custome-radio .form-check-label:before{border:1px solid #908f8f;border-radius:100%;content:"";display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.custome-radio .form-check-input{display:none}.custome-radio input[type=radio]+.form-check-label:after{border-radius:100%;content:"";height:10px;left:3px;opacity:0;position:absolute;top:8px;width:10px}.custome-radio input[type=radio]:checked+.form-check-label:after{opacity:1}.custome-checkbox .form-check-label{color:#687188;cursor:pointer;padding:0;position:relative;vertical-align:middle}.custome-checkbox .form-check-label:before{border:2px solid #ced4da;border-radius:2px;content:"";display:inline-block;height:17px;margin:0 8px 0 0;vertical-align:middle;width:17px}.custome-checkbox .form-check-label span{vertical-align:middle}.custome-checkbox .form-check-input{display:none}.custome-checkbox input[type=checkbox]:checked+.form-check-label:after{opacity:1}.custome-checkbox input[type=checkbox]+.form-check-label:after{border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";height:6px;left:3px;opacity:0;position:absolute;top:50%;transform:translateY(-65%) rotate(-45deg);width:11px}.login_footer{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:5px;width:100%}.input-group-append .btn{padding:20px}.order_review{background-color:#f7f8f9;border-radius:3px;padding:30px}.payment_option .custome-radio{margin-bottom:10px}.payment_option .custome-radio .form-check-label{color:#292b2c;font-weight:600}

.main_content{
  overflow-x: hidden;
}
.background12{
  overflow-x: hidden;
}
.background12 .banner img{
  width: 100%;
  height: auto;
}
.login-form-container{
    background:#272554;
}

.signup-btn strong{
font-weight: 500;
}

.shop {
    input {
        color: #fff
    }
    ::placeholder{
        color:#fff
    }
    overflow-x: hidden;
}
.connect-btn{
    cursor: pointer;
}

@media (max-width: 1024px){
    .connect-popup{
        transform: translateX(30vh);
    }
}
@media (max-width: 768px){
    .connect-popup{
        transform: translateX(20vh);
    }
    .connect-user-profile{
        border-bottom: 1px solid #ccc
    }
}
@media (max-width: 500px){
    .connect-popup{
        top: 10vh;
        transform: translateX(5vh);
        width: 80%!important;
    }
}



/* Overlay */
.profile-popup-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1200;
}

/* Card */
.profile-card {
  background: #fff;
  border-radius: 16px;
  display: flex;
  width: 90%; max-width: 800px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0,0,0,0.2);
  animation: fadeIn 0.3s ease-in-out;
}

/* Left Section */
.profile-left {
  color: #000000;
  padding: 30px 20px;
  width: 35%;
  text-align: center;
  background: #f8f8f8;
}
.profile-img {
  width: 120px; height: 120px;
  border-radius: 50%;
  border: 4px solid #fff;
  margin-bottom: 15px;
}
.contact-icons a, .social-icons a {
  display: inline-block;
  margin: 5px;
  font-size: 18px;
  color: #fff;
  /* background: rgba(255,255,255,0.2); */
  padding: 1px;
  border-radius: 10%;
  transition: 0.3s;
}
.contact-icons a:hover, .social-icons a:hover {
  background: #fff;
  color: #2575FC;
}

/* Right Section */
.profile-right {
  padding: 30px;
  width: 65%;
}
.profile-right h3 {
  margin-bottom: 15px;
  border-bottom: 2px solid #eee;
  padding-bottom: 8px;
}
.profile-right ul {
  list-style: none;
  padding: 0;
}
.profile-right ul li {
  margin: 12px 0;
  font-size: 16px;
  color: #333;
}
.profile-right ul li i {
  color: #2575FC;
  margin-right: 8px;
}

/* Buttons */
.btn-primary {
  background: linear-gradient(135deg, #6A11CB, #2575FC);
  color: #fff;
  border: none;
  padding: 12px 20px;
  border-radius: 8px;
  cursor: pointer;
  margin-right: 10px;
}
.btn-secondary {
  background: transparent;
  border: 1px solid #aaa;
  padding: 12px 20px;
  border-radius: 8px;
  cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
  .profile-card {
    flex-direction: column;
  }
  .profile-left, .profile-right {
    width: 100%;
    text-align: center;
  }
}

/*Send Message Popup*/
.popup-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1200;
}

/* Card */
.popup-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.15);
  width: 90%; max-width: 500px;
  overflow: auto;
    /* height: 529px; */
  animation: fadeIn 0.3s ease-in-out;
}

/* Header */
.popup-header {
  background: #272554;
  color: #fff;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.close-btn {
  cursor: pointer;
  font-size: 20px;
  background: #fff;
  color: #333;
  border-radius: 50%;
  padding: 0px 10px;
  transition: 0.3s;
}
.close-btn:hover {
  background: #ff4d4d;
  color: #fff;
}

/* Body */
.popup-body {
  padding: 10px;
}

.popup-body input,
.popup-body textarea {
  width: 100%;
  padding: 5px 12px;
  margin: 8px 0;
  border: 1px solid #ddd;
  border-radius: 8px;
  outline: none;
  transition: border 0.3s;
}
.popup-body input:focus,
.popup-body textarea:focus {
  border: 1px solid #4A90E2;
}

/* Buttons */
.btn-primary {
  background: green;
  color: #fff;
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.2s;
}
.btn-primary:hover {
  transform: translateY(-2px);
}

.btn-secondary {
  background: #5a6268;
  border: 1px solid #aaa;
  padding: 12px 20px;
  border-radius: 8px;
  cursor: pointer;
  margin-left: 10px;
}
.btn-secondary:hover {
  transform: translateY(-2px);
  background: #D81726;
  color: #fff;
}


/* Animation */
@keyframes fadeIn {
  from {opacity: 0; transform: translateY(-20px);}
  to {opacity: 1; transform: translateY(0);}
}

/* Responsive */
@media (max-width: 768px) {
  .popup-card {
    width: 95%;
    height: 529px;
  }
}

/* auth designs */
.background12 .login-section{
  margin-left: 30px;
  margin-right: 50px;
}
.login-section-container {
  height: 100vh;
}
.login-section {
      box-shadow: 0px 4px 20px rgba(0,0,0,0.1);
      border-radius: 20px;
      padding:30px;
      margin-left: 50px;
      /* transform: translateY(145px); */
    }

.login-section ::placeholder {
        color: #ccc !important;
        opacity: 1;
    }
.login-section input {
  border: 1px solid #ccc
}

.login-section .btn {
  background-color: #218838!important;
  border-radius: 50px;
  min-width: 150px !important;
  width: 150px;

}

.login-section .divider {
  display: flex;
  align-items: center;
  text-align: center;
  color: #333;               /* darker text for visibility */
  margin: 20px 0;
  font-size: 14px;
  font-weight: 600;
  height: auto!important;
  justify-content: center!important;
}

.login-section .divider::before,
.login-section .divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, transparent, #bbb, transparent);
}

.login-section .divider::before {
  margin-right: 10px;
  border:none!important;
  position:unset
}

.login-section .divider::after {
  margin-left: 10px;
  position: unset;
}



.login-section .social-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.login-section .social-buttons img {
    height: 40px;
    width: 40px;
    cursor: pointer;
    margin: 0px 0px;
    border: 1px solid #ccc;
    border-radius: 50px;
    padding: 8px;
    cursor: pointer;
    }
  .terms-section{
    font-size: 12px;
    margin-top:30px;
    margin-bottom:10px;
  }

   /* Right Side - Services */
    .services-section {
      width:100%;
      height: 100vh;
      background: #fdfdfd;
      padding-bottom: 0px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
    }

    .main_content .services-section{
      padding-left: 50px;
      padding-right: 0px;
    }

    .background12 .services-section{
      padding-right: 50px;
      padding-left: 0px;
    }
    .services-section h3 {
      text-align: left!important;
      margin-bottom: 20px;
    }
    .services {
      position: absolute;
      bottom: 20px;
      left: 80px;
      background: rgba(51, 51, 51, 0.6);
      width: 92%;
      padding:20px;
    }

    .services .boxes {
      display: flex;
      gap: 20px;
      background:#fff;
      padding:20px;
    }

    .service-box {
      background: #f8f9fa;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 8px;
      text-align: center;
      font-size: 13px;
      width: 167px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.05);
      display: flex;
      flex-direction: column;
      align-items: center;
      cursor: pointer;
    }
    .service-box img{
      width: 40%;
      background: #e9e9e9;
      border-radius: 8px;
      padding: 5px;

    }
    .banner {
      /* background: url('../../../assets/login-image.png') no-repeat; */
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
    }

    .banner img{
      width: 100%;
      height: 100%;
      object-fit: fill;
    }


      .background12{
        background:#fff!important
      }

      .background12 .services-section{
        justify-content: flex-start;
      }

      .background12 .services {
         flex-wrap: wrap;
         bottom:320px;
      }

      .background12 .services .boxes{
        flex-wrap: wrap;
        justify-content: space-evenly;
      }

      .background12 .service-box{
        width: 280px;
        height: 130px;
        justify-content: center;
      }

      .background12 .service-box img{
        width: 20%;
      }

      @media (max-width: 2560px) {
        .background12 .banner img{
          width: 100%!important;
          height: auto!important;
        }
  }

      @media (max-width: 1800px) {
      .terms-section{
        margin-top:20px
      }
      .login-section {
        height: auto;
      }

      .banner img{
        height: 100%;
      }
      .main_content .main-heading{
        margin-bottom:10px!important;
      }
      .service-box{
        padding:5px;
      }
      .service-box img{
        width:30%;
      }
      .login-section{
        padding: 20px 25px;
      }
      .btn{
        padding: 22px 44px!important
      }
      .background12 .service-box{
        width: 200px;
        height: 120px;
      }
      .background12 .login-section {
        transform: translateY(17px)!important;
    }
    .background12 .banner img{
      width: 100%!important;
      height: auto!important;
    }
    }

    @media (max-width: 1650px) {
      .services {
        left: 70px;
      }
    }

    @media (max-width: 1440px) {
      .background12 .services{
        bottom:60px;
      }
      .services {
        width: 91%;
      }

      /* .main_content .login-section {
        transform: translateY(45px);
    } */
    .background12 .login-section {
        transform: translateY(14px)!important;
    }

      .login-section .logo-img{
        width:130px
      }

      .login-section h3{
        font-size:20px;
        margin-top: 5px!important;
      }

      .login-section input{
        height:35px
      }

      .login-section .btn {
        padding-top: 17px!important;
        padding-bottom: 17px!important;
      }
      .login-section .login_footer{
        margin-bottom:10px;
      }

      .login-section .social-buttons img{
        height: 30px;
        width: 30px;
      }
      .login-section .divider {
        margin: 10px 0px;
      }
      .login-section .terms-section{
        margin-top:10px;
        margin-bottom: 0px;
      }

    }

    @media (max-width: 1200px) {

      .services-section{
        padding-left:30px
      }


    }

    @media (max-width: 1024px) {
      .background12 .service-box{
        width: 130px;
        justify-content: center;
      }
      .background12 .services{
        justify-content: center;
      }
    }

    @media (max-width: 992px) {
      .login-section-container{
        height: auto
      }
      .login-section {
        /* transform: translateY(0px)!important; */
        margin-left: 0px;
    }
    .main_content .services-section {
      margin-top: 20px;
      height: 100%;
      }
      .background12 .services-section {
      margin-bottom: 20px;
      height: 100%;
      }
      .service-box img{
        width:50%;
      }
  .main_content .services-section{
      padding-left: 0px;
    }
    .services{
        left: unset;
        right: 0px;
        width:100%
      }
    }


     @media (max-width: 768px) {

      .services .boxes {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    a.slicknav_btn.slicknav_collapsed{
        display:none;
    }
}

 @media (max-width: 625px) {

  .services{
        position:unset;
        left: unset;
        right: 0px;
        width: 100%;
      }

  .service-box img{
        width:25%;
      }
    /* .banner {
      display: none;
    } */

    a.slicknav_btn.slicknav_collapsed{
        display:block;
    }

 }


.contact-icons, .social-icons {
    display: flex;
    flex-direction : row;
    flex-wrap: wrap;
    justify-content: center;
}

.contact-icons .image img , .social-icons .image img {
    width: 25px;
    height: 25px;
}


 /* Tooltip container */
    .contact-icons .image, .social-icons .image {
        position: relative;
        display: inline-block;
    }

    /* Tooltip text */
    .social-icons .image .tooltip, .contact-icons .image .tooltip {
        visibility: visible;
        width: 120px;
        background-color: #333;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 125%; /* Position above the icon */
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 12px;
        font-family: Arial, sans-serif;
    }

    /* Tooltip arrow */
    .social-icons .image .tooltip::after, .contact-icons .image .tooltip::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #333 transparent transparent transparent;
    }

    /* Show the tooltip on hover */
    .social-icons .image:hover .tooltip, .contact-icons .image:hover .tooltip {
        visibility: visible;
        opacity: 1;
    }


    .button-contactForm{
        padding: 0px 5px;
        }
        #mc_embed_signup div{
            display: inline-block;
        }