@import url("../css/common.css");
img {
  outline: none !important;
}
/* header section start  */
.header-home-main{
  background: url(../images/header-bg-creative.png) no-repeat, var(--white-color);
  background-size: cover;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
} 
.header-home-main.index::after,
.header-home-main.index::before{
  content: "";
  border-radius: 100%;
  height: fit-content;
  width: fit-content;
  border: 30px solid var(--primary-L-color);
  padding: 50px;
  position: absolute;
  z-index: -1;
  opacity: 0.6;
}
.header-home-main.index::after{
  top: -4%;
  left: -8%;
  padding: 8% 6%;
}
.header-home-main.index::before{
  bottom: 0;
  right: -5%;
  padding: 4%;
}
/* navbar section start  */
.navbar-motersDesign .navbar-ui li, 
.navbar-motersDesign .navbar-ui li a{
  color: var(--black-color);
  font-size: 16px;
  font-weight: 500;
}
.navbar-motersDesign .navbar-ui li a:hover,
.navbar-motersDesign .navbar-ui li.active a{
  color: var(--primary-color);
}
.btn-common-btn{
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--primary-color);
  padding: 11px 28px;
  border-radius: 60px;
  color: var(--white-color) !important;
  background: var(--primary-color);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  width: max-content;
  transition: all 0.4s ease;
}
.btn-common-btn:hover{
  box-shadow: inset 0px 0px 5px var(--white-color);
  background-color: var(--primary-L-color);
  color: var(--primary-color) !important;
}
.btn-common-btn.nev-get-btn{
  padding: 6px 6px 6px 20px;
}
.long-arrow-ctm{ 
  position: relative;
  transform: rotate(180deg);
  background-color: #ffffff38;
  color: var(--white-color);
  border-radius: 100px;
  padding: 6px;
  font-size: 21px;
}  
.btn-common-btn:hover .long-arrow-ctm{
  background-color: var(--primary-color);
}
.btn-common-btn.border-color{
  background: var(--white-color);
  color: var(--primary-color) !important;
}
.btn-common-btn.white-color-L{
  border-color: var(--white-color);
} 
.navbar-motersDesign .brand-logo{
  width: 200px;
}
/* home main product */
.home-product-image{
  background-color: #F1FFE8;
  border: 1px solid #6EA29D;
  border-radius: 50px;
  height: 450px;
  padding:25px 35px; 
  cursor: pointer;
}
.home-product-image img{
  transition: all 1s ease;
}
.home-product-image img:hover{
  transform: scale(1.1);
}
.home-product-image.first-color{
  background-color: #F1FFE8;
  border: 1px solid #6EA29D;
}    
.home-product-image.second-color{
  background-color: #E6FFFC;
  border: 1px solid #8CA2CA;
}
/* home-more-work-section */
.home-work-proces-card{
  border-radius: 25px; 
  background: linear-gradient(174deg, #2EB6F1 0%, #0083D6 100%);
}
.home-work-proces-card.grad-bd-clr-1{
  background: linear-gradient(174deg, #2EB6F1 0%, #0083D6 100%);
}
.home-work-proces-card.grad-bd-clr-2{
  background: linear-gradient(174deg, #F1A02E 0%, #D66400 100%);
}
.home-work-proces-card.grad-bd-clr-3{
  background: linear-gradient(174deg, #4CEDBA 0%, #009365 100%); 
}
.home-work-proces-card.grad-bd-clr-4{
  background: linear-gradient(174deg, #8C2EF1 0%, #53008B 100%);
}

/* home lets-talk-section */
.lets-talk-section{
  background-color: #C7E0EE;
  color: var(--title-text);
}
 
/* footer section strat  */
.moters-footer-main{
  background-color: #f3f3f3;
  color: #434242;
}
.footer-left-logo .footer-logo{
  width: 164px;
}
.ui-footer-links li a{
  font-weight: 400;
  color: #434242;
  display: inline-block;
  margin-top: 8px;
}
.inners-motors-footer{
  border-top: 1px solid #ffffff2b;
  border-bottom: 1px solid #ffffff2b;
}
.footer-addresForm .email-input{
  width: 100%;
  height: 50px;
  border-radius: 49px;
  border: none;
  background: #434242;
  padding: 8px 20px;
  color: var(--subtitle-text);
  font-weight: 500;
  font-size: 15px;
  outline: none;
}
.footer-addresForm .email-submit-btn{
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: var(--primary-color);
  color: #434242;
  font-size: 24px;
  border: none;
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.footer_socialmedia a{
  height: 38px;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #004266;
  border: 1px solid #004266;
  border-radius: 8px;
}
.footer-marker-ended{
  background-color: var(--primary-color);
  color: #ffffff;
  border-radius: 100px;
  padding: 5px;
  height: 30px;
  width: 30px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;

}
.bottom-footer-design{
background-color: #D7D4D4;

}
.footer_socialmedia a.fb:hover{
  background: #1877F2;
  color: #ffffff;
}
.footer_socialmedia a.lnk:hover{
  background: #0072b1;
  color: #ffffff;
}
.footer_socialmedia a.twi:hover{
  background: #00acee;
  color: #ffffff;
}
.footer_socialmedia a.insta:hover{
  background: #f09433; 
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  color: #ffffff;
}
.custom-tooltip {
  --bs-tooltip-bg: var(--primary-color);
}
.copyright-container{
  border-top: 1px solid #363C44;
}


/*  */
/* ABBOUT US PAGE */
/*  */
.focus-vision-support_section{
  background-color: var(--gray10-color);
}
.about-vesion-cards{
  background-color: var(--white-color);
  border-radius: 0px 20px 20px 0;
  border-left: 3px solid var(--primary-color);
  height: -webkit-fill-available;
}
.about-vesion-cards.vision{}
.about-vesion-cards .motive-icon{
  background: linear-gradient(180deg, #2EB6F1  0%,#0083D6 100%);
  color: #ffffff;
  width: 54px;
  height: 54px;
  border-radius: 100px;
  border: 3px solid #EBEBEB;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  margin-top: -43px;
}
.about-vesion-cards.vision{ 
  border-left: 3px solid #0083D6;
}
.about-vesion-cards.vision .motive-icon{
  background: linear-gradient(180deg, #2EB6F1  0%,#0083D6 100%);  
}
.about-vesion-cards.focus{ 
  border-left: 3px solid #D66400;
}
.about-vesion-cards.focus .motive-icon{
  background: linear-gradient(180deg, #F1A02E  0%,#D66400 100%);  
}
.about-vesion-cards.support{ 
  border-left: 3px solid #53008B;
}
.about-vesion-cards.support .motive-icon{
  background: linear-gradient(180deg,#8C2EF1  0%,#53008B 100%);  
}
.about-vesion-cards h3{
  color: var(--primary-color); 
}
.about-vesion-cards p{
  color: var(--subtitle-text);
}
.multicircle-ring-left-right{
  position: relative;
  /* z-index: 1; */
  overflow: hidden;
}
.multicircle-ring-left-right::before,
.multicircle-ring-left-right::after{
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 190px;
  /* z-index: -1; */
}
.multicircle-ring-left-right::before{
  background-image: url(../images/multi-circle-ring-left.svg);
  left: 0;
  bottom: 10%;    
}
.multicircle-ring-left-right::after{
  background-image: url(../images/multi-circle-ring-right.svg);
  right: 0;
  top: 10%; 
}
.single-product-image{
  border: 1px solid #C8C8C8;
  border-radius: 16px;
  background-color: #F4F4F4;
  height: 281px;
  padding: 20px;
}




/*  */
/* CONATCT US PAGE */
/*  */
.contact-form-margin-negative{
  margin-top: -11%;
}
.contact-details-bg .box-icon-contacts{
  background-color: var(--white-color);
  color: var(--primary-color);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px; 
  font-size: 20px;
}
.footer_socialmedia.white a{
  border: 1px solid var(--white-color);
  color: var(--white-color);
}
.conatct-input{
  border: 1px solid #CFCFCF;
  border-radius: 10px;
  color:#757575;
  outline: none;
  width: 100%;
  padding: 8px 15px;
  background: var(--white-color);
}
.conatct-input.textarea-field {
  height: 100px;
}
select.conatct-input{
  position: relative;
}
select.conatct-input::after{
  content: "a";
  background-color:red;
  color: #757575;
  position: absolute;

}
.contactMaps-motors .contact-frams{
  height: 280px;
}
/* .bottom-half-circles{
  position: relative;
  z-index: 1;
} */
.bottom-half-circles::after{
  content: "";
  background-image: url(../images/contact-reachout-bG.png);
  height: 155px;
  width: 155px;
  background-size: contain;
  bottom: -4px;
  right: 0;
  position: absolute;
}
.single-product-card img{
  transition: all 0.5s ease;
}
.single-product-card:hover img{
  transform: scale(1.1);
}

.pointer-curser-click{
  position: relative;
  border-radius: 50px 22px 50px 50px;
}
.pointer-curser-click::before{
  content: "";
  background-image: url(../images/click_pointer.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  position: absolute;
  top: 9px;
  right: 9px;
  font-size: 25px;
  color: var(--primary-color);
  background-color: var(--primary-L-color);
  border: 1px solid var(--primary-color);
  border-radius: 100px; 
  height: 30px;
  width: 30px;
  background-position: center;
}

/* after image zoom */
.fancybox__slide{
    background: #fff
}
.f-caption{
	color:var(--primary-color)
}
.f-panzoom__content {
    display: block;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
}