html{scroll-behavior:smooth}
body{font-family:'Roboto',sans-serif !important;font-size:16px;font-weight:400;color:#00184b;overflow-x:hidden ;}
a{text-decoration: none}
a:hover{color:#c9f31d}
li{list-style: none}
.bg-theme{background-color: #00184b; color: #fff;}
.border-bottom1{border-bottom: 1px solid;border-bottom-color:#4e5773}
.border-bottom2{border-bottom: 1px solid;border-bottom-color:#283f88}
.border-bottom-nav{border-bottom: 1px solid;border-bottom-color:#283f88;width: 50%;}
.btn-theme{background-color: #00184b;border-color: #c9f31d;color: #fff;}
.btn-theme:hover{color: #fff;background-image:url("../img/bg-cards.webp");background-repeat: no-repeat;background-position: right;
  background-color: #0d6efd;
  z-index: 1;
  transition:all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;}
.icon-theme{color: #0d6efd;}
.color-font{color: #00184b;}
.btn-outline-theme{background-color:transparent;border-color: #0d6efd;color: #fff;}
.btn-outline-theme:hover{background-color: #0d6efd;border-color: #00184b;color: #fff;}
.decoration{text-decoration: none!important;}
.span-color{color: #0d6efd;}
.nav-link {
  color: #00184b;

}
#obfuscatedEmail a {
  color: #fff;
}
.nav-link:hover, .nav-link:focus {
  color: #c9f31d;
}
h1{font-size: 3rem;}
.phone-1{transform: rotate(270deg);position: relative;color:#fff;display: block;min-height: 300px;}
.follow{transform: rotate(90deg);position: relative;color:#fff;min-height: 220px;right:120px;text-transform: uppercase;white-space: nowrap}
.dashed::before { 
  content: "";
  width:70px;
  display: inline-block;
  height:34px;
  background: url('../img/section-sub-shape1.webp') no-repeat;
  font-weight: bold;
  background-size: cover;
  background-position: right center;
margin:0 10px 5px 0;
}
.dashed1::after { 
  content: "";
  width:70px;
  display: inline-block;
  height:34px;
  background: url('../img/section-sub-shape2.webp') no-repeat;
  font-weight: bold;
  background-size: cover;
  background-position: center center;
margin:0px 0px 0px -50px;
top: 10px;
  position: relative;}
.move2 {
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transition: all ease 4s;
    margin-bottom: -7%;
  }
  .move3 {
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transition: all ease 4s;
	  position: relative;
	  right:-200px
  }
  .move1 {
    animation-name: example2;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transition: all ease 4s;
    margin-bottom: -7%;
  }
  .rotateme,.rotateme1 {
    -webkit-animation-name: rotateme;
            animation-name: rotateme;
    -webkit-animation-duration: 20s;
            animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
	  top: 320px;
  position: relative;
  left: 160px;
  }
.rotateme1{top:80px;left: 0px;}
  @keyframes rotateme {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  @keyframes example {
    0% {
      -webkit-transform: translate(-50px);
      transform: translateY(-50px);}
    50% {
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);}
    100% {
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px);} }
      
      .zoom {
        -webkit-animation: zoom 1.5s alternate infinite;
        animation: zoom 1.5s alternate infinite;
        left: 200px;
        position: absolute;
      }
      @keyframes zoom{
        0% {
          transform: scale(0.5);
        }
      
        100% {
         transform: scale(1.5);
        }
      }
      @keyframes example2 {
        0% {
          -webkit-transform: translateX(-50px);
          transform: translateX(-50px);}
        50% {
          -webkit-transform: translateX(-20px);
          transform: translateX(-20px);}
        100% {
          -webkit-transform: translateX(-50px);
          transform: translateX(-50px);} }
          
          .zoom {
            -webkit-animation: zoom 1.5s alternate infinite;
            animation: zoom 1.5s alternate infinite;
            left: 200px;
            position: absolute;
          }
/* banner */
.my-15{margin-top: 7rem;margin-bottom: 7rem;}
.bg-banner{background-repeat:no-repeat;background-size:100% 100%; background-attachment:fixed;background-position: center}
.bg-banner-installation{background:url('../img/garage-installation-banner.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
.bg-banner-opener{background:url('../img/garage-opener-banner.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
.bg-banner-spring{background:url('../img/garage-spring-repairs-banner.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
.bg-banner-repair{background:url('../img/garage-repair-banner.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
.margin-theme{margin: 15% 0 15% 0;}
/* end banner */

/* why us */
.why-us-icon::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #c9f31d;
  top: 0;
  width: 16px;
  height: 3px;
  border-radius: 3px;}
.why-us-icon{
  position: relative;
  width:25%;
  background-color:#e6eeff;
  text-align: center;
  border-radius: 15px;
  font-size: 1.5rem;
  color: #c9f31d;
margin:0 5% 0 5%;
float: left;}
.why-us-content{
margin:0 }
.why-us-icon i{transform: rotateY(0);
  transition: .3s linear;}
.why-us-icon:hover.why-us-icon i{transform: rotateY(180deg);}

/* end why us */

.bg-brands{background-color:#031b66 ;}
/*marquee*/
.marquee{width:100%;margin:0 auto;white-space:nowrap;box-sizing:border-box;animation:marquee 50s linear infinite;color:#fff}
.marquee:hover{animation-play-state:paused}
/* Make it move */
@keyframes marquee{0%{text-indent:27.5em}
100%{text-indent:-105em}
}

.loader2 {
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
}
.loader2::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 0;
  background: #FF3D00;
  width: 3px;
  height: 15px;
  transform: translateX(-50%);
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
/* END LOAD */
/* load offer */
.loader1 {
  width: 200px;
  height: 200px;
  border: 3px dotted #00184b;
  border-style: solid solid dotted dotted;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 4s linear infinite;z-index: 10;
}
.loader1::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px dotted #FF3D00;
  border-style: solid solid dotted;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  animation: rotationBack 2s linear infinite;
  transform-origin: center center;
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
} 
/* end load offer */
.z-in{position: absolute;
  z-index: 10;
  right: 18%;
}
.z-in3{position: absolute;
  z-index: 10;
  right: 18%;
}
.z-in2{position: relative;}
.ms-10{margin-left: 12rem!important;}
.mt-20{margin-top: 20rem!important;}

/* sec2 */
.bg-sec3{background:url('../img/bg-sec3.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
/* end sec2 */

/* coupon */
a.lightbox img{height:auto;transition:.5s}
.lightbox-target{position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,0.7);opacity:0;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;overflow:hidden;z-index:12}
.lightbox-target img{margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 8px rgba(0,0,0,0.7);box-sizing:border-box;transition:.5s ease-in-out}
a.lightbox-close{width:100%;height:100%;position:absolute;transition:.5s ease-in-out;opacity:0;top:0;left:0}
.lightbox-target:target{opacity:1;top:0;bottom:0;width:100%;height:100%}
.lightbox-target:target img{max-height:100%;max-width:100%}
.printable{position:relative;z-index:14}
/* end coupon */
/* contact */
.contact-bg{background:url('../img/contact-bg.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
.spam { display:none;}
/* end contact */

/* bg-cards */
.bg-card1{background: url("../img/bg-gallery.webp");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;}
.bg-card2{background: url("../img/bg-gallery.webp");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;}
.bg-card3{background: url("../img/bg-gallery.webp");
      background-position: left center;
      background-repeat: no-repeat;
      background-size: cover;}
.bg-card4{background: url("../img/bg-gallery.webp");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;}
        .box{
          background: linear-gradient(180deg, #3a6bfb 0%, #0b35b4 100%);
          font-family: 'Nanum Gothic', sans-serif;
          border-radius: 25px 0;
          position: relative;
          overflow: hidden;
      }
      .box:before,
      .box:after,
      .box .box-content:before,
      .box .box-content:after{
          content: "";
          background: #fff;
          width: 50%;
          height: 4px;
          transform: scaleX(0);
          position: absolute;
          top: 15px;
          left: 15px;
          z-index: 1;
          transition: all 600ms ease;
      }
      .box:after{
          top: auto;
          bottom: 15px;
          left: auto;
          right: 15px;
      }
      .box .box-content:before,
      .box .box-content:after{
          width: 4px;
          height: 50%;
          transform: scaleY(0);
      }
      .box .box-content:after{
          left: auto;
          right: 15px;
          top: auto;
          bottom: 15px;
      }
      .box:hover:before,
      .box:hover:after,
      .box:hover .box-content:before,
      .box:hover .box-content:after{
          transform: scale(1);
      }
      .box img{
          width: 100%;
          height: auto;
          transform: scale3d(1.1, 1.1, 1);
          transition: all 0.25s linear;
      }
      .box:hover img{
          opacity: 0.25;
          transform: scale(1.25);
      }
      .box .inner-content{
          color: #fff;
          text-align: center;
          width: 70%;
          opacity: 0;
          transform: translateX(-50%) translateY(-50%);
          position: absolute;
          top: 70%;
          left: 50%;
          transition: all 600ms ease;
      }
      .box:hover .inner-content{
          opacity: 1;
          top: 50%;
      }
      .box .title{
          font-size: 20px;
          font-weight: 800;
          letter-spacing: 1px;
          text-transform: uppercase;
          margin: 0 0 3px;
      }
      .box .post{
          font-size: 14px;
          letter-spacing: 1px;
          text-transform: capitalize;
          margin: 0 0 12px;
          display: block;
      }
      .box .icon{
          padding: 0;
          margin: 0;
          list-style: none;
      }
      .box .icon li{
          display: inline-block;
          margin: 0 4px;
      }
      .box .icon li a{
          color: #fff;
          font-size: 18px;
          line-height: 32px;
          height: 35px;
          width: 35px;
          border: 2px solid #fff;
          border-radius: 10px 0 10px 0;
          display: block;
          transition: all 0.3s;
      }
      .box .icon li a:hover{
          color: #3a6bfb;
          background: #fff;
          border-radius: 0 10px 0 10px;
      }
.text-primary{color:#c9f31d!important}
      @media only screen and (max-width:990px){
          .box { margin: 0 0 30px; }
      }
/* end bg-cards */

/* Contact us */
.bg-contact{width: 100%;background: url("../img/bg-contact.webp");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;}
/* end contact us */

/* sec4 */
.bg-sec4{width: 100%;background: url("../img/bg-sec-4.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* end sec4 */

/* reviews */
.bg-tesimoials{width: 100%;background: url("../img/bg-testimonials.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;background-attachment: fixed}
/* end reviews */

/* footer */
.bg-footer{background:url('../img/bg-footer.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
.contact-info a{color: #fff;text-decoration: none;}
.value1::before {
  content: attr(data-text);
  position: absolute;
  color: #c9f31d;
  width: 0px;
  overflow: hidden;
  animation: pulse-width 3s ease-in infinite;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #c9f31d;
}
	.value1 {
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:#fff;
  color:transparent;
  transition:all .5s;
  position:relative;font-size:100px
}
	@keyframes pulse-width {
  50% {
    width:100%
  }
}
.banner-soci {
  width: 35px;
  height:35px;
  border-radius: 50%;
  background-color: #0d1222;margin-top:10px;line-height:35px;text-align: center;color:#fff

}
.banner-soci i{color:#fff}
.banner-soci i:hover{color:#c9f31d}
.span1{border-bottom:solid 1px #fff;}
.span1:hover{border-bottom:solid 1px #c9f31d;color:#c9f31d}
.arrow {
  animation: cir5 2s linear infinite;
}
@keyframes cir5 {
  50% {
    transform:rotate(10deg)
  }
}
.video-area {
  gap: 24px;
  align-items: center;
  display: flex;
}
.video-icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #fff;
}
.video-btn {
  position: relative;
  cursor: pointer;
}
.video-btn::before {
  position: absolute;
  border: 2px solid #fff;
  width: 100%;
  height: 100%;
  content: "";
  animation: scales 2s linear infinite;
  border-radius: 50%;
}
@keyframes scales {
  0% {
    transform:scale(1)
  }
  50% {
    transform:scale(1.4)
  }
  to {
    transform:scale(1.5);
    opacity:0
  }
}
/* end footer */
/*lines*/
.line-shape {
  max-width:1600px;
  height:100vh;
  position:absolute;
  left:50%;
  top:-20px;
  justify-content:space-between;
  margin:0 auto;
  transform:translateX(-50%);z-index: 5
}
.line-shape span {
  position:relative;
  width:1px;
  height:100%;
  display:block;
  background:#2d354c
}
.line-shape span:after,
.line-shape span:before {
  position:absolute;
  top:0;
  content:""
}
.line-shape span:after,
.line-shape span:before {
  left:0;
  background:#c9f31d;
  box-shadow:0 8px 24px rgba(228,235,242,.2);
  border-top-left-radius:50px;
  border-top-right-radius:50px;
  -webkit-clip-path:polygon(51% 8%,68% 15%,66% 40%,60% 78%,56% 100%,46% 100%,42% 84%,38% 56%,34% 17%);
  clip-path:polygon(51% 8%,68% 15%,66% 40%,60% 78%,56% 100%,46% 100%,42% 84%,38% 56%,34% 17%)
}
.line-shape span:after {
  animation:dscroll 2s linear infinite;
  width:2px;
  height:24px;
  bottom:0
}
@keyframes dscroll {
  to {
    transform:translateY(100vh)
  }
}
/*lines*/
.bg-dark{background: #1d253b!important}
/*services*/
.section-services {
	font-family: "Poppins", sans-serif;
	background-color: #e6edf7;
	color:#1d253b;
	padding-top: 115px;
    padding-bottom: 120px;
}

.header-section {
	margin-bottom: 34px;
}

.title {
	position: relative;
    padding-bottom: 14px;
    margin-bottom: 25px;
	font-weight: 700;
    font-size: 32px;
}

.title:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 3px;
	background-color: #c9f31d;
    border-radius: 3px;
}

.title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
    transform: translateX(30px);
	width: 10px;
	height: 3px;
	background-color: #1d253b;
    border-radius: 3px;
}

.header-section .description {
	font-size: 14px;
    color: #282828;
}

.single-service {
    position: relative;
    margin-top: 30px;
    background-color: #fff;
    border-radius: 10px;
    padding: 40px 30px;
    overflow: hidden;
}

.single-service .content {
	position: relative;
	z-index: 20;
}

.single-service .circle-before {
    position: absolute;
    top: 0;
    right: 0px;
    transform: translate(40%, -40%);
    width: 150px;
    height: 150px;
    background-color: #c9f31d;
    border: 6px solid #1d253b;
    border-radius: 50%;
    opacity: 0.5;
    z-index: 10;
    transition: all .6s;
}

.single-service:hover .circle-before {
	width: 100%;
	height: 100%;
	transform: none;
	border: 0;
	border-radius: 0;
	opacity: 1;
}

.single-service .icon {
	display: inline-block;
	margin-bottom: 26px;
    width: 70px;
    height: 70px;
    background-color: #0d6efd;
    border-radius: 5px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    transition: all .3s;
}

.single-service:hover .icon {
	background-color: #fff;
	color: #1d253b;
}

.single-service .title {
    margin-bottom: 18px;
	font-weight: 700;
    font-size: 23px;
    transition: color .3s;
}

.single-service:hover .title {
	color: #1d253b;
}

.single-service .description {
    margin-bottom: 20px;
    font-size: 14px;
    transition: color .3s;
}

.single-service:hover .description {
	color: #1d253b;
}

.single-service a {
	position: relative;
	font-size: 18px;
    color: #202020;
    font-weight: 500;
    transition: color .3s;text-decoration: none
}

.single-service:hover a {
	color:#1d253b;
}

.single-service a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #c9f31d;
	transition: background-color .3s;
}

.single-service:hover a:after {
	background-color: #fff;
}
/*services*/
/*smoke*/
.widget-container {
    position: absolute;
    top: 0px;
    left: 0px;

    width: 100%;
    height: 100%;z-index:0
}

.widget-canvas {
	position: absolute;
	bottom: 190px;
	left:0px;opacity: .7;
}
.widget-container img{display: none}
/*smoke*/
.video-area a{color:#c9f31d;text-decoration: none;position: relative;z-index: 99999999}
.z-index11{position: relative;z-index: 99999999}
/*steps*/
		.step-working-processwrap {
  position:relative;
  display:flex;
  z-index:1
}
.radius100 {
  border-radius: 100px;
}
.step-working-processwrap .step-working-inner:nth-child(2) {
  margin-top:60px
}
.step-working-processwrap .step-working-inner:nth-child(3) {
  margin-top:120px
}
.step-working-processwrap .step-working-inner:nth-child(4) {
  margin-top:180px
}
.step-working-processwrap .step-working-processitem {
  width:340px
}
.step-working-processwrap .step-working-processitem .serial {
  width:58px;
  min-width:58px;
  height:58px;
  background:#e6edf7;
  transition:all .5s;color:#fff
}
.step-working-processwrap .step-working-processitem .serial span {
  color:#333;
  font-weight:500;
  line-height:18px;
  transition:all .5s
}
.step-working-processwrap .step-working-processitem .vline {
  border-width:1px;
  border-color:#c9f31d;
  border-left:1px solid #c9f31d;
  height:107px;
  margin:0 auto
}
.step-working-processwrap .step-working-processitem .process-btn {
  position:relative;
  font-size:22px;
  line-height:40px;
  font-weight:500;
  margin-left:20px;
  z-index:1;color: #fff
}
.step-working-processwrap .step-working-processitem .process-btn:before {
  transition:all .5s;
  position:absolute;
  left:-20px;
  top:-6px;
  content:"";
  width:100%;
  height:60px;
  background: linear-gradient(90deg, rgba(255,255,255,1) 42%, rgba(201,243,29,1) 100%, rgba(201,243,29,1) 100%);
  border-radius:100px;
  z-index:-1;
  opacity:0;
  visibility:hidden
}
.step-working-processwrap .step-working-processitem .process-btn svg {
  position:absolute;
  top:50%;
  left:-20px;
  transform:translateY(-47%);
  transition:all .5s
}

.step-working-processwrap .step-working-processitem:hover .serial span {
  color:#1d253b
}
.step-working-processwrap .step-working-processitem:hover .process-btn svg {
  opacity:0;
  visibility:hidden
}
.step-working-processwrap .step-working-processitem:hover .process-btn:before {
  opacity:1;
  visibility:visible
}
.step-working-processwrap .step-working-processitem:hover .serial {
  background:#c9f31d;
}
.step-working-processwrap .step-working-processitem:hover .process-btn {color:#1d253b}
@media (max-width:1399px) {
  .step-working-processwrap {
    flex-wrap:wrap;
    justify-content:center
  }
  .step-working-processwrap .step-working-inner {
    width:50%
  }
  .step-working-processwrap .step-working-processitem {
    width:300px
  }
  .step-working-processwrap .step-working-processitem .vline {
    height:60px
  }
  .step-working-processwrap .step-working-processitem .process-btn {
    font-size:18px;color:#fff
  }
}
@media (max-width:575px) {
  .step-working-processwrap {
    flex-wrap:wrap;
    justify-content:center
  }
  .step-working-processwrap .step-working-inner {
    width:50%
  }
  .step-working-processwrap .step-working-inner:nth-child(2) {
    margin-top:100px;
    margin-left:-130px
  }
  .step-working-processwrap .step-working-inner:nth-child(3) {
    margin-top:120px
  }
  .step-working-processwrap .step-working-inner:nth-child(4) {
    margin-top:220px;
    margin-left:-130px
  }
}
@media (max-width:500px) {
  .step-working-processwrap {
    flex-wrap:wrap;
    justify-content:center
  }
  .step-working-processwrap .step-working-processitem {
    margin:0 auto
  }
  .step-working-processwrap .step-working-inner {
    width:100%;
    margin:0 auto
  }
  .step-working-processwrap .step-working-inner:nth-child(2) {
    margin-top:50px;
    margin-left:0
  }
  .step-working-processwrap .step-working-inner:nth-child(3) {
    margin-top:50px
  }
  .step-working-processwrap .step-working-inner:nth-child(4) {
    margin-top:50px;
    margin-left:0
  }
}
.step-element1 {
  margin-top:-60px;
  z-index:1;
  max-width:663px
}
.step-element1 img {
  width:100%
}
@media (max-width:1399px) {
  .step-element1 {
    margin-top:40px
  }
}
.step-textcircle {
  position:absolute;
  right:0;
  top:169px
}
.step-textcircle .icon {
  width:120px;
  min-width:120px;
  height:120px;
  background:#161616
}

.step-textcircle .step-circle {
  position:absolute;
  top:-37px;
  left:-35px;
  animation:textani 14s linear infinite
}
@keyframes textani {
  to {
    transform:rotate(390deg)
  }
}
div .text-light.mb-3 a{color:#b2dc05}
/*steps*/
/*testimonial*/
.bg-testi{background: url("../img/testi-bg.webp");background-repeat: no-repeat;background-position: center bottom;}
.carousel-item i{color:#c9f31d}
/*testimonial*/
.col-6 .pricing-title.my-5.text-white .mt-xxl-8.mt-xl-6.mt-5.fs-1{font-size:3.5rem!important}
.bg-faq{background: #fcfcfc}
.border-end{border-right-color:#4e5773 !important}
.col-xxl-6.col-xl-6.col-lg-6.col-12 .fw-bold.lh-1.mb-3.mt-3 .text-primary,.row.my-5 .col-xxl-6.col-xl-6.col-lg-6.col-12 .text-primary.pb-3{color:#0d6efd !important}
.bg-footer h3{font-size: 1.5rem;}
.text-dark {color:#1d253b!important}
.navbar{z-index: 9999999999}
@media (max-width:1400px){.mt-20{margin-top: 0px!important;}.z-in3{right: 8%;} }
@media (max-width:1300px){.display-top{display: none;}.z-in3{right: 8%;position: static;}.follow,.phone-1{transform: rotate(0deg);min-height:inherit;text-align: left}.bg-banner{background-size:cover; background-position: center}
}
@media (max-width:1000px){
.display-top1{display: none;}.my-15{margin-top: 7rem;margin-bottom: 0rem;}}
@media (max-width:1000px){.rotateme{left:65px;top:220px;}}
/*!
* Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
.fa,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-ul{list-style-type:none;}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}
.fa-blogger-b:before{content:"\f37d"}
.fa-clock:before{content:"\f017"}
.fa-truck:before{content:"\f0d1"}
.fa-envelope:before{content:"\f0e0"}
.fa-facebook-f:before{content:"\f39e"}
.fa-google:before{content:"\f1a0"}
.fa-hand-holding-usd:before{content:"\f4c0"}
.fa-instagram:before{content:"\f16d"}
.fa-linkedin-in:before{content:"\f0e1"}
.fa-map-marker:before{content:"\f041"}
.fa-mobile-alt:before{content:"\f3cd"}
.fa-phone:before{content:"\f095"}
.fa-phone-volume:before{content:"\f2a0"}
.fa-recycle:before{content:"\f1b8"}
.fa-thumbs-up:before{content:"\f164"}
.fa-twitter:before{content:"\f099"}
.fa-yelp:before{content:"\f1e9"}
.fa-youtube:before{content:"\f167"}
.fa-dollar-sign:before {content: "\f155"; }
.fa-clipboard:before{content:"\f328"}
.fa-clock:before{content:"\f017"}
.fa-headset:before{content:"\f590"}
.fa-map-marked-alt:before{content:"\f5a0"}
.fa-check-square:before {content: "\f14a"; }
.fa-user:before {content: "\f007"; }
.fa-shield-alt:before {content: "\f3ed"; }
.fa-arrow-circle-right:before {content: "\f0a9"; }
.fa-award:before {content: "\f559"; }
.fa-link:before {content: "\f0c1"; }
.fa-search-plus:before {content: "\f00e"; }
.fa,.fas{font-weight:900}
.fa-facebook:before{content:"\f09a"}
.fa-linkedin:before{content:"\f08c"}
.fa-map-marker-alt:before{content:"\f3c5"}
.fa-tint:before{content:"\f043"}
.fa-tools:before{content:"\f7d9"}
.fa-gripfire:before{content:"\f3ac"}
.fa-play:before{content:"\f04b"}
.fa-star:before{content:"\f005"}
.navbar-toggler{background-color: #fff}