/*
Theme Name: Herrington Child
Theme URI: http://demo.bravisthemes.com/herrington
Author: Bravis-Themes
Author URI: https://bravisthemes.com/
Description:Herrington is a beautifully handcrafted, pixel perfect business consulting WordPress Theme based on Elementor Page Builder & designed with great attention to details, flexibility and performance. Herrington has stunning styles and elements to help you make a professional website in no time.
Version: 1.0.6
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: herrington
Text Domain: herrington-child
Tags:accountant, advertising, agency, business, company, consulting, corporate, digital agency, digital marketing, finance, insurance, it company, management, seo, startup
Requires at least: 5.8 or Higher
Requires PHP: 7.4.x or Higher
Tested up to: 6.4.1
*/
@charset "UTF-8";

/* common css start */
.d-flex {
  display: flex;
}

.justify-content-center {
  justify-content: center;
}

.align-item-center {
  align-items: center;
}

.w-100 {
  width: 100% !important;
}


.w-50 {
  width: 50%;
}

.vh-100 {
  height: 100vh;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.w-70 {
  width: 70%;
}

.w-30 {
  width: 30%;
}

.w-60 {
  width: 60%;
}

.w-40 {
  width: 40%;
}

.p-20 {
  padding: 4% 4% 3% 3%;
}

.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-80 {
  width: 80%;
}

.pt-7{
	padding-top:70px;
}
button,
a {
  cursor: pointer;
}

/* common css ends */
.slider-dots {
  position: fixed;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  cursor: pointer;
  z-index: 999;
}

.slider-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  list-style: none;
  background: #342055;
  transition: all 0.3s;
}

.slider-dot:not(:last-of-type) {
  margin-bottom: 8px;
}

.slider-dot:hover,
.slider-dot.is-active {
  transform: scale(1.5);
  background: white;
  border: 0.5px solid #000;
}

.section {
  display: grid;
  min-height: 85vh;
  position: static;
  top: 0;
/*     padding-top: 70px; */
}
/* .demo{
  scale: 0.6;
	opacity: 0;
	transition: 0.9s;
	transition-timing-function: linear;
}
.section.active {
	opacity: 1;
	top: 0;
	scale: 1;
} */

#myVideo {
  width: 100%; 
height: 100%;
}
.header-container{
  position: relative;
  z-index: 99999;
}


.section:nth-of-type(1) {
  background-image: url('../images/background/services.jpg');
  background-repeat: no-repeat;
  background-size: cover;
    background-size: 65%
}

.section:nth-of-type(2) {
  background-color: #ffff;
        background-image: url(../images/outlined.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

/* Nav Bar starts */
.nav {
  padding-top: 20px;
  height: 50px;
  width: 100%;
  position: fixed;
  top: 0%;
  justify-content: space-between;
}

.nav>.nav-header {
  display: inline;
}

.nav>.nav-header>.nav-title {
  display: inline-block;
  font-size: 22px;
  color: #fff;
  padding: 10px 10px 10px 10px;
}

.nav>.nav-btn {
  display: none;
}

.nav>.nav-links {
  display: flex;
  float: right;
  font-size: 15px;
}

.nav>.nav-links>a,.nav>.nav-links .menudrop {
  display: inline-block;
  padding: 13px 10px 3px 10px;
  text-decoration: none;
  color: #efefef;
}
.menudrop{
  line-height: 1;
  font-size: inherit;
}
.menudrop:focus, .menudrop:active{
  box-shadow:none
}
.nav>.nav-links>a:hover ,.nav>.nav-links>a.hover .menudrop {
  color: #ffff;
  font-weight: 800;
}

.nav>#nav-check {
  display: none;
}
.nav-links a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #fff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
  position: relative;
}
.nav-links a:hover:after { 
  width: 100%; 
  left: 0; 
}
.nav-links a:last-child{
  /* position: static !important; */
}
.nav-links a:last-child:after {
  /* position: static !important; */
  content: none;

}
.servicedropdown.show{
transform: translate(-106px, 66px) !important ;
background-color: #ffff;
min-width: 600px;
padding: 0.5rem;
}

.servicedropdown.show::before{
  position: absolute;
  top: -29px;
  left: 25%;
  width: 12px;
  height: 30px;
  content: '';
  display: flex;
  z-index: 1;
  background-image: url(../images/Uniqus_stroke_line.png);
  background-repeat: no-repeat;
  background-size: 9px 37px;
  text-align: center;
  justify-content: center;
}
.servicedropdown-li{
  font-size: 0.9rem;
  color: #48297a;
  text-decoration: none;
/*   font-family: MontserratBold; */
  font-weight: 700;

}
.servicedropdownSubtxt{
  font-size: 0.7rem;
  color: #48297a;
  text-decoration: none;
/*   font-family: MontserratRegular; */
  line-height: 1.2;
}
.servicedropdown-li:hover{ 
  color:#b01e7d;
}
.text-nodecor{
  text-decoration: none;
  width: 33%;
}

.menudrop span::after{
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: " ";
  display: inline-block !important;
  height: 2px;
  left: 50%;
  background: #fff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
  position: absolute;
}
.menudrop span:hover:after {
  width: 100%; 
  left: 0; 
}
/* .servicedropdown li a::after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: " ";
  display: inline-block !important;
  height: 2px;
  left: 50%;
  background: #48297a;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
  position: absolute;
}
.servicedropdown li a:last-child:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: " ";
  display: inline-block !important;
  height: 2px;
  left: 50%;
  background: #48297a;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
  position: absolute;


} */
.height-fitcontent{
  height: fit-content;
}
/* .servicedropdown li a:last-child:hover:after {
  width: 100%; 
  left: 0; 
}
.servicedropdown li:hover:after { 
  width: 100%; 
  left: 0; 
} */
.servicedropdown-header{
  font-size: 0.9rem;
  color: #48297a;
  white-space: nowrap;
/*   font-family: MontserratBold; */

}
.borderBottom{
  border-bottom: 1px solid #48297a;
}
@media (max-width:990px) {

  .nav>.nav-btn {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
  }

  .nav>.nav-btn>label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }

  .nav>.nav-btn>label:hover,
  .nav #nav-check:checked~.nav-btn>label {
    background-color: rgba(0, 0, 0, 0.3);
  }

  .nav>.nav-btn>lab
	el>span {
    display: block;
    width: 25px;
    height: 10px;
    border-top: 2px solid #eee;
  }

  .nav>.nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #342055;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 63px;
    left: 0px;
  }

  .nav>.nav-links>a {
    display: block;
    width: 100%;
  }

  .nav>#nav-check:not(:checked)~.nav-links {
    height: 0px;
  }

  .nav>#nav-check:checked~.nav-links {
    height: calc(90vh - 50px);
    overflow-y: auto;
    z-index: 9999;
  }
  .nav-links a:after {    
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #fff;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
    position: relative;
  }
  .nav-links a:hover:after { 
    width: 100px; 
    left: 0; 
  }
}

.searchicon {
  width: 63%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  background-image: url(../images/icon/search.svg);
  background-position: 10px 4px;
  background-repeat: no-repeat;
  padding: 5px 3px 5px 27px;
  background-color: transparent;
  background-size: 16px;
  border-radius: 20px;
  color: #ffff;
  transition: width 0.5s ease;  
}

/* Nav bar ends */
/* Section 1st start */
/* .overlay-skin {
  background-color: rgb(4 5 18 / 50%);
}

.overlay-skin--lighter {
  background-color: #04051282;

}

.overlay-text {
  width: 75%;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-47%, -50%);
  color: #ffff;
  font-family: MontserratBold;
  text-align: center;
}

.overlay-text h1 {
  font-size: 6vw;
  margin: 0;
  font-weight: 800;
  white-space: nowrap;
}

.overlay-text p {
  font-size: 1.5vw;
  margin-top: 0.5em;
  font-family: MontserratRegular;
  font-weight: 200;
}

.logoContainer {
  margin-left: 30px;
  
}
.logoCont{
  width: 140px;
  width: 53px;
} */
/* Section 1st end */
/* Section 2nd start */
/* .moto-bg {
  background-image: url("../images/background/engage.svg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  position: relative;
  width: 100%;
}

.moto-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  width: 100%;
  text-align: center;
}

.MotoHeading {
  color: #61468c;
  font-size: 2rem;
  font-family: MontserratBold;
  font-weight: 600;
  margin-top: 10%;
}

.motoDescription {
  color: #000;
  font-size: 1rem;
  font-family: MontserratMedium;
  font-weight: 500;
  margin-top: 4%;
  width: 73%;
  line-height: 2;

}

.moreMotoTxt {
  color: #48297a;
  font-size: 1.4rem;
  text-decoration: none;
  font-family: MontserratMedium;
  font-weight: 500;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  transition: 0.5s ease-out;

}

.uOutlined {
  background-image: url(../images/outlined.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 40%;
  height: 220px;
}

.uOutlined--top {
  background-image: url(../images/outlined.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: 0px;
  top: -5px;
  width: 30%;
  height: 368px;
}

.pl-4 {
  padding-left: 4%;
}

.mt-2 {
  margin-top: 10%;
}

.motocarousel-container {
  overflow: hidden;
  position: relative;
}

.motocarousel-slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.motoslide {
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  color: #fff;
}
.boxpadd{
  padding-left: 8% ;
} */

/* Dot Indicators */
.motoslidedots-container {
  position: absolute;
  display: flex;
  gap: 8px;
  flex-direction: row;
  bottom: 10%;
  left: 50%;

}
.motoslidedots-containerservice{
  position: absolute;
  display: flex;
  gap: 8px;
  flex-direction: row;
}

.motodot {
  width: 12px;
  height: 12px;
  color: #bbb7b7;
  border-radius: 50%;
  cursor: pointer;
  font-size: 0.7rem;
  padding-top: 5px;
}

.motodot.active {
  color: #48297a;
}

/* Section 2nd end */

/* section 3 start */
.servicecard-padding{
  padding-right: 20%;
}
.carousel {
  position: relative;
}

.carousel__item {
  position: relative;
  height: 28rem;
  width: 22rem;
  border-radius: 3px;
  overflow: hidden;
/*  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  position: absolute;
  transform: translate(100%, 11%) scale(.1);
  z-index: 0;
  transition: all .5s linear;
  padding: 60px 30px;
    border-radius: 20px;
    border:1px solid #462d7952;
}
.servicecardli li{
/*   font-family: 'MontserratRegular'; */
  font-size: 1rem;
  line-height: 1;
  line-height: 1.2;
}
.productcardli li{
/*   font-family: 'MontserratRegular'; */
  font-size: 1rem;
  line-height: 1;
  color: #000;
  line-height: 1.2;
}
.carousel__item h3 {
/*   font-family: 'MontserratBold'; */
  font-size: 25px;
  line-height: 1.2;
    color: #b31d7c
}

.carousel__item p {
  font-size: 0.9rem;
/*   margin-top: 15px; */
  line-height: 1.6;
    color: #111;
}

.rightBtn {
  background: transparent;
  border: none !important;
  top: 50%;  /* tm */
	right:70px;
}

.leftBtn {
  background: transparent;
  border: none !important;
  top: 50%;  /* tm */
  left:-20px;
}

.leftBtn i,
.rightBtn i {
    color: #aeaeb1;
/*  color: #fff9f91c;*/
  font-size: 2.5rem;
  width: 28px;
  height: 30px;
}

.carousel__item--main .leftBtn i, .carousel__item--main .rightBtn i {
    color: #462d79;
}

.serviceCarousalTxt {
/*   font-family: MontserratMedium; */
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
}

.exploreBtn {
  font-size: 16px;
/*   font-family: MontserratBold; */
  font-weight: 500;
  color: #ffff;
  text-decoration: none;
  display: block;
  margin-top: 5px;
}

.carousel__item--main {
  transform: translate(40%, 0%) scale(1);
  z-index: 2;
  cursor: pointer;
    background: #ebe8f2;
/*  background-image: linear-gradient(to right, #48297a, #b01e7d);*/
  color: #111;
  font-size: 12px;
  width: 26rem;
  height: 28rem;
	border:1px solid #48297a;
}
.carousel__item--main .exploreAnimation{
/* 	background:#48297a; */
}
.carousel__item--left, .carousel__item--right {
  transform: translate(4%, 0%) scale(.8);
  z-index: 1;
    background: #f4e4ed;
/*  background-color: #b31e7d;*/
  color: #ffff;
  font-size: 12px;
  padding: 60px 30px;
	border:1px solid #b31e7d;

}
.carousel__item--left .leftBtn i, .rightBtn i{
	color:#b31e7d;
}
.carousel__item--main .servicecard-padding h3{
  padding-top: 1.5rem !important;
    color: #462d79;
}

.carousel__item--right {
  transform: translate(106%, 0%) scale(.8);
  z-index: 1;
/*  background-color: #49287e;*/
    background: #f4e4ed;
  color: #ffff;
  font-size: 12px; 
  padding: 60px 30px;
}

.carousel__text {
  position: absolute;
  bottom: 0;
  z-index: 4;
  opacity: 0;
  transition: opacity .2s;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, .5);
  padding: 2rem 1rem;
  color: #fff;
}

.serviceListDecor {
  list-style-type: disclosure-closed;
  margin-top: 15%;
	margin-left: 30px;
}

.serviceListDecor .active {
/*   list-style-type: disclosure-open; */
  color: #ffff;
  font-weight: 600;
  font-size: 22px;
/*   font-family: MontserratBold; */
}

.ServicesHeading {
  font-size: 2rem;
  color: #ffff;
/*   font-family: MontserratBold; */
  font-weight: 800;
}

.servicesList {
  font-size: 19px;
  color: #ffff;
/*   font-family: MontserratMedium; */
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 26px;
  cursor: pointer;
  white-space: pre-line;
	text-indent: -22px;
}

.ServiceCenter {
  position: absolute;
  top: 22%;
  left: 4%;
}


/* section 3 end */
/* section 4 */
.ProductHeading {
  font-size: 2rem;
  color: #b82d86;
/*   font-family: MontserratBold; */
  font-weight: 800;
	    padding-top: 20%;
}

.productList {
  font-size: 19px;
  color: #111;
/*   font-family: MontserratMedium; */
  font-weight: 500;
  margin-top: 25px;
  cursor: pointer;
  line-height: 1.3;
}

.productListItem {
  list-style-type: disclosure-closed;
  margin-top: 15%;
}

.productListItem .active {
  font-size: 22px;
  color: #b82d86;
/*   font-family: MontserratBold; */
  font-weight: 800;
/*   list-style-type: disclosure-open; */

}

.productCenter {
  position: absolute;
  top: 20%;
  left: 20%;
}

.sectionProductBg {
  background-image: url('../images/background/products.svg');
  background-repeat: no-repeat;
  background-size: cover;
}

.carousel__items {
  position: relative;
/*   height: 80vh; */
	height:auto;
  width: 30rem;
  border-radius: 3px;
  overflow: hidden;
  position: absolute;
  transform: translate(60%, 11%) scale(.1);
  z-index: 0;
  transition: all .5s linear;
/*  box-shadow: 4px 2px 8px rgba(0, 0, 0, 0.5);*/
}
.prouctlogos{
  padding-top: 9%;
  padding-bottom: 20px;
}
.carousel__items .productTxtConatiner img {
    width: 200px;
	
}
.carousel__items img {
	 width: 100%;
/*   width: 100%;
  height: 33%; */
}

.productTxtConatiner {
  padding: 5% 9%;
  padding-top: 0%;
}

.productTxtConatiner p {
  color: #333;
  font-size: 16px;
/*   font-family: MontserratMedium; */
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0;
}

.productExplorer {
  color: #b82d86 !important;
}

.carousel__items--main {
  transform: translate(0%, 0%) scale(1);
  z-index: 2;
  cursor: pointer;
  background-color: #ffffff;
  color: #ffff;
border-radius: 20px;
    border: 1px solid #e6e0ee;
}

.uOutlined--leftBottom {
  background-image: url(../images/outlined.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 70%;
  height: 164px;
}

.carousel__items--right {
  transform: translate(70%, 3%) scale(.8);
  z-index: 1;
  color: #ffff;
  background-color: #f2f2f6;
border-radius: 20px;
     border: 1px solid #e6e0ee;
}

.carousel__btnss {
  position: absolute;
  transform: translate(57%, 22rem);
  display: flex;
  gap: 2rem;
  z-index: 999;
}

.carousel__btn1 {
  background-color: red;
  height: 5rem;
  width: 5rem;
  border-radius: 50%;
  border: 1px solid currentColor;
  color: #000000;
  cursor: pointer;
}

.carousel__btn1 svg {
  height: 1.8rem;
  width: 1.8rem;
}

.carousel__btn1:hover {
  color: #aaa;
}

.productrightBtn {
  background: transparent;
  border: none !important;
  padding-right: 20px;
	right: 45px;
    top: 30%;
}

.carousel__items--main .productrightBtn i {
  color: #b31d7c;
  padding-right: 5px;
}
.carousel__items--main .productrightBtn i:hover{
  color: #a082d2;

}
.productrightBtn i {
  color: #b31d7c80;
  font-size: 44px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.productrightBtn i:hover{
  color: #211e1e59;

}

/* section 5 */
.alliancesHeight {
  min-height: 100vh !important;
  background-color: #fff;
}

.allianceheadtxt {
  font-size: 1.7rem;
  color: #000000;
  padding-left: 7%;
  margin-top: 6%;
/*   font-family: MontserratBold; */
  font-weight: 800;

}

.allianceLogo {
  width: 100px;
  height: 100px;
  margin-right: 22px;
}

.alliancesubtxt {
  padding-left: 20%;
  font-size: 1.1rem;
  color: #000000;
/*   font-family: MontserratBold; */
  font-weight: 800;
  margin-top: 30px;
}

.mt-50 {
  margin-top: 5%;
}

/* section 6 */
.joinusBg {
  background-image: url('../images/background/joinus.svg');
  background-repeat: no-repeat;
  background-size: cover;
}

.Joinusheading {
  font-size: 2rem;
  color: #ffff;
/*   font-family: MontserratBold; */
  font-weight: 800;
  word-wrap: normal;

}

.joinusContainer {
  position: absolute;
  top: 10%;
  left: 8%;

}

.signupcontainer {
  position: absolute;
  top: 10%;
  left: 10%;
}

.joinusSubTxt {
  width: 50%;
  color: #ffff;
/*   font-family: MontserratMedium; */
  font-weight: 500;
  margin-top: 30px;
  font-size: 1rem;
  line-height: 1.3;
}

.careerBtn {
  background-color: #48297a;
  color: #ffff;
  border-radius: 20px;
  width: 200px;
  padding: 10px;
  margin-top: 30px;
  border: none;
  font-family: MontserratBold;
  font-weight: 800;
  font-size: 1rem;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  cursor: pointer;

}

.mt-50px {
  margin-top: 12%;
}

.signupheading {
  font-size: 2rem;
  color: #48297a;
  font-family: MontserratBold;
  font-weight: 800;
  word-wrap: normal;
}

.signupSubTxt {
  width: 80%;
  color: #030303;
  font-family: MontserratMedium;
  font-weight: 500;
  margin-top: 30px;
  font-size: 1rem;
  line-height: 1.3;
}

.contacttxt {
  font-size: 0.9rem;
  color: #48297a;
  font-family: MontserratBold;
  font-weight: 800;
  word-wrap: normal;
  width: 85px;
  display: inline-block;
  white-space: nowrap;
}

.contactInput {
  padding: 11px;
  margin: 10px 20px;
  border-radius: 43px;
  width: 50%;
}

/* footer */
.footer-bg {
  background-image: linear-gradient(to right, #48297a, #b01e7d);
  padding-top:1rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
}

.footerabout {
  color: #ffff;
  font-family: MontserratMedium;
  font-size: 9px;
  font-weight: 400;
}

.footerLinks ul li {
  list-style-type: none;

}

.footerLinks ul li a {
  color: #ffff;
}

.footerSubContainer--1 {
  padding: 9% 11%;
}

.footerLinks ul {
  padding-left: 35px;
  padding-top: 20px;
}

.footerLinks ul li {
  color: #ffff;
  font-family: MontserratMedium;
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
}

.footerLinks ul li a {
  text-decoration: none;
}

.footerlist--2 {
  width: 23%;
}

.socialContainer{
  display: flex;
  position: absolute;
  top: 50%;
  flex-wrap: wrap;
}
.socialContainer .icon a{
  position: relative;
  overflow: hidden;
  border: 1px solid #fff;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  padding: 8px;
  border-radius: 50%;
  margin: 6px;
  width: 51px;
  height: 51px;

}
.socialContainer .icon .social{
  position: relative;
  color: #48297a;
  transition: .5s;
  z-index: 3;
  font-size: 1.5rem;
  padding: 4px;
}
.socialContainer .icon:hover .social{
  transform: rotateY(360deg);
  color: #ffff;
}

.socialContainer .icon a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #342055;
  transition: .5s;
  z-index: 2;
}

.socialContainer .icon a:hover:before {
  top: 0;
}

.socialContainer .twitter a:before{
  background: #342055;

}

.socialContainer .utube a:before{
  background: #342055;

}

.socialContainer .linkedin a:before {
  background: #342055;

}


/* Animation */

.letter {
  display: inline-block;
  font-weight: 800;
  font-size: 3.5rem;
  color: #ffff;
  position: relative;
  z-index: 1;
  top: 0px;
  line-height: 120px;
  top: 0px;
  margin-right: -10px;
  -webkit-transform: translate3d(0, 130px, 0);
  -moz-transform: translate3d(0, 130px, 0);
  -ms-transform: translate3d(0, 130px, 0);
  transform: translate3d(0, 130px, 0);
  padding-left: 5px;
}

.motoAnimation .letter:nth-child(1) {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}

.motoAnimation .letter:nth-child(1):after {
  animation-delay: 2.7s;
  -webkit-animation-delay: 2.7s;
}

.motoAnimation .letter:nth-child(2) {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}

.motoAnimation .letter:nth-child(2):after {
  animation-delay: 2.9s;
  -webkit-animation-delay: 2.9s;
}

.motoAnimation .letter:nth-child(3) {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}

.motoAnimation .letter:nth-child(3):after {
  animation-delay: 3.1s;
  -webkit-animation-delay: 3.1s;
}

.motoAnimation .letter:nth-child(4) {
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
}

.motoAnimation .letter:nth-child(4):after {
  animation-delay: 3.3s;
  -webkit-animation-delay: 3.3s;
}

.motoAnimation .letter:nth-child(5) {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}

.motoAnimation .letter:nth-child(5):after {
  animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
}

.motoAnimation .letter:nth-child(6) {
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
}

.motoAnimation .letter:nth-child(6):after {
  animation-delay: 3.7s;
  -webkit-animation-delay: 3.7s;
}

.motoAnimation .letter:nth-child(7) {
  animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s;
}

.motoAnimation .letter:nth-child(7):after {
  animation-delay: 3.9s;
  -webkit-animation-delay: 3.9s;
}

.motoAnimation .letter {
  -webkit-animation: show 0.3s 4s 1 ease-out forwards;
  -moz-animation: show 0.3s 4s 1 ease-out forwards;
  -o-animation: show 0.3s 4s 1 ease-out forwards;
  animation: show 0.3s 4s 1 ease-out forwards;
}

.motoAnimation .letter:after {
  -webkit-animation: up 1s 1 ease-out forwards;
  -moz-animation: up 1s 1 ease-out forwards;
  -o-animation: up 1s 1 ease-out forwards;
  animation: up 1s 1 ease-out forwards;
}

@keyframes show {
  100% {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
}

@keyframes up {
  30% {
    -webkit-transform: translate3d(0, -7px, 0);
    -moz-transform: translate3d(0, -7px, 0);
    -ms-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
  }

  60% {
    -webkit-transform: translate3d(0, -4px, 0);
    -moz-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }

  80% {
    -webkit-transform: translate3d(0, -7px, 0);
    -moz-transform: translate3d(0, -7px, 0);
    -ms-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -moz-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, -7px, 0);
    -moz-transform: translate3d(0, -7px, 0);
    -ms-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
  }
}

@-webkit-keyframes show {
  100% {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
}

@-webkit-keyframes up {
  30% {
    -webkit-transform: translate3d(0, -7px, 0);
    -moz-transform: translate3d(0, -7px, 0);
    -ms-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
  }

  60% {
    -webkit-transform: translate3d(0, -4px, 0);
    -moz-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }

  80% {
    -webkit-transform: translate3d(0, -7px, 0);
    -moz-transform: translate3d(0, -7px, 0);
    -ms-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -moz-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, -7px, 0);
    -moz-transform: translate3d(0, -7px, 0);
    -ms-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-250px * 7));
  }
}

.clientslider {
  height: 100px;
  overflow: hidden;
  position: relative;
  width: 85%;
}

.clientslider .slide-track {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(82px * 14);
}

.clientslider .slide {
  height: 100px;
  width: 250px;
}



.nav.scrolled {
  background-color: #342055;
  color: #fff;
  z-index: 9999999;
  height: 52px;
  padding-top: 0px !important;
}
.nav.scrolled .logo {
  padding-top: 10px !important;
  width: 94px;
  height: 43px;
  padding-top: 10px;
}

/* animation txt */
.from-left-and-back {
  background-image: linear-gradient(to right, #b01e7d 45%, #48297a 55%);
  background-size: 220% 100%;
  background-position: 100% 50%;
  
}
.from-left-and-back:hover {
  background-position: 0% 50%;
}
.searchicon:hover{
  width: 90%;
}
.btn-style2:hover {
  color: #fff;
}
.btn-style3:hover {
    transform: translateY(-0.25em);
    box-shadow: 0 0 0.5em 0em#5e5e5e;
    border-color:#5e5e5e;
    color:#ffff;
  }

.top-right:after,
.top-right:before {
    content: "";
    position: absolute;
    z-index: -1
}

.top-right:after {
  width: 1px;
  height: 1px
}

.top-right:focus:after,
.top-right:hover:after {
  width: 100%;
  height: 1px
}

.top-right:before {
  width: 1px;
  height: 1px
}

.top-right:focus:before,
.top-right:hover:before {
  width: 1px;
  height: 100%
}

.top-right:after,
.top-right:before {
  bottom: 0;
  left: 0
}

.top-right{
  transition: color 1s ease;
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block !important;
}
.top-right{
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  -ms-transition: color 1s ease;
  -o-transition: color 1s ease;
  cursor: pointer
}
.top-right{
  position: relative;
    z-index: 2;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    padding: 4px;
    overflow: hidden
}

.top-right:focus,
.top-right:hover {
  outline: 0;
  color: #1B98E0;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  -ms-transition: color 1s ease;
  -o-transition: color 1s ease;
  transition: color 1s ease;
  cursor: pointer
}

.top-right:after,
.top-right:before {
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s
}

.top-right:focus:after,
.top-right:focus:before,
.top-right:hover:after,
.top-right:hover:before {
  outline: 0;
  background-color: #ffff;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s
}

.exploreAnimation{
    background: #b31d7c;
/*
  background-image: linear-gradient(
    to right,
     #ff00a6,
    #ffff 60%,
    #ffff  50%
  );
*/
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}
.exploreAnimation1{
  background-image: linear-gradient(
    to right,
    #0073ff,
    #b01e7d 60%,
    #b01e7d  50%
  );
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

.exploreAnimation1:before,.exploreAnimation:before{
  content: '';
  background: #ffff;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}

.exploreAnimation:hover,.exploreAnimation1:hover {
 background-position: 0;
}

.exploreAnimation:hover::before,.exploreAnimation1:hover::before{
  width: 100%;
}

/* Services Section */
.servicesection {
  min-height: 100vh;
  position:sticky !important;
  top:0;
  width:100%;
  height:100vh;
  background-color: #ffff;
  transition: all 2s ease-in-out;
}
.main{
  position:relative;
  width:100%;
}

/*.row{*/
/*  margin: 0px !important;*/
/*}*/
.servicesContainer{
  height: 100vh;
  background-color: #fff;
}

.servicesContainer.active {
	opacity: 1;
	top: 0;
	scale: 1;
}
.servicesContainer:nth-of-type(1){
  background-image: url('../images/background/services.svg');
  background-repeat: no-repeat;
  background-size: cover;

}
.servicecarousal-bg {
  background-image: url("../images/servicescarosal.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  position: relative;
}

.esc-txt{
font-family:MontserratBold !important;
font-weight: 800;
font-size: 1.6rem !important;
color: #342055 !important;
padding: 6px;
background-color: white;
border-radius: 30px;
width: 255px;
}


.ourserviceCenter {
  position: absolute;
  top: 20%;
  left: 20%;
}

.logo{
  width: 145px;
  height: 51px;
}
.ServiceHeading {
  color: #61468c;
  font-size: 2rem;
  font-family: MontserratBold;
  font-weight: 600;
}
.serviceDescription {
  color: #000;
  font-size: 1rem;
  font-family: MontserratMedium;
  font-weight: 500;
  width: 73%;
  line-height: 1.5;

}

.whyusTxt {
  color: #ffff;
  font-size: 2rem;
  font-family: MontserratBold;
  font-weight: 800;

}

.purpleBox{
  background-image: linear-gradient(to right, #48297a, #b01e7d);
}
.servicekeypoints-heading{
  color: #ffff;
  font-size: 0.9rem;
  text-decoration: none;
  font-family: MontserratMedium;
  font-weight: 400;
}
.servicekeypointbg{
  background-image: url(../images/servicescarosal.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.servicekeypoint--box{
  background-color: #ffffffdb;
  position: relative;
  /* top: 15%; */
  left: -11%;
  width: 100%;
}
.keypointHeading{
  color: #000;
  font-size: 1rem;
  font-family: MontserratBold;
  font-weight: 600;
}
.keypointDescrp{
  color: #000;
  font-size: 0.7rem;
  text-decoration: none;
  font-family: MontserratMedium;
  font-weight: 400;

}
.casestudybox{
  width: 80%;
  height: 239px;
}
.casestudy{
  width: 100%;
  height: 100%;

}
.casesstudyHeading{
  color: #48297a;
  font-size: 2rem;
  font-family: MontserratBold;
  font-weight: 600;
  padding-top: 50px;
}
.content {
  position: relative;
  overflow: hidden;
}
.content .content-overlay {
  background: #48297acf;
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.content:hover .content-overlay{
  opacity: 1;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}
.fadeIn-bottom{
  top: 80%;
}

.clientHeading{
  color: #ffff;
  font-size: 2.5rem;
  font-family: MontserratBold;
  font-weight: 600;
  position: absolute;
  top: 21%;
  left: 22%;
  background-color:#61468c ;
}
.client--feedback{
  font-size: 0.8rem;
  font-family: MontserratRegular;
  font-weight: 200;
  color: #ffff;
  margin-bottom: 0;
  width: 75%;
  line-height: 1.8;
}
.client--name{
  font-size: 0.9rem;
  font-family: MontserratMedium;
  font-weight: 200;
  color: #ffff;
}
.client--desc{
  font-size: 0.8rem;
  font-family: MontserratMedium;
  font-weight: 200;
  color: #ffff;
}

.cardimg{
  display: block;
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.cardscrollcontainer {
  max-width: 67rem;
  width: 100%;
  height: auto;
  padding: 0 2rem;
  margin: 0 auto;
}

.cardtext {
  font-family: inherit;
  font-weight: 700;
  line-height: inherit;
  text-rendering: optimizeLegibility;
}
.cardtext-title {
  font-size: 1.15rem;
  color: #d32f2f;
}

.paragraph {
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: inherit;
  margin: 0.25rem 0;
  color: #252a32;
  text-transform: unset;
  text-rendering: optimizeLegibility;
}

.truncate {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Cardmain .scroll {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0;
  padding-bottom: 20px;
  cursor: default;
  overflow: scroll hidden;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  scroll-padding: 0px 1.25rem;
  scrollbar-width: none;
}
.Cardmain .scroll::-webkit-scrollbar {
  display: none;
}
.Cardmain .scroll.active {
  cursor: grab;
  cursor: -webkit-grab;
}
.Cardmain .scroll .card {
  width: 18rem;
  height: 355px;
  flex: 0 0 auto;
  margin: 0 0.75rem;
  border: none;
  outline: none;
  border-radius: 0.25rem;
  color: #252a32;
  background: #ffffff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  border: 0.5px solid #0000003b;
}
.Cardmain .scroll .card-image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding-top: 78%;
}
.Cardmain .scroll .card-image img.responsive {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.Cardmain .scroll .card-inner {
  width: 100%;
  height: auto;
  padding: 1rem;
}


.teamcard { 
	position: relative;
	width: 18rem;
	height: fit-content;
  padding: 5px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.teamcard .content {
	position: absolute;
	bottom: -160px;
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
	flex-direction: column;
	box-shadow: 0 -10 10px rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	transition: bottom 0.5s;
	transition-delay: 0.8s;
  background-color: #49287e;
}
.teamcard:hover .content {
	bottom: 0px;
	transition-delay: 0s;
}
.card-text{
  color: #fff;
  font-size: 1rem;
  font-family: MontserratMedium;
  font-weight: 600;
}
.team--box{
  background-color: #ffff;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items:center ;

}
.team--box p {
  margin-bottom: 0px;
  margin-top: 5px;
}
.connectIcon{
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
display: flex;
justify-content: center;
}

.whitebox{
  scale: 0.6;
	opacity: 0;
	transition: 0.9s;
	transition-timing-function: linear;
}
.whitebox.active {
	opacity: 1;
	scale: 1;	opacity: 1;
	scale: 1;
}


.whitebox.active .drop-in {
  animation: drop-in 1s ease 200ms backwards;
  animation-delay: 1s;
 }
.clientanimation.active .drop-in {
  animation: drop-in 1s ease 200ms backwards;
  animation-delay: 0.6s;
 }
.clientanimation.active .drop-in1{
  animation: drop-in 1s ease 200ms backwards;
  animation-delay: 1.3s;

}

.titleservicedrop-in{
  animation: drop-in 1s ease 200ms backwards;
  animation-delay: 0.5s;

 }
.titledrop-in{
  animation: drop-in 1s ease 200ms backwards;
  animation-delay: 1s;
 }
.titlesubdrop-in{
  animation: drop-in 1s ease 200ms backwards;
  animation-delay: 2s;
 } 
 
 
 @keyframes drop-in {
  from {
   opacity: 0;
   transform: translateY(50px);
  }
  to {
   opacity: 1;
   transform: translate(0px);
  }
 }
 
.whyus-icon{
  color:#686363;
  font-size: 2rem;
  font-weight: 600;
  width: 43px;
  height: 43px;
}
.hovereffect:hover i ,.hovereffect:hover  h5{
  color:#b01e7d;
}

.caseboxreveal{
  scale: 0.6;
	opacity: 0;
	transition: 0.9s;
	transition-timing-function: linear;
}
.caseboxreveal.active {
	opacity: 1;
	scale: 1;
}

.downloadbrochure{
  font-size: 1rem;
  color: #ffff;
  font-family: MontserratRegular;
  font-weight: 300;
  background-color: #49287e;
  padding: 10px;
  border-radius: 7px;
  border: none;
}
.downloadbrochure:hover{
  background-color: #ffff;
  color: #49287e;
  border: 1px solid #49287e;
}
.titlecardreadmore{
  font-size: 0.8rem;
  color: #000;
  font-family: MontserratRegular;
  font-weight: 300;

}
.usectionbg{
  background-image: url(../images/U_White.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 248px;
  height: 215px;
  position: absolute;
  right: 20px;
  opacity: 0.1;
}
.elementor-video{
  width: 100%;
  height: 60vh;
}
.vh-70{
  height: 70vh;
}

.vh-90{
  height: 90vh;
}
.whiteboxmargin{
  margin-top: 2%;
}
.newstxt{
  font-size: 1rem;
}
.team--box p{
  font-size: 1rem;
}
.visible-990{
  display: block !important;
}
.visible-max990{
  display: none !important;
}
.dropdown-menu-resp{
  position: relative !important;
  transform: translate3d(0px, 0px, 0px) !important;
  background-color: inherit;
}
.dropdown-menu-resp a{
  padding: 13px 10px 3px 10px;
  text-decoration: none;
  color: #efefef;

}
.respdropdownname{
  padding: 13px 10px 3px 10px;
  text-decoration: none;
  color: #ffff;
  background-color: inherit;
  border: none;
}
.respdropdownname:hover{
  color: #ffff;

}
.dropdown-menu-resp li{
  padding-left: 15px;
}

.respdropdownname:focus{
box-shadow: none !important;
}
.dropdown-menu-resp a:hover{
font-weight: 800;
  color: #ffff;
}
/* Media Query */

@media screen and (min-width:768px) and (max-width:910px) {
  .carousel__item {
    width: 14rem;
    padding: 10px;
    height: 25rem;
  }

  .carousel__item h3 {
    font-size: 0.9rem;
  }

  .carousel__item p {
    font-size: 0.7rem;
  }

  .leftBtn i,
  .rightBtn i {
    font-size: 4rem;
    width: 20px;
    height: 20px;
    cursor: pointer;
  }
  .leftBtn i:hover,
  .rightBtn i:hover {
  counter-reset: #ffff;
  }
.socialContainer .icon a {
    padding: 3px;
    width: 38px;
    height: 37px;
}
.socialContainer .icon .social {
  font-size: 1rem;
  padding: 8px;
}

}
@media screen and (min-width:910px) and (max-width:1065px) {
  .carousel__item {
    width: 18rem;
    height: 26rem;
  }

  .carousel__item h3 {
    font-size: 18px;
  }

  .carousel__item p {
    font-size: 0.7rem;
  }
  .leftBtn i, .rightBtn i {
  font-size: 3rem;
  }
  .productListItem{
    margin-top: 19%;
  }
  .socialContainer .icon .social {
    font-size: 0.9rem;
    padding: 0px;
}
.socialContainer .icon a {
  width: 50px;
  height: 50px;
  padding: 13px;
}

}

@media screen and (max-width:1000px) {
  .allianceLogo {
    width: 60px;
    height: 60px;
    margin-right: 16px;
    margin-left: 15px;
  }
  .md-wd-sm {
    width: 10% !important;
  }
  .md-wd {
    width: 100% !important;
  }
  .alliancesubtxt {
    padding-left: 0%;
  }
  .clientslider .slide-track {
    animation: scroll 40s linear infinite;
    display: flex;
    width: calc(52px * 14);
  }
  .clientslider .slide {
    height: 100px;
    width: 200px;
  }
  .alliancesubtxt {
    padding-left: 15px;
  }
  .allianceheadtxt {
    padding-left: 3%;
  }
  .md-block {
    display: block !important;
  }
  .clientslider {
    left: 15px;
  }
  .footerLinks ul {
    padding-left: 15px;
  }
  .footerLinks ul li {
    font-size: 10px;
  }
  /* .logoCont {
    width: 100px !important;
    height: 60px !important;
  } */
  .socialContainer {
    top: 20%;
  }
  .socialContainer span {
    display: block;
    margin-bottom: 5px;
  }
  .leftBtn i,.rightBtn i{
    font-size: 3rem;
  }
  .servicekeypoint--box {
    left:-8%;
  }
  .keypointHeading{
    font-size: 0.8rem;
  }
  .keypointDescrp{
    font-size: 0.6rem;
  }
  .servicekeypoints-heading{
    font-size: 0.7rem;
  }
  .whyusTxt {
  font-size: 1.5rem;
  }
  .socialContainer .icon a {
    width: 40px;
    height: 40px;
    padding: 10px;
}
}

@media screen and (max-width:1024px) {
  .slider-dots{
    display: none;
  }
  .uOutlined--top{
    display: none !important;
  }
  
}
@media screen and (max-width:1180px) {
  .casestudybox{
    width: 80%;
    height: 100%;
    margin: 10px;
  }
}
@media screen and (min-width:1200px) {
	.section{
		padding-top:70px;
		min-height: auto;
		
	}
	.services-section .elementor-container{
		min-height: 690px !important;
	}
	.ServiceCenter {
      position: relative;
      top: 30%;
	}
	.carousel__item--main{
		height: 32rem;
	}
	.carousel__item--left{
		height: 30rem;
	}
	.carousel__item--right{
				height: 30rem;

	}
}
@media screen and (max-width:1200px) {
	.tm-product-sec {
    padding-top: 10px !important;
    min-height: 65vh;
}
	.ProductHeading{
		padding-top:5%;
	}
  .productTxtConatiner {
  padding-top: 9%;
  }
  .productTxtConatiner p{
    font-size: 0.9rem;
  }
  .MotoHeading{
    font-size: 2.1rem;
  }
  .mt-50px {
    margin-top: 14px;
  }
  .motoDescription {
    line-height: 1.5;
    font-size: 1.2rem;
  }
  .moreMotoTxt {
    font-size: 1.1rem;
  }
  .letter {
    font-size: 3rem;
  }
  .carousel__item--main {
    width: 20rem;
  }
  .carousel__item {
    width: 19rem;
    padding: 13px;
    height: 26rem;
  }
  .carousel__item h3 {
    font-size: 18px;
  }
  .carousel__item p {
    line-height: 1.3;
    font-size: 0.7rem;
  }
  .exploreBtn {
    font-size: 0.8rem;
  }
  .ServiceCenter {
    left: 18%;
  }
  .serviceListDecor .active {
    font-size: 0.9rem;
  }
  .servicesList {
    font-size: 0.8rem;
  }
  .ServicesHeading,.ProductHeading {
    font-size: 1.5rem;
  }
  .joinusSubTxt {
    width: 70%;
    font-size: 0.8rem;
  }

  .careerBtn {
    width: 163px;
    font-size: 0.8rem;
  }

  .signupSubTxt {
    font-size: 0.8rem;
  }

  .mt-50px {
    margin-top: 12%;
  }

  .contactInput {
    padding: 8px;
    margin: 5px 13px;
    border-radius: 43px;
    width: 49%;
  }

  .clientslider .slide-track {
    width: calc(44px* 14);
  }
  /* .socialContainer .icon a {
  width: 36px;
  height: 36px;
  padding: 6px;
  } */
  .socialContainer .icon .social {
font-size: 1rem;
  }
  .esc-txt{
    font-size: 1.2rem !important;
  }
  .ServiceHeading{
    font-size: 1.4rem !important;
    line-height: 1.5;
  }
  .serviceDescription {
    font-size: 0.9rem;
    line-height: 1.2;
  }
  .downloadbrochure {
    font-size: 0.9rem;

  }
  
}
@media screen and (max-width:1300px) {
  .productTxtConatiner {
    padding-top: 9%;
    }
    .productTxtConatiner p{
      font-size: 0.9rem;
    }
  .socialContainer{
    top: 10%;
  }
  .socialContainer .icon .social {
    font-size: 1.4rem;
}
  .client--desc,.client--name,.client--feedback{
    font-size: 1rem !important;
    line-height: 1.5;

  }
  .cardscrollcontainer{
    max-width: 73rem;
  }

}
@media screen and (min-width:1300px) {
	.tm-product-sec{
		padding-top:0 !important;
		min-height:60px !important;
	}
	.section{
		min-height: 85vh;
		padding-top: 70px;
	}
  .carousel__item--main{
    transform: translate(57%, 0%) scale(1) !important;
	      height: 32rem;
  }
  .carousel__item--right{
    transform: translate(136%, 0%) scale(.8) !important;
	  height: 32rem;
  }
  .carousel__item--left{
    transform: translate(15%, 0%) scale(.8) !important;
	  height: 32rem;
  }
 .client--desc,.client--name,.client--feedback{
    font-size: 1.3rem !important;
    line-height: 1.6;

  }
  .footerabout{
    font-size: 10px;
  }
  .footerLinks ul li{
    font-size: 14px;
  }
  .servicedropdown-li{
    font-size: 1rem;
  }
  .servicedropdownSubtxt{
    font-size: 0.9rem;
  }
  .nav>.nav-links>a, .nav>.nav-links .menudrop{
    font-size: 1rem;
  
  }
}
@media screen and (min-width:1600px) and (max-width:1880px) {
  .carousel__items {
    width: 30rem;
  }
  .letter {
    font-size: 4rem;
    }
  .motoDescription{
    font-size:1.5rem ;
    line-height: 1.6;
  }
  .MotoHeading{
    font-size: 2.1rem;
  }
  .moreMotoTxt{
    font-size: 1.5rem;
  }
  .esc-txt {
    font-size: 1.9rem !important;
    width: 318px;
}
  .img-xl{
    width: 198px !important;
    height: 75px !important;
  }
.nav>.nav-links{
  font-size: 1.1vw;
}
.searchicon {
  font-size: 21px;
  background-size: 28px

}
.MotoHeading {
  font-size: 3rem;
}
.motoDescription{
  font-size: 1.5rem;
}
.moreMotoTxt{
  font-size: 1.8rem;
}
.letter{
  font-size: 4.5rem;
}
.motodot {
  width: 20px;
  height: 20px;
}
.carousel__item--main {
width: 29rem;
}
	.section {
        min-height: 70vh;
	}
	.ServiceCenter {
        top: 20%;
    }
.carousel__item{
  width: 30rem;
  height:570px;
	padding:30px 20px;
}
.exploreBtn{
/*   font-size: 1.4rem; */
}
.carousel__item p{
  font-size: 16px;
  line-height: 1.8;
}
.carousel__item h3{
/*   font-size: 2.1rem; */
}
.servicesList {
  font-size: 1.5rem;
  
}
.serviceListDecor .active{
  font-size: 1.7rem;
}
.nav.scrolled {
height: 110px !important;
padding-top: 20px !important;
}
.ProductHeading{
  font-size: 2.5rem;
}
.ServicesHeading{
  font-size: 2.5rem;

}
.productListItem .active {
  font-size: 1.7rem;
}
.productList{
  font-size: 1.5rem;
}

.carousel__items p{
  font-size: 16px;
  line-height: 26px;
}
.allianceheadtxt {
  font-size: 2rem;
}
.alliancesubtxt{
  font-size: 1.6rem;
}
.Joinusheading,.signupheading{
  font-size: 2.3rem;
}
.joinusSubTxt,.signupSubTxt{
  font-size: 1.3rem;
}
.contacttxt{
  font-size: 1.2rem;
}
.careerBtn{
  width: 274px;
  font-size: 1.2rem;
}
.footerLinks ul li{
  font-size: 18px;
}
.footerabout {
font-size: 0.9rem;
}
.productrightBtn i {
  font-size: 72px;
}
.ServiceHeading,.whyusTxt,.casesstudyHeading {
  font-size: 2.2rem !important;
  line-height: 1.5;
}
.serviceDescription ,.servicekeypoints-heading{
  font-size: 1.2rem;
  line-height: 1.5;
  width: 60%;
}

.downloadbrochure {
  font-size: 1.3rem;
  padding: 19px;

}
.motodot {
  font-size: 0.9rem;
}
.keypointDescrp{
  font-size: 1.3rem;
  line-height: 1.5;
}
.whyus-icon{
  font-size: 2.2rem;
}
.keypointHeading {
  font-size: 1.5rem;
}
.elementor-video {
  height: 70vh;
}
.casestudybox{
  width: 80%;
  height: 312px;
}
.client--desc,.client--name,.client--feedback{
  font-size: 1.4rem !important;
  line-height: 1.7;

}
.clientHeading{
  font-size: 3rem;
}
.cardscrollcontainer{
  max-width: 90rem;
}
.casesstudyHeading{
  font-size: 2.2rem;
}
.newstxt{
  font-size: 1.4rem;
}
.cardtext-title {
font-size: 1.4rem;
}
.paragraph{
  font-size: 1.1rem;
}
.titlecardreadmore{
  font-size: 1rem;
}
.teamcard {
  width: 23rem;
}
.connectIcon {
  font-size: 2.5rem;
}
.card-text {
font-size: 1.23rem;
}
.team--box p{
  font-size: 1.2rem;
}
.footerLinks ul li {
  font-size: 18px;
  }
  .footerabout{
    font-size: 13px;
  }
  .logoCont{
    width: 165px;
  }
  .socialContainer .icon .social{
    font-size: 2rem;
  }
  .socialContainer .icon a {
    padding: 12px;
    width: 74px;
    height: 74px;
  }
  .carousel__item--right{
    transform: translate(106%, 0%) scale(.8) !important;
  }
}
@media screen and (max-width:1600px) {
  /* .socialContainer .icon a {
    width: 40px;
    height: 40px;
    padding: 3px;
    } */
    /* .socialContainer .icon .social {
  font-size: 1rem;
    } */
    
}
@media screen and (min-width:1880px) and (max-width:1900px) {
  .productTxtConatiner p{
/*     font-size: 1.7em; */
  }
  .letter {
    font-size: 4rem;
    }
  .motoDescription{
    font-size:1.4rem ;
    line-height: 1.6;
  }
  .MotoHeading{
    font-size: 2.1rem;
  }
  .moreMotoTxt{
    font-size: 1.5rem;
  }
  .carousel__items {
    width: 30rem !important;
  }
  .carousel__items--main{
    width: 32rem !important;

  }
  .exploreBtn {
/*     font-size: 1.4rem; */
  }
  .carousel__item {
    width: 26rem !important;
    height: 32rem !important;
}

.socialContainer .icon a{
  width: 49px;
  height: 49px;
  margin: 8px;
}
.socialContainer .icon .social {
font-size: 1.5rem;
}
.footerabout {
  font-size: 1rem;
}
.footerLinks ul li {
  font-size: 20px;
}
.carousel__item--main {
width: 30rem !important;
}
.carousel__item--right{
  transform: translate(92%, 11%) scale(.8);
}
.joinusSubTxt,.signupSubTxt{
  font-size: 1.5rem;
}
.joinusSubTxt, .signupSubTxt{
  font-size: 1.5rem !important;
  line-height: 1.8;
}
.Joinusheading, .signupheading {
    font-size: 2.8rem !important;
}
.careerBtn {
  height: 63px !important;
    width: 337px !important;
    font-size: 1.5rem !important;
}
.contacttxt{
  font-size: 1.6rem !important;
  width: 143px;
}
.mt-50px {
  margin-top: 8%;
}

.moreMotoTxt {
    font-size: 1.9rem;
}
.exploreBtn {
/* margin-top: 47px; */
}
.client--desc,.client--name,.client--feedback{
  font-size: 1.6rem !important;
  line-height: 1.7;

}
.clientHeading {
  font-size: 3rem;
}
.cardscrollcontainer{
  max-width: 98rem;
}
.casesstudyHeading{
  font-size: 2.1rem;
}
.newstxt{
  font-size: 1.3rem;
}
.cardtext-title {
font-size: 1.2rem;
}
.paragraph{
  font-size: 1rem;
}
.titlecardreadmore{
  font-size: 1rem;
}
.teamcard {
  width: 23rem;
}
.connectIcon {
  font-size: 2.5rem;
}
.card-text {
font-size: 1.23rem;
}
.team--box p{
  font-size: 1.4rem;
}
.footerLinks ul li {
  font-size: 18px;
  }
  .footerabout{
    font-size: 13px;
  }
  .logoCont{
    width: 165px;
  }
  .socialContainer .icon .social{
    font-size: 2rem;
  }
  .socialContainer .icon a {
    padding: 12px;
    width: 74px;
    height: 74px;
  }
}
/* @media screen and (min-width: 1920px) {
   
} */
@media screen and (min-width:1900px) and (max-width:2300px){
	 .section {
        min-height: 75vh;
        padding-top: 20px;
    }
  .carousel__items {
    width: 35rem;
  }
  .productTxtConatiner p {
    font-size: 16px;
    line-height: 1.6;

}
  .ServicesHeading,.ProductHeading{
    font-size: 3rem;
  }
  .letter {
  font-size: 4.5rem;
  }
  .motoDescription{
    font-size:1.5rem ;
    line-height: 1.8;
  }
  .MotoHeading{
    font-size: 2.2rem;
  }
  .moreMotoTxt{
    font-size: 1.6rem;
  }
  .carousel__item--main{
    transform: translate(29%, 11%) scale(1) !important;
    width: 44rem !important;
  }
  .carousel__item {
    height: auto !important;
    width: 34rem !important;
	  padding:75px 30px;
  }
  .carousel__item--right{
    transform: translate(64%, 11%) scale(.8) !important ;
  }
  .carousel__item--left{
    transform: translate(-15%, 11%) scale(.8) !important;
  }
  .carousel__item p {
    font-size: 16px;
  }
  .exploreBtn {
    font-size: 16px;
  }
  .carousel__item h3{
    font-size: 25px;
/*     font-family: MontserratBold; */
  }
  .alliancesubtxt {
    font-size: 1.8rem;
}
.allianceheadtxt {
  font-size: 2.3rem;
}
.Joinusheading, .signupheading {
  font-size: 3rem !important;
}
.form{
  margin-top: 11% !important;
}
.mt-50px {
margin-top: 12%;
}
.socialContainer .icon a{
  margin: 8px;
}
.esc-txt{
    font-size: 2.3rem !important;
    width: 390px;
    line-height: 1.5;
}
.ServiceHeading,.whyusTxt{
  font-size: 3rem !important;
  line-height: 1.8;
}
.serviceDescription {
  font-size: 1.7rem;
  line-height: 1.8;
  width: 65%;
}
.servicekeypoints-heading{
  font-size: 1.4rem;
  line-height: 1.8;
}
.keypointDescrp{
  font-size: 1.3rem;
  line-height: 1.8;
}
.keypointHeading {
  font-size: 2rem;
  line-height: 1.8;
}

.downloadbrochure {
  font-size: 1.8rem;
  padding: 19px;

}
.motodot {
  font-size: 1.2rem;
}
.whyus-icon{
  font-size: 4rem;
  width: auto;
  height: auto;
  
}
 .slider-dot {
        width: 12px;
        height: 12px;
    }

.slider-dot:not(:last-of-type) {
        margin-bottom: 10px;
    }

	
.client--desc,.client--name,.client--feedback{
  font-size: 1.6rem !important;
  line-height: 1.8;

}
.clientHeading{
font-size: 3.5rem;
}
.cardscrollcontainer{
  max-width: 107rem;
}
.Cardmain .scroll .card {
width: 23rem;
height: 450px;
}
.casesstudyHeading{
  font-size: 2.2rem;
}
.newstxt{
  font-size: 1.4rem;
}
.cardtext-title {
font-size: 1.4rem;
}
.paragraph{
  font-size: 1.1rem;
}
.titlecardreadmore{
  font-size: 1rem;
}
.teamcard {
  width: 23rem;
}
.connectIcon {
  font-size: 2.5rem;
}
.card-text {
font-size: 1.23rem;
}
.team--box p{
  font-size: 1.4rem;
}
.footerLinks ul li {
font-size: 18px;
}
.footerabout{
  font-size: 14px;
}
.logoCont{
  width: 170px;
}
.socialContainer .icon .social{
  font-size: 2.4rem;
}
.socialContainer .icon a {
  padding: 12px;
  width: 74px;
  height: 74px;
}
.servicedropdown-li{
  font-size: 1.1rem;
}
.servicedropdownSubtxt{
  font-size: 1rem;
}
.nav>.nav-links>a, .nav>.nav-links .menudrop{
  font-size: 1.1rem;
}
.serviceListDecor .active,.productListItem .active{
/*   font-size: 1vw; */
}
.servicesList,.productList{
/*   font-size: 1.3vw; */

}

}
@media screen and (min-width:2300px) {
  .ServiceHeading,.whyusTxt{
    font-size: 3.5rem !important;
    line-height: 1.8;
  }
  .serviceDescription {
    font-size: 1.9rem;
    line-height: 1.8;
    width: 55%;
  }
  .servicekeypoints-heading,.keypointDescrp{
    font-size: 1.8rem !important;
    line-height: 1.8;
  }
  .keypointDescrp{
    font-size: 1.6rem !important;
    line-height: 1.8;
  }
  .keypointHeading {
    font-size: 2.7rem;
    line-height: 1.8;
  }
  
  .downloadbrochure {
    font-size: 2rem;
    padding: 19px;
  
  }
  .motodot {
    font-size: 1.2rem;
  }
  .whyus-icon{
    font-size: 4rem;
    width: auto;
    height: auto;
  }
}
@media screen and (min-width:1500px) and (max-width:1600px) {
  .productTxtConatiner p{
font-size: 16px;
line-height: 1.4;
  }
  .carousel__items {
/*     width: 35rem; */
  }
  .carousel__items p{
/*     font-size: 1.5em; */
  }
  .motoDescription{
    font-size:1.4rem ;
    line-height: 1.6;
  }
  .MotoHeading{
    font-size: 2.1rem;
  }
  .moreMotoTxt{
    font-size: 1.5rem;
  }
  .serviceDescription{
    font-size: 1.4rem !important;
    line-height: 1.6;
  }
  .downloadbrochure {
    font-size: 1.3rem !important;
  }
  .ServiceHeading {
    font-size: 2.2rem !important;
    line-height: 1.6;
  }
  .motodot{
    font-size: 1rem;
  }
  .servicekeypoints-heading{
    font-size: 1rem;
  }
  .whyusTxt{
    font-size: 2.2rem;
  }
  .keypointDescrp{
    font-size: 1.1rem;
  }
  .keypointHeading{
    font-size: 1.3rem;
  }
  .client--desc,.client--name,.client--feedback{
    font-size: 1.4rem !important;
    line-height: 1.6;

  }
  .cardscrollcontainer{
    max-width: 86rem;
  }
  .casesstudyHeading{
    font-size: 2.2rem;
  }
  .newstxt{
    font-size: 1.4rem;
  }
  .cardtext-title {
  font-size: 1.4rem;
  }
  .paragraph{
    font-size: 1.1rem;
  }
  .titlecardreadmore{
    font-size: 1rem;
  }
  .footerLinks ul li {
    font-size: 18px;
    }
    .footerabout{
      font-size: 13px;
    }
    .logoCont{
      width: 165px;
    }
    .socialContainer .icon .social{
      font-size: 1.7rem;
    }
    .socialContainer .icon a {
      padding: 12px;
      width: 60px;
      height: 60px;
    }
}
@media screen and (max-width:1370px){
  .MotoHeading{
    font-size: 2.1rem;
  }
  .motoDescription{
    font-size:1.25rem ;
    line-height: 1.2;
  }
  .moreMotoTxt{
    font-size: 1.5rem;
  }
}
@media screen and (min-width:1370px) and (max-width:1500px) {
	.tm-product-sec{
		padding-top: 50px !important;
	}
	.section{
		min-height: 75vh;
        padding-top: 40px;
	}
	.carousel__item--main .servicecard-padding h3{
		padding-top:0 !important;
	}
	.carousel__item--main{
		height: 34rem;
	}
	.carousel__item--left{
				height: 34rem;

	}
	.carousel__item--right{
		height:30rem;
	}
  .motoDescription{
    font-size:1.4rem ;
    line-height: 1.6;
  }
  .MotoHeading{
    font-size: 2.1rem;
  }
  .moreMotoTxt{
    font-size: 1.5rem;
  }
  .serviceDescription{
    line-height: 1.6;
    font-size: 1.3rem;
    width: 65%;
  }
  .ServiceHeading,.whyusTxt{
    font-size: 2.2rem;
    line-height: 1.6;
  }
  .motodot {
    font-size: 1rem;
  }
  .downloadbrochure{
    font-size: 1.3rem;
  }
  .motoslidedots-containerservice {
  gap: 10px;
  }
  .servicekeypoints-heading{
    font-size: 1.1rem;
  }
  .keypointDescrp{
    font-size: 1.1rem;
  }
  .keypointHeading{
    font-size: 1.3rem;
  }
  .whyus-icon{
    font-size:2.5rem;
  }
  .cardscrollcontainer{
    max-width: 83rem;
  }
  
}
@media screen and (max-width:1250px){
  .carousel__item{
    height: 31rem;
    padding: 10px 20px;
  }

}

@media screen and (max-width:991px) {
  .visible-990{
    display: none !important;
  }
  .visible-max990{
    display: block !important;
  }
  .carousel__item--right{
    transform: translate(86%, 0%) scale(.8);
  }
  .carousel__items{
    height: 31rem;
    width: 21rem;
  }
  .productTxtConatiner p{
    font-size: 0.9rem;
  }
}

@media screen and (max-width:850px) {
  .carousel__items {
    width: 18rem;
  }

  .productTxtConatiner p {
    font-size: 0.8rem;
  }
  .casestudybox{
    width: 94%;
    height: 100%;
    margin: 10px;
  }
  .servicesContainer{
    height: auto !important;
  }
  .socialContainer .icon a {
    width: 40px;
    height: 40px;
    padding: 3px;
    }
}

@media screen and (max-width:710px) {
  .carousel__items {
    width: 15rem;
    height: 24rem;
  }
  .ServicesHeading,.ProductHeading {
    font-size: 1.3rem;
  }
  .socialContainer .icon a{
    width: 46px;
    height: 46px;
    padding: 7px;
  }
  .socialContainer .icon .social {
  font-size: 1.4rem;
  }
}

@media screen and (max-width:768px) {
    .section:nth-of-type(1){
        background-size: 100%;
    }
  .productListItem{
margin-top: 24%;
  }
  .productListItem .active {
  font-size: 0.8rem;
  }
  .productList {
    font-size: 0.7rem;
  }
  .productrightBtn {
    padding-right: 10px;
  }
  .socialContainer{
    position: static !important;
   justify-content:center;
  }
  .overlay-text h1 {
    font-size: 9vw;
    white-space: normal;
  }

  .overlay-text p {
    font-size: 2.5vw;
  }

  .motoDescription {
    line-height: 1.4;
    font-size: 0.9rem;
  }

  .moreMotoTxt {
    font-size: 1rem;
  }

  .letter {
    font-size: 2.5rem;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-w-100 {
    width: 100%;
    height: auto !important;
  }

  .sm-minHeight {
    min-height: 300px;
    background-color: transparent;
  }

  .carousel__items {
    width: 22rem;
    height: 16rem;
  }

  .alliancesHeight {
    display: inline !important;
  }
  .ServiceHeading{
    font-size: 1.2rem !important;
    line-height: 1.5;
  }
  .serviceDescription {
    font-size: 0.8rem;
    line-height: 1.2;
    width: 90%;
  }
  .downloadbrochure {
    font-size: 0.8rem;
  }
  .elementor-video{
    width: 100%;
    height: 360px;
  }
  .sm-margin-btn{
    margin-top: 6%;
  }
  .servicekeypoint--box {
    left: 0;
  }
  .h-sm-50{
    height: 50vh;
  }
  .servicesection{
    height: auto;
    min-height: 100vh;

  }
  .whiteboxmargin{
    margin: 0px;
  }
  .servicesContainer{
    position:  relative !important;
  }
 .casestudybox{
  width: 100%;
  margin: 10px;
  height: 100%;
 }
 .casestudybox{
  width: 90%;
  height: 100%;
  margin: 10px;
}
.sm-center{
  display: flex;
  justify-content: center;
}
.sm-width-no{
  width: 80%;
}
.flex-sm-columnfootersubmenu{
  flex-direction: row;
}
.footerabout{
  font-size: 1.1rem !important;
  line-height: 1.4;
}
.footerLinks ul li{
  font-size: 0.9rem !important;
}
.socialContainer .icon .social{
  font-size: 1rem !important;
}
.ServiceCenter {
  left: 7%;
  top: 11%;
}
.serviceListDecor{
  margin-top: 5%;
}
.carousel__item--right {
  transform:translate(117%, -3%) scale(.8);
}
.carousel__item--main {
  transform:translate(54%, -4%) scale(1);
}
.carousel__item--left {
  transform:translate(22%, -3%) scale(.8);
}
.productTxtConatiner {
  padding: 4%;
  padding-top: 0%;
}
.carousel__items img{
/*  width: 142px !important;*/
  height: 102px !important;
}
}

@media screen and (min-width:768px)and (max-width:992px){
.client--feedback{
  font-size: 1rem !important;
  line-height: 1.4;
  width: 90%;
}
}
@media screen and (min-width:320px) and (max-width:768px) {
	
	#tm-arc-leaders .team-avatar img{
		width:100% !important;
	}
  .carousel__item h3 {
    font-size: 0.8rem;
  }

  .carousel__item p {
    font-size: 0.6rem;
  }

  .leftBtn i,
  .rightBtn i {
    font-size: 2rem;
    width: 5px;
    height: 5px;
  }

  .carousel__item {
    width: 15rem;
    height: 19rem;
    padding: 10px;
  }
  .carousel__item--main{
    width: 16rem;
  }

}

@media screen and (min-width:425px) and (max-width:600px) {
  .carousel__items {
    width: 15rem;
    height: 16rem;
  }
  .carousel__item--main .servicecard-padding h3 {
    padding-top: 0rem !important;
    }
  .carousel__item {
    width: 13rem;
    height: 19rem;
    padding: 10px;
  }

  .productTxtConatiner p {
    font-size: 0.6rem;
  }

  .carousel__items img {
    width: 100%;
    height: 33%;
  }

  .ProductHeading {
    font-size: 1rem;
  }

  .productList {
    font-size: 0.8rem !important;
  }

  .productList .active {
    font-size: 0.9rem !important;
  }
  .client--feedback{
    width: 90%;
  }
}

@media screen and (min-width:425px) and (max-width:650px) {
  .signupSubTxt {
    font-size: 0.6rem;
    margin-top: 12px;
  }

  .joinusSubTxt {
    font-size: 0.6rem;
  }

  .signupcontainer {
    top: 9%;
  }

  .joinusContainer {
    top: 9%;
  }

  .contactInput {
    display: block;
    width: 80%;
  }
}
@media screen and (min-width:576px)and (max-width:992px){
  .mt-lg-client{
    margin-top: 110px;
  }
  .height1{
    height: 100%;
  }
}
@media screen and (min-width:576px){
  .height1{
    height: 100%;
  }
}
@media screen and (max-width:576px){
  .productListItem {
    margin-top: 24%;
  }
  .noline{
    display: none;
  }
  .clientHeading{
    position: relative;
    margin-top: 120px;
    left: 0%;
  }
  .client--feedback{
    width: 95%;
  }
  .usectionbg{
    display: none !important;
  }
  .sm-width-no{
    width: 100%;
  }
  .mobile-teamCond{
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
  }
  .flex-sm-columnfootersubmenu{
    flex-direction: column;
  }
  .footerabout{
    font-size: 0.8rem !important;
    line-height: 1.4;
  }
  .footerLinks ul li{
    font-size: 0.9rem !important;
  }
  .footerlist--2{
    width: 100%;
  }
  .socialContainer .icon .social{
    font-size: 1rem !important;
  }
  .col-xxs-12{
    width: 100% !important;
  }
  .d-xxs-wrap{
    flex-wrap: wrap;
  }
}
@media screen and (max-width:500px) {
  .sm-width-container {
    display: block;
  }

  .sm-width-subcontainer {
    width: 100%;
  }

  .productTxtConatiner {
    padding: 0% 3% 5%;
  }

  .productTxtConatiner p {
    font-size: 0.5rem;
  }

  /* .carousel__items img {
    width: 100%;
    height: 33%;
  } */

  .motoslidedots-container {
    left: 11px;
  }
  .socialContainer .icon a {
    width: 41px;
    height: 41px;
    padding: 5px;
  }
  .socialContainer .icon .social{
    font-size: 1rem;
  }
  .sm-margin-btn{
    margin-top: 12%;
    margin-bottom: 20px;
  }
  .boxpadd{
    padding-left: 5% ;
  }
  .ServiceHeading{
    margin-top: 20px;
  }
  .carousel__item--right{
    transform: translate(81%, -14%) scale(0.8);
  }
  .carousel__item--left{
    transform: translate(4%, -14%) scale(.8);
  }
  .carousel__item--main{
    transform: translate(40%, -14%) scale(1);

  }
  .ServiceCenter {
    top: 3%;
  }
  .carousel__item{
    height: 18rem;
  }
  .serviceListDecor {
    margin-top: 20%;
  }
  
.productrightBtn {
  padding-right: 5px;
}

 
}

@media screen and (max-width:450px) {
  .sm-width-container1 {
    display: block;
  }

  .sm-width-subcontainer1 {
    width: 100%;
    height: 100vh;
  }

  .footer-sm-container {
    display: block;
  }

  .footer-sm-container {
    width: 100%;
  }

  .footerone,
  .footerthree {
    width: 100% !important;
  }

  .footerSubContainer--1 {
    padding: 8%;
  }

  .footertwo {
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 100% !important;
    flex-direction: column;
  }

  .footertwo .footerlist--2 {
    width: 100%;
  }

  .footerLinks ul li {
    color: #ffff;
    font-family: MontserratMedium;
    font-size: 11px;
    line-height: 2;
    font-weight: 400;
    padding-bottom: 0px;
  }

  .socialContainer {
    position: static;
    display: flex;
    justify-content: start;
    padding-left: 14px;
    padding-top: 15px;
    padding-bottom: 10px;
  }

  .productListItem {
    list-style-type: disclosure-closed;
    margin-top: 19%;
  }
  .carousel__item--main .servicecard-padding h3{
    padding-top: 0.7rem !important;
  }
  .productListItem .active {
    font-size: 0.7rem;
  }

  .productList {
    font-size: 0.6rem;
  }

  .socialContainer span {
    padding-right: 5px;
  }
  .serviceListDecor .active {
  font-size: 0.7rem;
  }

  .servicesList {
    font-size: 0.6rem;
}
.mt-50px {
  margin-top: 8%;
}
.whyusTxt{
  margin-top: 10%;
  font-size: 1.2rem;
}
.servicekeypoints-heading{
  font-size: 0.8rem;

}
.carousel__item--main {
  width: 12rem;
}
.carousel__item {
  width: 12rem;
}
.productCenter {
  position: absolute;
  top: 8%;
  left: 15%;
}
}

@media screen and (max-width:425px) {
  .overlay-text p {
    font-size: 3vw;
  }
  .letter {
    font-size: 2rem;
    padding-left: 5px;
  }

  .exploreBtn {
    font-size: 0.6rem;
  }

  .carousel__items {
    width: 13rem;
    height: 22rem;
  }

  .productrightBtn i {
    font-size: 35px;
  }

  /* .carousel__items img {
    width: 110%;
    height: 33%;
  } */
  .socialContainer{
    display: flex !important;
  }
  .footerlist--2, .footerlist--4{
    width: 100%;
  }
  .motoDescription {
    line-height: 1.1;
    font-size: 0.7rem;
}

}

@media screen and (max-width:320px) {
  .carousel__item {
    width: 11rem;
    padding: 3px;
    height: 20rem;
  }
  .carousel__item--main {
    width: 11rem;
  }
  .carousel__item--main .servicecard-padding h3 {
  padding-top: 0rem !important;
  }
  .carousel__item h3 {
    font-size: 0.8rem;
  }

  .leftBtn i,
  .rightBtn i {
    color: #fff9f959;
    font-size: 2rem;
    width: 19px;
    height: 13px;
  }
  .serviceListDecor {
    margin-top: 0%;
  }

  .carousel__item p {
    font-size: 0.5rem;
    margin-top: 25px;
    line-height: 1.4;
  }

  .carousel__items {
    width: 11rem;
  }

  .productrightBtn i {
    font-size: 35px;
  }
    .ServiceCenter{
      position: absolute;
      top: -3%;
      left: 7%;
    }
  .ServicesHeading{
    margin-top: 20px;
  }
  .sm-serviceCard{
    position: relative;
  }
  .no-height{
    height: auto !important;
  }
  .overlay-skin--lighter{
    background-color: transparent !important;
  }
  .carousel__item--right{
    transform: translate(62%, -13%) scale(0.8);
  }
  .carousel__item--left{
    transform: translate(4%, -13%) scale(.8);
  }
  .carousel__item--main{
    transform: translate(30%, -13%) scale(1);

  }
  .logo {
    width: 109px;
    height: 46px;
}
.esc-txt {
  font-size: 0.8rem !important;
  width: 128px;
}

}