.nav{
    color: #fff;
  }
  
    .nav-link{
  color: #fff;
      cursor: pointer;
    }
    .nav-link:hover{
      color: #a3cad6;
    }

      .rig
      {
        background-color: #1d476f; 
        position: relative;
        z-index: 1;
        margin-right: -7rem;
       border-top: #f1bb13 12px solid;
      }

     /* -------------btns-------------------------------------- */

     .theme-btn-one  {
      color: #fff;
      text-align: center;
      box-shadow: 0px 15px 20px 0px rgba(253, 180, 103, 0.137);
      border: 2px solid #f1bb13;
      
    }
    
    .theme-btn-one:hover {
      background: transparent;
      background: #f1bb13;
      color: #1d476f;
    }


    .theme-btn-two  {
      color: #1d476f;
      text-align: center;
      box-shadow: 0px 15px 20px 0px rgba(253, 180, 103, 0.137);
      background: #f1bb13;
      
      
    }
    
    .theme-btn-two:hover {
      background: transparent;
      border: 2px solid #f1bb13;
      color: #1d476f;
    }
    

     /* --------------btns------------------------------------- */

     /* why-choose-us */
     .serviceimg {
      max-width: 100%;
      height: 100%;
      user-select: none;
    
     
    }
    .service {
      height: 100%;
      padding-top: 90px;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      
      }
      .card {
      position: relative;
      padding: 1rem;

      border: none;
      /* box-shadow: -1px 15px 30px -12px rgb(32, 32, 32); */
      /* border-radius: 0.9rem; */
      background-color: var(--red-card);
      color: var(--text);
      cursor: pointer;
      }
      
      .card-blue {
      background: var(--blue-card);
      }
      
      .product-image {
      transform: translate(0, -1.5rem);
      transition: transform 500ms ease-in-out;
      filter: drop-shadow(5px 10px 15px rgba(8, 9, 13, 0.4));
      }
      .product-info {
      text-align: center;
      }
      
      .card:hover .product-image {
      transform: translate(-1.5rem, -7rem) rotate(-20deg);
      }

      .product-info h2 {
        font-size: 2rem;
        font-weight: 700;
        }
 /* why-choose-us */


 .content{
	position: relative;
	z-index: 1 !important;
	margin-top: -375px;
  }

  /* Our wrapper */
.wrapper{
  width: 535px;
  height: 480px;
  position: relative;
  left:30%;
  top:40%;
  transform:translate3d(-28%,-3%,0);
  overflow:hidden;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

/* Our image information */
.before,
.after {
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
  pointer-events:none;
  overflow: hidden;
}




/* Our scroller */
.scroller{
  width: 50px;
  height:50px;
  position: absolute;
  left:125px;
  top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  border: 5px solid #fff;
  opacity:0.8;
  /* pointer-events:auto; */
  cursor: pointer;
}



.scroller__thumb{
  width:100%;
  height:100%;
  padding:5px;
}

.scroller:before,
.scroller:after{
  content:" ";
  display: block;
  width: 5px;
  background: #fff;
  height: 9999px;
  position: absolute;
  left: 50%;
  margin-left: -1.5px;
  z-index: 30;
}
.scroller:before{
  top:100%;
}
.scroller:after{
  bottom:100%;
}



      /* marquee */

 .marquee {
	width:100%;
	margin: 15px auto;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	animation: marquee 35s linear infinite;
	color:#fff;
	padding-left: 70%;
  }
  
  .marquee:hover {animation-play-state: paused}
  
  /* Make it move */
  
  @keyframes marquee {0%   { text-indent: 27.5em }100% { text-indent: -120em }}
  
   /* marquee */


.spam {
  display: none;
}

textarea {
  resize: none;
  margin-bottom: 20px;
}


.userselect {
  user-select: none;
}

.Locations a {
  width: 30%;
  margin: 9px auto;
}


.social-links {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: rgba(255, 255, 255, 0.2);
  
  padding: 8px;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  color: #ffffff;
  transition: all 0.5s ease;
}

.social-links:hover {
  color: #323a4d;
  background-color: #ffffff;
}


 /* marquee */

 .marquee {
  width:100%;
  margin: 15px auto;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  animation: marquee 20s linear infinite;
  color:#fff;
  padding-left: 70%;
  }
  
  .marquee:hover {animation-play-state: paused}
  
  /* Make it move */
  
  @keyframes marquee {0%   { text-indent: 27.5em }100% { text-indent: -120em }}
  
   /* marquee */




   .form{
    margin-left: -120px;
   }

   .third{
    margin-bottom: -140px;
   }


   @media (max-width:1746px) {
    .wrapper {
      width: 535px;
      height: 480px;
      position: relative;
      left: 0%;
      top: 0;
      transform: translate3d(-28%,-3%,0);
      overflow: hidden;
      box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }
   }


   @media (max-width:1053px) {
    .wrapper {
      width: 524px;
      height: 480px;
      position: relative;
      /* left: 5%; */
      top: 0;
      transform: translate3d(-28%,-3%,0);
      overflow: hidden;
      box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }

   }


   @media (max-width:965px) {
    .wrapper{
      width: 535px;
      height: 480px;
      position: relative;
      left:30%;
      top:40%;
      transform:translate3d(-28%,-3%,0);
      overflow:hidden;
      box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }
 
   }

   
   @media (max-width:597px) {
    .wrapper {
      width: 535px;
      height: 480px;
      position: relative;
      left: 21%;
      top: 0%;
      transform: translate3d(-28%,-3%,0);
      overflow: hidden;
      box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }
 
   }

   @media (max-width:537px) {
    .wrapper {
      width: 408px;
      height: 480px;
      position: relative;
      left: 22%;
      top: 0%;
      transform: translate3d(-28%,-3%,0);
      overflow: hidden;
      box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }
 
   }

   @media (max-width:419px) {
     .wrapper {
    width: 382px;
    height: 480px;
    position: relative;
    left: 22%;
    top: 0%;
    transform: translate3d(-28%,-3%,0);
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  }
 

  .rig
  {
    background-color: #1d476f; 
    position: relative;
    z-index: 1;
    margin-right: 0
    rem;
   border-top: #f1bb13 12px solid;
  }
   }


   @media (max-width:991px) {
    .rig
    {
      background-color: #1d476f; 
      position: relative;
      z-index: 1;
      margin-right: 0rem;
     border-top: #f1bb13 12px solid;
    }
 
   }
   form.CUS input.subject { display: none; }
input.btn-submit {
  background-color: #f1bb13;
  color: white;
  font-size: 1em;
   transition: 1s;
}
input.btn-submit:hover {
  background-color: transparent;
  color:#f1bb13;
  transition: 1s;
}