/*-----------------------------------------------------------------------------------
    Template Name   : Netrosol V.3
    Developer       : Hunain Butt
    Description     : This is a CSS Template
    Version         : 1.0
-----------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
/****** Theme Reset Style ***********************************************************
*********************************************************** Theme Reset Style ******/
body{ background: #fff; font-size: 15px; color: #7e7e7e;  font-family: 'Manrope', sans-serif !important; font-weight: 500;}
body h1, body h2, body h3, body h4, body h5, body h6{  margin: 0 0 13px;  font-weight: 700; color: #000;}

.netro-wrapper span,
.netro-wrapper b {
	font-family: 'Manrope', sans-serif !important;}

.netro-wrapper button {
	font-family: 'Manrope', sans-serif !important; 
}
div{ outline: none;}
p a{ color: #000; text-decoration: none; font-family: 'DM Sans', sans-serif;}
p a:hover{ text-decoration:underline; outline: none;}
p{ letter-spacing: normal; margin: 0 0 10px; color: #7e7e7e; line-height: 22px; font-family: 'Manrope', sans-serif !important;}
a{ color: #000; text-decoration: none; outline: none !important; display: block; font-family: 'Manrope', sans-serif !important;}
a:hover,
a:focus{ outline: none; text-decoration: none; color: #000;}
.btn:hover, .btn:focus, .btn.focus{ outline: none; text-decoration: none; color: #fff;}
/****** Image Style ******/
img{ max-width: 100%;}
/***** iframe ****/
iframe{ border: 0; width: 100%;}
/******* Float Customize *********/
.fl-left { float: left;}
.fl-right { float: right;}
/**** blockquote ****/
blockquote{ padding: 0; border: 0;}
/****** From Element Style ******/
label{ display: block; font-weight: 400; margin: 0;}
textarea{ border-radius: 0; resize: none;}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input,
.form-control{ height: 45px; line-height: 50px; padding: 0 20px; border-radius: 4px; box-shadow: none;
	font-size: 13px;  position: relative; font-weight: 300;}
.form-control.border-0{ border: 0;}
.form-control.bg-wihet{ background: #fff;}
.form-control::-webkit-input-placeholder{ color: #999;} 
.form-control:-moz-placeholder{ color: #999;}
.form-control::-moz-placeholder{ color: #999;}
.form-control:-ms-input-placeholder{ color: #999;}
.form-control:focus::-webkit-input-placeholder{ opacity: 0;} 
.form-control:focus:-moz-placeholder{ opacity: 0;}
.form-control:focus::-moz-placeholder{ opacity: 0;}
.form-control:focus:-ms-input-placeholder{ opacity: 0;}
/****** From Element Style ******/

/****** Theme Reset Style ***********************************************************
*********************************************************** Theme Reset Style ******/

/****** Global Elements ***********************************************************
*********************************************************** Global Elements ******/
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}
[tabindex="-1"]:focus:not(:focus-visible) {
	outline: 0 !important;
}

.netro-wrapper ul{
	padding: 0;
	margin: 0;
}

.netro-wrapper a {
	text-decoration: none;
}


.netro-wrapper button{
	font-family: 'Manrope', sans-serif !important;
} 

/**** overlay ***/
.overlay-dark{ position: relative;}
.overlay-dark::before,
.overlay-dark::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background: rgba(0,0,0,0.5);}
.overlay{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
/**** Postion ****/
.position-center-center{ left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.p-absolute{ position: absolute;}
.p-relative{ position: relative;}
/**** row-no-gutter ***/
.row.no-gutters{ margin-right: 0; margin-left: 0;}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"]{ padding-right: 0; padding-left: 0;}
/***** text-align *****/
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.text-center{ text-align: center;}
/******** Margin & Padding *******/
.mb-10{ margin-bottom: 10px;}
.mb-20{ margin-bottom: 20px;}
.mb-30{ margin-bottom: 30px;}
.mb-40{ margin-bottom: 40px;}
.mb-50{ margin-bottom: 50px;}
.mb-60{ margin-bottom: 60px;}
.mb-70{ margin-bottom: 70px;}
.mb-80{ margin-bottom: 80px;}
.mb-90{ margin-bottom: 90px;}
.mb-100{ margin-bottom: 100px;}
.mt-10{ margin-top: 10px;}
.mt-20{ margin-top: 20px;}
.mt-30{ margin-top: 30px;}
.mt-40{ margin-top: 40px;}
.mt-50{ margin-top: 50px;}
.mt-60{ margin-top: 60px;}
.mt-70{ margin-top: 70px;}
.mt-80{ margin-top: 80px;}
.mt-90{ margin-top: 90px;}
.mt-100{ margin-top: 100px;}
.pb-10{ padding-bottom: 10px;}
.pb-20{ padding-bottom: 20px;}
.pb-30{ padding-bottom: 30px;}
.pb-40{ padding-bottom: 40px;}
.pb-50{ padding-bottom: 50px;}
.pb-60{ padding-bottom: 60px;}
.pb-70{ padding-bottom: 70px;}
.pb-80{ padding-bottom: 80px;}
.pb-90{ padding-bottom: 90px;}
.pb-100{ padding-bottom: 100px;}
.pt-10{ padding-top: 10px;}
.pt-20{ padding-top: 20px;}
.pt-30{ padding-top: 30px;}
.pt-40{ padding-top: 40px;}
.pt-50{ padding-top: 50px;}
.pt-60{ padding-top: 60px;}
.pt-70{ padding-top: 70px;}
.pt-80{ padding-top: 80px;}
.pt-90{ padding-top: 90px;}
.pt-100{ padding-top: 100px;}
/**** Section-padding & section-margin ****/
.section-padding{ padding: 100px 0;}
.section-margin{ margin: 100px 0;}
/***ul style***/
ul {margin: 0; padding: 0; list-style: none;}
/**** hr style ****/
hr { margin: 30px 0px; width: 80%; margin: 0 auto;}
/**** Truncate-Text ****/
.truncate-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.netro-wrapper .btn {
	display: inline-block;
	text-decoration: none;
	padding: 12px 25px;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	border-radius: 4px;
}

.netro-wrapper .btn svg {
	margin-left: 5px;
}

.netro-wrapper .btn-lg{
	padding: 20px 70px;
	font-size: 15px;
}

.netro-wrapper .btn-white {
	background-color: #fff;
	color: #043d56;
	border: 1px solid #fff;
}

.netro-wrapper .btn-white:hover{
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
}

.netro-wrapper .btn-theme{
	background-color: #FF6E40;;
	color: #fff;
	border: 1px solid #FF6E40;;
}

.netro-wrapper .btn-theme:hover{
	color: #FF6E40;;
	border: 1px solid #FF6E40;;
	background-color: transparent;
}

.netro-wrapper .container {
	max-width: 1440px;
}

.netro-header{
	padding: 16px 0px;
}

.header-left{
	display: flex;
	align-items: center;
}

.header-logo{
	margin-right: 90px;
}

.header-menu .header-menu-list-holder {
	display: flex;
	align-items: center;
	gap: 40px;
}

.header-menu ul li .dropdown button{
	background-color: transparent;
	outline: none;
	padding: 0;
	margin: 0;
	border: 0;
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #252425;
}

.header-menu ul li .dropdown .dropdown-toggle::after{
	content: "";
	border-top: 0.4em solid;
	border-right: 0.4em solid transparent;
	border-bottom: 0;
	border-left: 0.4em solid transparent;
} 

.header-right ul {
	display: flex;
	gap: 24px;
	align-items: center;
	justify-content: flex-end;
}

.header-right li .user-login{
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #252425;
}

.header-right li .user-login img {
	margin-right: 5px;
}

.header-right li .btn svg {
	margin-left: 5px;
}

.netro-banner{
	padding: 120px 0px;
	background: #ECF9FF;
}

.banner-caption h2 {
	font-style: normal;
	font-weight: 400;
	font-size: 46px;
	line-height: 54px;
	letter-spacing: -2.3px;
	margin-bottom: 31px;
	color: #414141;
}

.banner-caption h2 span {
	font-weight: 600;
	font-size: 54px;
}

.banner-caption p {
	font-style: normal;
	font-weight: 600;
	font-size: 19px;
	line-height: 28px;
	letter-spacing: -0.48px;
	text-transform: uppercase;
	color: #676767;
	margin-bottom: 31px;
}

.slick-list {  
  margin: 0 -15px; 
  overflow: hidden;
}

.slick-list .slick-slide { 
  margin: 0 15px;
}

.banner-logos-slider{
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  border-bottom: 1px solid rgb(125 131 135 / 25%);
}

#banner-logos .slick-track,
#things-we-need .slick-track,
#industries-slider .slick-track {
  display: flex;
}

#banner-logos .slick-slide,
#things-we-need .slick-slide,
#industries-slider .slick-slide{
  display: flex;
  align-items: center;
}

.about-top-detail p{
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.48px;
  color: #7D8387;
  margin-bottom: 0;
}

.about-bottom-row{
  padding-top: 50px !important;
  margin-top: 40px !important;
  border-top: 1px solid rgba(175, 175, 175, 0.5);;
}

.about-heading p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -0.36px;
  margin-bottom: 40px;
  color: #000000;
}

.about-heading .btn{
  color: #000;
  border-radius: 50px;
}

.about-heading .btn img{
  margin-left: 10px;
  width: 15px;
}

.about-us-card{
  padding: 26px 0px 0px 0px;
  border-top: 2px solid #F55D2D;
}

.about-us-card .about-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}

.about-us-card .about-card-header h2{
  margin-bottom: 0;
  font-style: normal;
  font-weight: 800;
  font-size: 69px;
  line-height: 69px;
  letter-spacing: -4.14px;
  color: #000000;
}

.about-us-card p {
  margin-bottom: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
}

.everthing-heading h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 42px;
  margin-bottom: 0;
}


.everything-need-card h3{
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 30px;
}

.everything-need-card ul li {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.everything-need-card ul li:last-child{
  margin-bottom: 0;
}

.everything-need-card ul li img{
  margin-right: 20px;
}

.everything-need-card ul li h4{
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
  letter-spacing: -0.2px;
}

.section-padding.industry-holder{
  background-color: #181818;
}

.indutry-heading h2 {
  font-style: normal;
  font-weight: 800;
  font-size: 76.44px;
  line-height: 91px;
  letter-spacing: -5.46px;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 0;
}

.industry-bottom-row{
  padding-bottom: 35px !important;
  margin-bottom: 50px !important;
  border-bottom: 1px solid rgba(125, 131, 135, 0.5);
}

.section-padding.industry-holder .about-heading p{
  color: #FFFFFF;
}

.industry-card {
  position: relative;
}

.industry-banner-header{
  height: 140px;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-end;
  padding: 0px 10px;
  background-size: cover;
}

.industry-banner-header h3{
  font-weight: 700;
  font-size: 22.88px;
  line-height: 32px;
  letter-spacing: -0.64px;
  text-transform: uppercase;
  color: #FFFFFF;
}


.industry-card-body{
  background-color: #fff;
  padding: 24px 20px;
  min-height: 190px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.industry-card-body p {
  font-style: normal;
  font-weight: 400;
  font-size: 13.92px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 18px;
}

.industry-card-body a {
  font-style: normal;
  font-weight: 600;
  font-size: 13.92px;
  line-height: 16px;
  letter-spacing: -0.13px;
  text-transform: uppercase;
  color: #000000;
  display: flex;
  align-items: center;
}

.industry-card-body a span {
  width: 33.6px;
  height: 33.6px;
  display: flex;
  align-items: center;
  border: 1px solid #F55D2D;
  border-radius: 100%;
  justify-content: center;
  margin-left: 12px;
}

.industry-card-body a span img{
  width: 13px;
}

.work-with-indutry .main-heading h2 span {
  color: #F55D2D;
}

.section-padding.work-with-indutry{
  position: relative;
  overflow: hidden;
}

#company-work-slider .slick-track{
  display: flex;
}

.comp-work-card {
  height: 420px;
  border-radius: 18px;
  width: 100%;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0px 110px 60px 20px;
}

.comp-work-card h2{
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 68px;
  margin-bottom: 36px;
  color: #FFFFFF;
}

.comp-work-card p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  color: #FFFFFF;
  margin-bottom: 0;
}

.tech-stack-heading h2 {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-size: 91px;
  line-height: 91px;
  letter-spacing: -5.46px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 0;
}

.stack-heading-right .btn{
  border-radius: 50px;
  color:#000000;
}

.stack-heading-right  .btn img {
  margin-left: 10px;
  width: 15px;
}

.stack-tabs-holder .stack-tabs-left{
  align-items: flex-start;
  gap: 12px;
  padding-top: 50px;
}

.stack-tabs-holder .stack-tabs-left .nav-link{
  padding: 0;
  margin: 0;
  background-color: transparent;
  border-radius: 0;
  outline: none;
  border: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -0.15px;
  color: #7D8387;
  border-left: 4px solid transparent;
  transition: 0.2s;
}

.stack-tabs-holder .stack-tabs-left .nav-link.active{
  background-color: transparent;
  color: #000;
  transition: 0.2s;
  border-left: 4px solid #F55D2D;
  padding-left: 15px;
}

.row.stack-tabs-holder {
  border-top: 1px solid #eee;
}

.row.stack-tabs-holder .stack-tabs-holder-col{
  border-right: 1px solid #eee;
}

.stack-tabs-right{
  padding-top: 50px;
}

.stack-tab-right-heading h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  display: flex;
  align-items: flex-start;
  letter-spacing: -0.96px;
  margin-bottom: 20px;
  color: #000000;
  gap: 14px;
}
.stack-tab-right-heading h2 span {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  text-transform: uppercase;
  color: #7D8387;
  letter-spacing: 1px;
}

.stack-card-holder{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 24.01px 8px 24px;
  background: #F0F0F0;
  border-bottom: 2px solid rgba(175, 175, 175, 0.5);
  border-radius: 8px;
}

.stack-card-holder:hover{
border-bottom: 2px solid #ff6e40;
}

.stack-card-holder .stack-ser-img{
  width: 50px;
}

.stack-card-holder:hover .stack-ser-img img{
  transform: scale(1.2)!important;
}

.stack-ser-detail p {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  color: #7D8387;
}

.cta-heading h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 34px;
  line-height: 42px;
  margin-bottom: 20px;
  color: #151616;
}

.main-footer{
  background-color:#151616;
  padding: 70px 0px;
}

.footer-link h4 a,
.footer-link h3 a{
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FFFFFF;
  display: inline-block;
}

.footer-link ul li a {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
}

.footer-link ul li{
  margin-bottom: 20px;
}

.footer-link ul li:last-child{
  margin-bottom: 0;
}

.footer-link ul li:first-child{
  margin-top: 20px;
}

.footer-login li:first-child{
  margin-bottom: 32px;
}

.footer-login li:first-child a{
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.footer-login li:first-child a svg {
  margin-right: 10px;
}

.section-padding.case-study-holder{
  background-color: #181818;
}

.case-study-heading h2 {
  font-weight: 800;
  font-size: 91px;
  margin-bottom: 0;
  line-height: 91px;
  letter-spacing: -5.46px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.case-study-heading-btn{
  text-align: end;
  
}

.case-study-heading-btn .btn-theme{
  border-radius: 50px;
  padding: 17px 40px;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.15px;
  text-transform: uppercase;
  color: #000000;
}
.case-study-heading-btn .btn-theme img{
  margin-left: 23px;
}

.case-study-heading-btn .btn-theme .white-arrow,
.case-study-heading-btn .btn-theme:hover .org-arrow{
  display: none;
}

.case-study-heading-btn .btn-theme:hover .white-arrow{
  display: initial !important;
}

.case-study-tabs .nav.nav-pills{
  gap: 10px;
}

.case-study-tabs .nav.nav-pills .nav-item .nav-link{
  padding: 10px 18px;
  font-weight: 600;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: -0.13px;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: transparent;
  border: 1px solid rgba(125, 131, 135, 0.5);
  border-radius: 40px;
  outline: none;
}

.case-study-tabs .nav.nav-pills .nav-item .nav-link.active,
.case-study-tabs .nav.nav-pills .nav-item .nav-link:hover{
  background-color: #FF6E40;
  color: #000;
}

.case-study-portfoli-holder{
  border-top: 1px solid rgba(125, 131, 135, 0.5);
  padding-top: 40px !important;
  margin-top: 40px !important;
}

.case-study-card{
  position: relative;
  overflow: hidden;
}

.case-study-card:hover .case-study-header-holder{
  display: block;
  overflow: hidden;
  position: relative;
}

.case-study-card:hover .case-study-tag{
  transform: translateY(0px);
  transition: 0.5s;
}

.case-study-header-holder{
  overflow: hidden;
}

.case-study-card.br-b-card{
  border-bottom: 1px solid rgba(125, 131, 135, 0.5);
  padding-bottom: 30px;
  margin-bottom: 40px;
}

.case-study-header {
  height: 450px;
  width: 100%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
  background-position: center;
}

.case-study-tag {
  display: flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  transform: translateY(70px);
  transition: 0.5s;
}

.case-study-tag span{
  padding: 8px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 40px;
  font-size: 12px;
}

.case-study-card:hover .case-study-tag span{
  background-color: #000;
  color: #fff;
}

.case-study-body {
  padding-top: 27px;
}

.case-study-body span {
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 15px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.case-study-body a {
  font-style: normal;
  font-weight: 800;
  margin-bottom: 8px;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: -0.96px;
  color: #FFFFFF;
}

.case-study-body p {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 0;
  letter-spacing: -0.36px;
  color: #7D8387;
}

.implemented-project{
  background: #000000;
  border-radius: 24px;
  padding: 32px 90px;
  margin-bottom: 40px;
}

.implemented-project ul{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.implemented-project ul li h3{
  font-style: normal;
  font-weight: 800;
  font-size: 69px;
  line-height: 69px;
  margin-bottom: 0px;
  text-align: right;
  letter-spacing: -4.14px;
  color: #F55D2D;
}

.implemented-project ul li p {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 0px;
  letter-spacing: -0.64px;
  color: #FFFFFF;
}

.implemented-project ul li:first-child{
  border-right: 1px solid rgba(125, 131, 135, 0.5);
  padding-right: 25px;
  margin-right: 25px;
}

.book-appointment-heading h2{
  font-weight: 700;
  font-size: 58px;
  line-height: 72px;
  letter-spacing: -3px;
  color: #14181A;
  margin-bottom: 27px;  
}

.book-appointment-heading img{
    position: absolute;
    bottom: 80px;
    right: 120px;
    width: 80px;
}
.book-appointment-heading{
  position: relative;
}


.book-appointment-heading p{
  margin-bottom: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.4px;
  color: #656C7B;
}

.bk-appoint-right p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.4px;
  color: #14181A;
  margin-bottom: 0;
}

.book-appointment-left{
  display: flex;
  align-items: center;
  gap: 20px;
}

.bk-appoint-detail h3{
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0px;
  color: #14181A;
}

.bk-appoint-detail p {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 0;
  color: #14181A;
}


/******* Responsive Navbar ******/

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #132034;
  overflow-x: hidden;
  transition: 0.5s;
  z-index: 500;
}

.mobile-nav-item {
  min-width: 320px;
  margin: 0 auto;
}

.sidenav a {
  padding: 9px 0px;
  text-decoration: none;
  color: #fff;
  transition: 0.3s;
}

.btn-outline-primary-mb {
  padding: 12px 15px !important;
  border-color: #fff;
}

.sidenav .closebtn {
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 100%) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 18px;
  }
}

.rigth-reserved-mobile p {
  color: #fff;
  float: right;
  padding-right: 40px;
}

.mobile-menu-icon svg {
  color: #ff6e40;
  font-size: 18px;
}

.mobile-menu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  width: 38px;
  background-color: transparent;
  border-radius: 7px;
  border: 1px solid #ff6e40;
}

.side-nav-list-menu .side-nav-list li a {
  padding: 30px;
}

.side-nav-list-menu .side-nav-list li a:hover {
  text-decoration: underline;
}

.side-nav-list-menu .side-nav-list li:hover {
  transition: 0.5s;
  transform: translateY(-5px) scale(1.02);
}

.side-nav-list-menu .side-nav-list li {
  margin-right: 0;
  transition: 0.5s;
}

.side-nav-list-menu {
  justify-content: center;
  height: 45%;
}

.mobile-menu-list {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 10%;
}

.mobile-nav-reserved p {
  color: #fff;
  margin-bottom: 0;
}
.mobile-nav-item {
  min-width: 320px;
  margin: 0 auto;
}

.mobile-nav-reserved {
  min-width: 320px;
  margin: 0 auto;
}
.sidenav .closebtn {
  position: absolute;
}

.mobile-header {
  padding: 25px 25px;
  border-bottom: 1px solid #cdd9e5;
  box-shadow: 0px 1px 9px 0px rgb(0 0 0 / 20%);
}

.mobile-logo img {
  width: 175px;
}

.mobile-nav-bar{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.mobile-list-holder {
  height: 410px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 50px !important;
}

.mobile-list-holder li a:hover {
  color: #fff;
}

.desk-none {
  display: none;
}

.row.thing-mobile-slider{
  display: none;
}

#things-we-need .slick-arrow{
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #F55D2D;
  color: #F55D2D;
  border-radius: 4px;
  position: absolute;
  bottom: 30px;
}

#things-we-need .slick-arrow.slick-next{
  right: 30px;
}

#things-we-need .slick-arrow.slick-prev{
  right: 75px;
}

.section-padding.everything-need-holder{
  position: relative;
  padding-bottom: 90px;
}
.cta-holder{
  background: #ecf9ff;
}

.copywrite-holder{
  padding: 20px 0px;
  background: #151616;
  border-top: 1px solid #2c2b2b;
}

.copywrite-left p {
  margin-bottom: 0;
  color: #eee;
}

.footer-privacy-link ul{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  gap: 30px;
}

.footer-privacy-link ul li a {
  color: #eee;
}

.policy-banner{
  background: #ECF9FF;
  padding: 100px 0px;
}

.policy-banner-heading h2 {
  font-size: 30px;
  margin-bottom: 20px;
}

.policy-banner-heading p {
  margin: 0;
  font-size: 19px;
  line-height: 28px;
  color: #000000b5;
}

.section-padding.policy-section .policy-content-list h3 {
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: 700;
}

.section-padding.policy-section .policy-content-list p {
  font-size: 16px;
  color: #282727;
  margin-bottom: 0;
  line-height: 26px;
}
.section-padding.policy-section .policy-content-list {
  margin-bottom: 30px;
}

.section-padding.policy-section .policy-content-list .policy-content-items li {
  margin-bottom: 10px;
  font-weight: 600;
  list-style: circle;
  margin-left: 25px;
}

.section-padding.policy-section .policy-content-list .policy-content-items li:last-child{
  margin-bottom: 0;
}

.section-padding.policy-section .policy-content-list .policy-content-items li:first-child{
  margin-top: 20px;
}

.footer-menu{
  margin-bottom: 40px;
}

.footer-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-menu ul li{
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid #ff6e4099;
}

.footer-menu ul li:last-child{
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}

.footer-menu ul li a{
  font-size: 17px;
  color: #fff;
  text-decoration: none;
}

.footer-menu ul li a:hover{
  color:#FF6E40;

}

.footer-logo{
  text-align: center;
  margin-bottom: 40px;
}

.n-footer-social ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.n-footer-social ul li a {
  height: 37px;
  width: 37px;
  border: 1px solid #FF6E40;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FF6E40;
  border-radius: 100%;
  transition: 0.4s;
}

.n-footer-social ul li a:hover{
  transition: 0.4s;
  border: 1px solid #fff;
  background-color: #fff;
  transform: translateY(-5px);
}

.contact-us-heading h2 {
  font-size: 40px;
  font-weight: 800;
}

.contact-us-heading p {
  color: #363434;
  line-height: 26px;
  margin-bottom: 0px;
}

.contact-form{
    background: #e2e2e2a3;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #d5d5d5;
}

.contact-form label {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.contact-form input{
  height: 50px;
  background: #fff;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 300;
  color: #000;
}

.contact-form textarea{
  height: 150px;
  background: #fff;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 300;
  color: #000;
}

.contact-form input:focus,
.contact-form textarea:focus{
  background: #fff;
  border: 1px solid transparent;
  outline: none;
  box-shadow: none;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
  font-size: 16px;
  font-weight: 300;
  color: #000;
}