<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">   
body{ font-family: "Work Sans", sans-serif;;box-sizing: border-box;}
@media (min-width:1300px) {.container {max-width:1240px !important;}} 
a{text-decoration: none;}
    .navbar .nav-link {gap: 10px;
      color: white ;
    }
      .hover-dropdown:hover &gt; .dropdown-menu {
    display: block;
    margin-top: 0;
  }
     
    .navbar-brand {
      font-family: 'Poppins', sans-serif;
    }
    .search-btn {
      background-color: white;
      border-radius: 50px;
      padding: 6px 20px;display: flex
;
    }
    .blog-link {
      color: white;
      font-weight: 500;
    }
    .hamburger {
      border: 1px solid #f7ff00;
      padding: 6px 10px;
      border-radius: 4px;
      background: transparent;
    }
    .center-logo {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }
    .new-home{    background-position: center;
    background-image: url(../images/bgtop.png);
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
}
    .line{border: 1px solid #f7ff00; width: 150px;margin: 0 auto;;}
    .hero-title{font-size: 34px;letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;line-height: 40px;font-weight: 700;}
    .main-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 80px 20px;
  flex-wrap: wrap;
}

.side {
  display: flex;
flex-wrap: wrap;
  align-items: center;
  gap: 25px;
}

.left {
  transform: translateY(-20px); /* Stagger slightly */
}

.right {
  transform: translateY(20px);
}

.center-img {
  margin: 0 40px;
}

.circle-left1,
.circle-left2,
.circle-left3,
.circle-right1,
.circle-right2,
.circle-right3 {
 
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: float 3s ease-in-out infinite;
}

.circle-left1:hover,
.circle-left2:hover,
.circle-left3:hover,
.circle-right1:hover,
.circle-right2:hover,
.circle-right3:hover {
  transform: scale(1.1);

}

/* Floating effect */
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* semi-transparent black */
  display: none;
  z-index: 999; /* below the menu but above the rest */
}

.overlay.show {
  display: block;
}

.circle-left1{ position: fixed;
    width: 200px;
    top: -122px;
    left: 64px;
}
.circle-left2{position: fixed;top: 100px;left: 0px;}
.circle-left3{    position: fixed;
    top: 119px;
    left: 171px;
}
.circle-right1{    top: -148px;
    position: fixed;
    right: 89px;
}
.circle-right2{  top: 55px;
    position: fixed;
    right: 0px;}
    .circle-right3{    top: 123px;
    position: fixed;
    right: 193px;}
/* .circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
} */
.benefits-section{background-image: url("../images/benefits.png"); 
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;}
    .benefits-section .card{      color: #fff;
    background: #185DDB;
    height: 284px;
    padding: 35px 47px;
    text-align: left;
    align-items: flex-start;
}
.shop-card {width: 100%;
            background: white;
            border-radius: 12px;
            border: 1px solid #E2E2E2;
            overflow: hidden;
            box-shadow: 0 4px 10px #00000014;
            transition: transform 0.3s ease-in-out;
                margin-bottom: 20px;
           }

        .shop-card:hover {
            transform: translateY(-5px);
        }

        .shop-img {
            width: 100%;
            height: 180px;
            /* Adjust height as needed */
            object-fit: cover;
        }

        .shop-content {
            padding: 20px;
        }

        .shop-content h4 {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .shop-content p {min-height: 112px;
            letter-spacing: 0px;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    opacity: 1;
            margin-bottom: 15px;
        }

        .shop-btn {
            background-color: #FF8000;
            color: white;
            padding: 5px 40px;
            border-radius: 18px;
            text-decoration: none;
            display: inline-block;
            font-weight: bold;
        }

        .shop-btn:hover {
            color: #fff;
            background-color: #112877;
            transition: 0.3s ease-in-out;
        }

        .shop-card span {
            position: relative;
        }

        .shop-card span h3 {
            position: absolute;
            top: 10px;
            left: 10px;
            ;
        }
.connect-btn a{background-color: #262161;
    padding: 10px;
    width: 300px;
    margin: 40px auto;
    text-align: center;
    border-radius: 50px;color: #fff;display: flex;justify-content: center;text-decoration: none;
}
.connect-btn a:hover{background-color: #FF8000; transition: 0.3s ease-in-out;}
.hover14 figure {margin: 0;
	position: relative;
	overflow: hidden;
}

.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	transform: skewX(-25deg);
	pointer-events: none; /* Optional: avoids capturing hover */
}

.hover14 figure:hover::before {
	animation: shine .75s;
}
.hover14 figure:hover::before {
	animation: shine .75s ease-in-out;
}


@keyframes shine {
	100% {
		left: 125%;
	}
}

.column:hover{transform: translateY(-3px);
    transition: all .25s cubic-bezier(.02,.01,.47,1);
    box-shadow: -1px -1px 8px 2px #b0aeae14;}
    .card-title{color: #484848;text-decoration: none;font-size: 16px;line-height: 25px;font-weight: 600;}
/* 
.swap{background-image: url("../images/swap.png");background-repeat: no-repeat;background-size: cover;height: 600px;} */
.bgback{position: relative; margin-top: 30px;}
.back img{height: 540px;}
.swap{ position: absolute;
    left: 0;
    right: 0;
    top: 15px;}

     .swiper-slide {
        background-color: #0d6efd;
    color: white;
    border-radius: 1rem;
    padding: 2.5rem;
    height: auto;
    width: 496px ;
    }
    .swiper-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{left: 170px;bottom: 30px;}
    .swiper-button-next{right: 70px;border: none;}
    .swiper-button-next:hover{background-color: #fff;}
 .swiper-button-prev{left:380px;border: none;}
  .swiper-button-prev:hover{background-color: #fff;}


     .newsletter-box {width: 1000px;margin: 0 auto;;
      background-color: #f44336; /* Red */
      padding: 1.5rem;
      border-radius: 10px;
      margin-bottom: -60px;
      z-index: 2;
      position: relative;
    }
    .form-control{border-radius: 8px 0px 0px 8px;}
    .btn-sub{background: #000000 ;padding: 10px;outline: none;color: #FFFFFF;width: 150px;;
border-radius: 0px 9px 9px 0px;
opacity: 1;}
    .footer-section {margin-top: 10px;
      background-color: #000;
      color: #fff;
      padding-top: 80px;
      padding-bottom: 40px;
      border-radius: 10px 10px 0 0;
    }
    .footer-links a {
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    line-height: 30px;
    font-size: 16px;
}
    .footer-links a:hover {
      text-decoration: underline;
    }


   .custom-toggle {
    border-radius: 3px;
    background: #015ca5;
    border: 1px solid #feeb03;
    cursor: pointer;
    align-items: center;
    display: flex;
    padding: 7px;
}


    .custom-toggle-new {
    background: none;
    border: none;
    }

    .customInner {
          background: #fff;
        padding: 0;
        width: 350px;
        position: fixed;
        left: -17px;
        z-index: 999;
        top: 0px;
        padding: 10px 22px;
      display: none;height: 100vh; overflow-y: auto;}

    .custom-menu.show .customInner {
      display: block  ;
    }

    .custom-link {
         color: #000000;
    text-decoration: none;
    font-size: 1rem;
    width: 100%;
    display: block;
    margin-bottom: 10px;border-bottom: 1px solid red;
    }

.dropdown-toggle::after{content: none;}
.dropdown-header {font-weight: 500;
  color: #0057b5;
  cursor: pointer;font-size: 15px;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}

.arrow {
  transition: transform 0.3s ease;
}

.dropdown-content {
  background: #fff;
  margin: 0 16px 12px 16px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.dropdown-content a {
  display: block;
  padding: 10px 14px;
  color: #333;
  text-decoration: none;
  font-size: 14px;
}

.dropdown-content a:last-child {
  border-bottom: none;
}

.dropdown-content.show {
  max-height: 1000px;
  opacity: 1;
  text-align: left;
}

.sidebar-link {
  font-weight: bold;
  color: #003366;
  padding: 12px 16px;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  cursor: pointer;
}
.dropdown-content {
  display: none;
}
.dropdown-content.show {
  display: block;
}
.arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}


.navbar-nav .dropdown:hover .dropdown-menu {
  display: flex;flex-wrap: wrap;width: 400px;gap: 10px;padding: 10px;
  margin-top: 0; 
  animation: dropdownFade 0.3s ease;
}

/* Optional fade-in animation */
@keyframes dropdownFade {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.sub-heading{letter-spacing: 0px;
color: #010E1D;
text-shadow: 0px 3px 16px #0000000F;
opacity: 1;font-size: 30px;line-height: 20px;font-weight: 600;}
.counter-nubmer{letter-spacing: 0px;
color: #262161;;font-size:48px;line-height: 60px ;font-weight: 700;margin: 0;}
.counter{color: #EE3F36;}
a:hover { text-decoration: none;}
.btn-conect {
    border-radius: 38px;
    padding: 10px;
    opacity: 1;
    background-color: #262161;
    color: #fff;
    width: 300px;
    display: block;
    text-align: center;}
   .btn-conect:hover{background-color: #EE3F36; color: #fff; text-decoration: none;}
   .brand-box{    border: 1px solid #EBEBEB;
    border-radius: 5px;
    opacity: 1;
    background: #fff;
    padding: 10px;
    width: 140px;
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;

}
.text-muted{letter-spacing: 0px;
color: #6A6A6A;
opacity: 1;;font-size: 20px;line-height: 28px;}
.runing-text{letter-spacing: 0px;
color: #000000;
opacity: 1;font-size: 18px;line-height: 24px;;font-weight: 400;}
.itme {      width: 234px;
    text-align: center;
    padding-right: 24px;
    border-right: 1px solid #e2e2e2;}
.itme:last-child{border: none;}
.card h5{letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;;font-size: 24px;}
.cards{border: 1px solid  #185DDB;background-color: #185DDB;}

  .ddYes:hover .megamenuWapper {
    display: inline-block;
  }

  .megamenuWapper {    width: 350px;
    display: none;
    position: absolute;
    top: 32px;
    left: 0px;
    z-index: 999;
    background: #fff;
    min-width: 200px;
    border: 1px solid #b9b6b6;
    border-top: 0px solid #fff;
  }
 /* #navbarContent ul.mainNav li:last-child.ddYes:hover .megamenuWapper { 
    left:  -262.3px !important;
  } */

 

  .mainNav {display: flex;list-style: none;gap: 20px;align-items: center;
    position: relative;
  }
  .headerNavs .mainNav {gap: 6px !important;}
  .mainNav a{color: #FFFFFF;padding: 10px 20px 10px 10px;    border: 1px solid #ffffff00;
}
.mainNav li.dropdown svg {right: 5px; top: 10px; position: absolute;}
  .ddYes.dropdown:hover &gt; .mainLinks {        border-left: 1px solid #b9b6b6;
        border-right: 1px solid #b9b6b6;
        border-top: 0px solid #b9b6b6;
        border-bottom: 1px solid #ffff;
  background-color: #FFFFFF; /* Change this to your preferred color */
  color: #013DA5;              /* Optional: text color for contrast */
}
  .ddYes {
    position: relative;
  }
      .navCatList{
        display: flex;
        flex-wrap: wrap;
        padding: 7px 0px 5px 8px;
    }
      .navCatList li{list-style: none; max-width: 30%;
        flex-basis: 30%;
        margin: 0;
}
    .navCatList li a {
        width: 100%;
        display: block;
        padding: 5px;
        margin: 0;
    }
      .navCatList li a img{   width: 100%;
        height: auto;
        object-fit: contain;
        border: 1px solid #EDEDED;
        padding: 4px;
    }
       .navbar-expand-lg ul &gt; li .megamenuWapper.subcateg-2 {
        width: 350px;
    }
    .navbar-expand-lg ul &gt; li .megamenuWapper.subcateg-2 ul li{
        max-width: 30%;
        flex-basis: 30%;
    }
        .navbar-expand-lg ul &gt; li .megamenuWapper.subcateg-3 {
        width: 350px;
        }
  .navbar-expand-lg ul &gt; li .megamenuWapper.subcateg-3 ul li{
        max-width: 26%;
        flex-basis: 26%;
    }
    .navbar-expand-lg ul &gt; li .megamenuWapper.subcateg-1 {
        width: 280px;
    }

.card-box{width: 200px;box-shadow: -4px 1px 20px 4px #bfbfbf00;}
.card-group{display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    justify-content: center;}
    .card-box .card{border: none;}
    .footer-text {font-size: 12px;line-height: 18px;color: #fff;font-weight: 300;}
    .footer-logo img{width: 200px;margin-bottom: 10px;}
    .blog-section {         display: flex;
    width: 100%;
    gap: 0;
    justify-content: center;
  
  }
    .close-btn2{
            border: none;
    /* position: absolute; */
    background-color: #fff;
    top: 17px;
    left: 30px;
  }

  .filter-tabs {
    display: flex;flex-wrap: wrap;
      border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    /* justify-content: end; */
    gap: 20px;
  }

.brand-section {
  margin: 0px;
  scroll-margin-top: 150px; /* Or the height of your sticky filter-tabs */
}
    
.filter-btn {font-size: 14px;line-height: 20px;
      margin-right: 20px;
      cursor: pointer;
      font-weight: 400;
      color: rgba(0, 0, 0, 1);
      position: relative;
    }

.filter-btn.active{color: rgba(212, 5, 14, 1);}
    .filter-btn.active::after {
      content: "";
      position: absolute;
      bottom: -10px;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: rgba(212, 5, 14, 1)
    }

    /* .brand-section {
      margin-bottom: 60px;
    } */

    .brand-section h5 {
         font-weight: bold;
    margin-bottom: 20px;
    font-family: Lato;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;

    text-align: center;
    }

    .brand-box {
      background: #fff;
      border-radius: 10px;
      padding: 10px 20px;
      text-align: center;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
      min-height: 125px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 5px;
    }

    .hidden-section {
      display: none;
    }
.logo-section{
    width: 132px;
    height: 80px;
    margin: 0px 10px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
   border: 1px solid #f0f0f0;
    justify-content: center;
    text-align: center;
    display: flex;
    align-items: center;}
.close-btn {
  display: none;
  position: fixed;
  top: 15px;
  right: 20px;
  font-size: 28px;
  background: transparent;
  border: none;
  z-index: 1001;
  color: white;
  cursor: pointer;
}
.close-btn.show {top: 35px;;z-index: 9999999999999999 ;
  display: block;
}
.overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

/* .overlay.show {
  display: block;
} */
.bg-search{background: #012777; padding: 20px 0;}
.search-bar-wrapper {z-index: 11111111;
    top: 0px;
    position: absolute;
    display: none;
    background-color: white;
    padding: 0px 0;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
    left: 0;
    width: 100%;
    /* height: 306px; */
}

/* Show it with animation */
.search-bar-wrapper.show {
  display: block;
  animation: fadeSlideDown 0.3s ease;
}

@keyframes fadeSlideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Search box layout */
.search-box {
  max-width: 800px;
  margin: 0 auto;
  background-color: #fff;
  border: 2px solid #036cc8;
  border-radius: 50px;
  padding: 8px 16px;
  gap: 10px;
  position:relative;
  
}

/* Icon inside input */
.search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  background-color: #fff;
    border-radius: 50%;
    padding: 10px;
    border: none;
}
.search-box .form-control:focus {
    box-shadow: inherit !important;
}
 
.footer-categories{    border-right: 1px solid #707070;
    border-left: 1px solid #707070;
    padding-left: 30px;}
    .modals-content{display: flex;margin-bottom: 20px;
    justify-content: center;
    margin-left: 109px;
}
.footer-categories2 { padding-left: 30px !important;}
.footer-links ul {width: 100%; display: flex; flex-wrap: wrap; padding: 0;}
.footer-links ul li{width: 50%; list-style-type: none;}
.footer-links a:hover {color: #fff; text-decoration: none;}
.modals-content img{width: 200px;display: block;}
.worldwide-map img{width: 1050px; margin: 40px auto;display: block;;}
.sub-news{font-size: 30px;}
.footer-links p{margin: 0 ;padding: 0;;}
        @media (max-width: 768px) {
          .footer-categories{border: none;padding: 12px;;}
          .logo-section{width: 90px;}
          .filter-btn{line-height: 8px;}
          .tabs{overflow: hidden;}
            .filter-tabs {display: flex;
flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: start;
  }
          .search-bar-wrapper{height: auto; top: 0px;}
          .bg-search{padding: 20px 40px 20px 0px;}
      .main-section{display: none;}
      .custom-toggle {
        display: block;
      }

      .custom-menu .customInner{
        flex-direction: row;
        justify-content: flex-end;
      }
      .container{width: 100%;margin: 0 auto;;}
      .benefits-section{background-image: none;background-color: #013DA5;height: auto;}
      .worldwide-map img{width: 100%;}
     .swap .swiper-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{display: block;}
      .swap .swiper-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
         bottom: var(--swiper-pagination-bottom, -28px) !important;
          }
      .swap .swiper-pagination-bullet-active {
          background: #ffffff;
      }
      .swap .swiper-pagination-bullet {
          background: #ddd;
      }
    
      .back img{display: none;}
    .swap{position: relative;background-color: #000000;}
    .sm-text{color: #FFFFFF;}
    .swiper-nav{display: none;;}
    .swiper-slide{width: 250px;padding: 20px;}
    .card-box{ width: 150px;}
    .itme {
        margin: 10px 0;
        width: 150px;
        padding: 0;
    }    
    .counter-nubmer {
    line-height: 40px;
}
.itme p {font-size: 13px;}
    .new-home{background-image: url('../images/mobgtop.png');height: auto;}
    .blog-link{display: none;}
    .navbar&gt;.container-fluid{display: contents;}
    .modals-content{margin: 0;padding-right: 92px;}
    .modals-content img{width: 130px;display: flex; margin: 0 auto;}
    .custom-menu .customInner{width: 330px;}
    .hero-title {
        font-size: 21px;
        line-height: 26px;
        margin-top: 30px;
    }
     .bg-light{
    padding-top: 30px !important;
}
    .sub-heading{font-size: 30px;line-height: 36px;}
        h3.sub-heading {
        margin-top: 30px;
    }
.itme:nth-child(2),
.itme:nth-child(4) {
  border: none;
}
.brand-box{width: 150px;}
.btn-conect{width: 100%;}
.blog-section {        display: grid
;gap: 10px;}
        .close-btn.show {
    top: 32px;
    z-index: 9999999999999999;
    display: block;
    right: 4px;
}
.search-box{margin: 0 10px;}
.text-muted{font-size: 18px;line-height: 24px; padding:0;}
.benefits-section .card{padding: 35px 25px;}
.sub-news{font-size: 24px;line-height: 30px;}

  }
  
  
  
  #gdpr-cookie-message {
  position: fixed;
  right: 30%; 
  z-index:99999;
  bottom: 30px;
  max-width: 550px;
  background-color:#fff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 6px 6px rgba(0,0,0,0.25);
  margin-left: 30px;
  font-family: system-ui;
}

#gdpr-cookie-message p, #gdpr-cookie-message ul {
  color: #000;
  font-size: 15px;
  line-height: 1.5em;
  padding-left: 0;
}

#gdpr-cookie-message a {
  color: #000;
  text-decoration: none;
  font-size: 15px;
  padding-bottom: 2px;
  border-bottom: 1px dotted #000;
  transition: all 0.3s ease-in;
}

#gdpr-cookie-message p:last-child {
  margin-bottom: 0;
  text-align: right;
}

#gdpr-cookie-message button, button#ihavecookiesBtn {
  border: none;
  background: #000000;
  color: #fff;
  font-family: 'Quicksand', sans-serif;
  font-size: 15px;
  padding: 7px;
  border-radius: 3px;
  margin-left: 15px;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
#gdpr-cookie-message h4 { font-size: 18px; color: #000;     line-height: 28px;}

button#gdpr-cookie-advanced {
  background: #c3c3c3;
  color: #000;
}



.popupOverlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 9999;
}
@media (min-width: 800px){
.popupWindow {
    max-width: 800px;
    width: 800px;
}
.br-right {padding: 0 30px;}
.br-right::after {
  content: "";
  background-color: #fff;
  height: 60%;
  width: 0.2px;
  position: absolute;
  top: 0;
  right: 0;
}
.new-sletter-block {padding: 0 40px;}
}
.popupWindow {
    position: absolute;
    top: 50%;
    overflow-y: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 750px;
    max-width: 90%;
    max-height: 95%;
    border-radius: 8px;
}
.closeMe {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #000;
    font-size: 20px;
    z-index: 9;
}
.popupTextBox {
    background: #fff;
}
.popupWindow .popUprightForm {
    padding: 10px 0;
}
#popupTextBox { margin-right: 0!important;}
.popupWindow h2 {
    margin: 0;
    text-transform: uppercase;
    font-size: 31px;
    font-weight: 600;
    text-align: center;
}
.popupWindow h3 {
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 0.5px;
  margin: 0;
  display: inline-block;
  width: 100%;
  text-transform: none;
  font-weight: 500;
  font-family: Georgia;
  color: #000000;
  margin-bottom: 20px;
}
.popupWindow  p{
  color: #767474;
  font-family: Georgia;
  font-weight: 500;
  font-size: 22px;
}
.btn-popup {
  background: #000;
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  border: 1px solid #000;
  height: 40px;
  display: block;
  font-size: 14px;
}
.popupWindow h3 span {
  color: #D5050D;
  font-size: 23px;
  font-weight: 800;
}
.popmidleForm {
  padding: 20px 30px 40px 30px;
}

.popupWindow .popupTitle {
    font-size: 16px;
    margin: 10px 0 33px;
    color: #4a4545;
    font-weight: 600;
}
.subscribeInput {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    margin: 10px 0;
}
.popUprightForm .popmidleForm .btn-popup.subscribeButtonPoupup {
  max-width: 160px;
  background-color: #D5050D;
  border: 1px solid #D5050D;
  border-radius: 4px;
}
.popUprightForm .popmidleForm .input-group.subscribeInput input {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  margin-bottom: 20px !important;
  border-bottom: 1px solid #777777 !important;
  border-radius: 0 !important;
  font-family: Georgia;
  font-weight: 600;
  padding: 0 0 5px 0 !important;
  font-size: 12px;
}
.nextTime {
    padding: 0;
    outline: 0!important;
    border: none;
    background: inherit;
    margin: 20px 0 0;
    text-decoration: underline;
    font-weight: 600;
    color: #4a4545;
}


.popupHomeBg {display: block;}
.popupHomeBg1 {display: none;}
@media (max-width: 600px){
.popupWindow {
    left: 50%;
    top: 10%;
    transform: translate(-50%, -0%);
}
#gdpr-cookie-message {
    right: 0;
    bottom: 0;
    max-width: 100%;
    margin: 10px;
}
.popupWindow .popUprightForm {
    padding: 30px 20px;
}
.popupWindow h2 {
    display: none;
}
.popupWindow h3 {
  margin: 0px 0 20px;
}
.popupWindow p {
  font-weight: 500;
  font-size: 18px;
}
.popupWindow h3 span {
  font-size: 18px;
}
.popupWindow h3 {font-size: 20px;}
.popupHomeBg {display: none; }
.popupHomeBg1 {display: block;}

.closeMe {
    top: 5px;
    right: 5px;
   
}
.popmidleForm {
  padding: 20px 0;
}


.popimage {padding: 0 !important;}
.checkerListingBoxes{width: 100%;}
}

@media only screen and (min-width:900px)
{
  .bgback .swiper {padding-right: 130px !important;}
.swap .swiper-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 28px) !important;

}
.swap .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 30px);
    right: auto;
    top: 50%;
  }
  .bgback {position: relative;}
  .swap .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 30px) !important;
    top: 50% !important;
}
    .bg-dots {
        position: relative;
        content: "";
        width: 100%;
        background-image: url(/../assets/images/bg-dots.jpg?v=475);
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 35px 85px;
        background-position: center;
        border-radius: 30px;
    }
  }

@media only screen and (max-width:600px)
{
      .modals-content{margin: 0;padding-right: 22px !important;}
.new-home {
        height: 280px !important;
    }
.card-group {    
    flex-direction: row;
    justify-content: center;
}
.footer-categories2 {
    padding-left: 10px !important;
}

}
@media only screen and (max-width:500px)
{
.brand-box {
        width: 46%;
    }
 .benefits-section .card {
        padding: 35px 25px;
        margin: 0 0 13px;
    }
  .card-box{ width: 150px;}


}

.mainNav li:hover svg path {
  stroke: #000 !important; /* changes the color to red */
}

.swap .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #000 !important;
    background-color: transparent;
}

.myClass .custom-menu.show::before {
    position: fixed;
    content: "";
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 9;
}</pre></body></html>