/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap'); */

/*
Light 300
Light 300 italic
Regular 400
Regular 400 italic
Semi-bold 600
Semi-bold 600 italic
Bold 700
Bold 700 italic
Extra-bold 800
Extra-bold 800 italic
*/


/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */

/*font-family: 'Poppins', sans-serif;*/


/* @font-face {
    font-family: 'Gabriola';
    font-style: normal;
    font-weight: normal;
    src: local('Gabriola'), url('fonts/gabriola.woff') format('woff');
} */


html{ scroll-behavior: auto !important; scroll-padding-top: var(--scroll-padding, 50px);}

body{ font-size:16px; font-weight:400; color:#37363B; font-family: 'Open Sans', sans-serif;}

.navbar{
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.offcanvas{ background: #D90429;}
.offcanvas-header{ border-bottom: solid 1px #e62647; background: #b40202; color: #e77;}
.offcanvas-header .btn-close{ background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;}

.nav-item .nav-link{ font-size: 18px; color: #fff; }
/* .navbar-nav .nav-link.active{ color: #FFF501; border-top: solid 2px #FFF501;} */

.nav-item{  /*border-right: solid 2px #fff;*/ padding-left: 10px; padding-right: 10px; }
.nav-item  .nav-link{border-top: solid 2px transparent;}
.nav-item.active .nav-link{ color: #FFF501; border-top: solid 2px #FFF501;}



/******home********/
.wrapper { overflow: hidden; position: relative;margin: 0 auto;}

/* .logo{background:url(../images/logo.svg) no-repeat top center;background-size:cover; margin-left: auto; margin-right: auto; background-size: contain; width:190px;height:60px;} */

.logo { background: url(../images/logo.svg) no-repeat center/contain; width: 190px; height: 60px;  margin: 0 auto;}

#mainHeader{ padding: 5px 0; width: 100%; position: fixed; top: 0; background: #D90429; z-index: 1;}


.pghd2{ font-size: 50px; font-weight: bold;}

#mainSec{width:100%; min-height: 1500px;  position: relative; background: url(../images/bg-main.png) no-repeat center; background-size: cover;  }
#mainSec h2{ font-size: 50px; color: #FFF501; font-weight: bold; margin-bottom: 20px;}
#mainSec .leadPara{ font-size: 18px; color: #fff;}

#homeBanner{ padding-top: 150px;}

#quality{width:100%;  position: relative; padding:100px 0 50px 0; margin-top: -600px; }
#quality .pghd2{ color: #D90429;}
#quality .leadPara{ font-size: 20px;}
#quality p{ line-height: 1.8;}

#ourPresence{width:100%;  position: relative; background: #FFFDC6;padding: 100px 0; }
#ourPresence .pghd2{ color: #D90429;}


#partner{width:100%; min-height: 538px;  position: relative; background: #D90429;padding: 50px 0; color: #fff; background: url(../images/bg-partner.png) no-repeat top center; background-size: cover; }
#partner .leadPara{ font-size: 24px; font-weight: bold; color: #FFF501; text-align: center; border-bottom: dashed 2px #fff50178; padding-bottom: 30px;}



/******* Footer***************/
#mainFooter{ width:100%;  position: relative; padding: 150px 0; text-align: center;}
#mainFooter .pghd2{ font-size: 28px; font-weight: 600;}


.link{ color:#37363B; text-decoration: none;}
.link:hover{ color:#D90429 !important; text-decoration: underline;}



/******* CopyRight***************/
#copyRight{ width: 100%; position: relative; padding: 20px 0px; color: #999; font-size: 14px; border-top: dashed 2px #999;}

#copyRight ul.list-inline{ margin-bottom: 0px !important;}







.center { margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}


.v-mid{ vertical-align:middle;}






/**********************box shadow and gredient Fill Color*********************/

.boxShadow{
box-shadow:0px 0px 15px 5px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 0px 15px 5px rgba(0,0,0,0.1);
}

.gradient{
background: #e46f11; /* Old browsers */
background: -moz-linear-gradient(45deg,  #e46f11 0%, #faa71c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #e46f11 0%,#faa71c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #e46f11 0%,#faa71c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e46f11', endColorstr='#faa71c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



/**********************font awesome UL List*********************/
ul.fa-ul { list-style-type: none; /*padding-left: 20px;*/ margin-left: 15px; clear:both;}
ul.fa-ul li { position: relative;  padding-left: 20px;  margin-bottom: 10px}
ul.fa-ul li:before { position: absolute; top: 1px; left: 0; font-family: FontAwesome; content: "\f0da"; /*color: green;*/}


/***********Margin Top************/
.mt2{margin-top:2px}
.mt5{margin-top:5px}
.mt8{margin-top:8px}
.mt10{margin-top:10px}
.mt12{margin-top:12px}
.mt15{margin-top:15px}
.mt18{margin-top:18px}
.mt20{margin-top:20px}
.mt22{margin-top:22px}
.mt25{margin-top:25px}
.mt28{margin-top:28px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt80{margin-top:80px}
.mt-5{margin-top:-5px}

/***********Margin Bottom************/
.mb2{margin-bottom:2px}
.mb5{margin-bottom:5px}
.mb8{margin-bottom:8px}
.mb10{margin-bottom:10px}
.mb12{margin-bottom:12px}
.mb15{margin-bottom:15px}
.mb18{margin-bottom:18px}
.mb20{margin-bottom:20px}
.mb22{margin-bottom:22px}
.mb25{margin-bottom:25px}
.mb28{margin-bottom:28px}
.mb30{margin-bottom:30px}
.mb35{margin-bottom:35px}
.mb40{margin-bottom:40px}
.mb80{margin-bottom:80px}



/***********Font Sizes************/
.ft9{font-size:9px;}
.ft10{font-size:10px;}
.ft11{font-size:11px;}
.ft12{font-size:12px !important;}
.ft13{font-size:13px;}
.ft14{font-size:14px;}
.ft15{font-size:15px;}
.ft16{font-size:16px;}
.ft17{font-size:17px;}
.ft18{font-size:18px;}
.ft19{font-size:19px;}
.ft20{font-size:20px;}
.ft21{font-size:21px;}
.ft22{font-size:22px;}
.ft23{font-size:23px;}
.ft24{font-size:24px;}
.ft25{font-size:25px;}
.ft26{font-size:26px !important;}
.ft26{font-size:26px;}
.ft30{font-size:30px;}
.ft35{font-size:35px;}
.ft40{font-size:40px;}
.ft50{font-size:50px;}

/***********Padding************/
.pad0{padding: 0px;}


/***********PaddingLeft************/
.padleft16{padding-left: 16px;}
.padleft10{padding-left: 10px;}
.padleft20{padding-left: 20px;}

.padtop10{padding-top: 10px;}
.padtop20{padding-top: 20px;}


/***********Social Icons************/
.socilaIcons{font-size:16px !important; /*background:#4b4b4b;*/ color:#fff; width:28px; height:28px; line-height:28px; text-align:center; border-radius:0px; -webkit-border-radius:0px;
  transition: transform .2s;
}

.socilaIcons:hover{background:#f1a53a;color:#fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;
transform: scale(1.2);
}

.fa-facebook{background:#3e5f9d;}
.fa-facebook:hover{ background:#3e5f9d; color:#fff;}

.fa-twitter{}
.fa-twitter:hover{ background:#5bb6f7; color:#fff;}

.fa-linkedin{}
.fa-linkedin:hover{ background:#0f7eba; color:#fff;}

.fa-youtube{}
.fa-youtube:hover{ background:#e65147; color:#fff;}

.fa-instagram{background:#fe734c;}
.fa-instagram:hover{ background:#fe734c; color:#fff;}

.fa-whatsapp{}
.fa-whatsapp:hover{ background:#075E54; color:#fff;}




/***********Page Scroll Up************/
#scrollUp{bottom:25px;height:32px;width:32px;right:20px;background:#000;text-align:center;padding-right:15px;padding-top:3px;border-radius:3px;}
#scrollUp:hover{background:#d90429;}
#scrollUp:before{font-family:FontAwesome;color:#fff;position:absolute;content:"\f077";z-index:999999;}



/***********bootstrap left and right input Icons ************/
.left-inner-addon{position:relative;}
.left-inner-addon input, .left-inner-addon textarea{padding-left:30px;}
.left-inner-addon i{position:absolute;padding:10px 12px;pointer-events:none;color:#999999;}
.right-inner-addon{position:relative;}
.right-inner-addon input{padding-right:30px;}
.right-inner-addon i{position:absolute;right:0px;padding:10px 12px;pointer-events:none;color:#999999;}


/*********custom file upload*************/
input.filePhoto { display: block; visibility: hidden; width: 0; height: 0;}
#imgProfilePhoto{ width:178px; height:178px; line-height:178px;}
#imgProfilePhoto img{ width:100%; height:100%;}



/***********Owl carousel Custome Navigation ************/
.customNavigation{cursor:pointer;position:absolute;right:15px;top:50%; width:100%;}
.customNavigation a{display:inline-block;height:24px;border:solid 1px #d5d5d5;margin-left:2px;}
.customNavigation a.prev,
.customNavigation a.next{float:right}
.customNavigation i.fa{width:24px;height:24px;line-height:24px;}
.icustomNavigation i.fa::before{font-size:14px;line-height:24px;}
.customNavigation i.fa{display:inline-block;cursor:pointer;margin:0px;text-align:center;position:relative;z-index:1;color:#acacac;overflow:hidden;border-radius:1px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-webkit-transform:translateZ(0);}
.customNavigation i.fa::before{border-radius:2px;speak:none;display:block;-webkit-font-smoothing:antialiased;}
.customNavigation i.fa::after{pointer-events:none;position:absolute;width:100%;height:100%;content:'';display:none;box-sizing:content-box;}
.customNavigation i.fa:hover{background:#f1a53a;color:#fff;}
.customNavigation i.fa:hover::before{-webkit-animation:toRightFromLeft 0.3s forwards;-moz-animation:toRightFromLeft 0.3s forwards;animation:toRightFromLeft 0.3s forwards;}

.team-carousel{position:relative;}
.css-team-navigation .next{left:25px;position:absolute;top:50%;margin-top:-88px;cursor:pointer;z-index:1;}
.css-team-navigation .prev{right:25px;position:absolute;top:50%;margin-top:-88px;cursor:pointer;z-index:1;}

@-webkit-keyframes toRightFromLeft{49%{-webkit-transform:translate(100%);}
50%{opacity:0;-webkit-transform:translate(-100%);}
51%{opacity:1;}
}
@-moz-keyframes toRightFromLeft{49%{-moz-transform:translate(100%);}
50%{opacity:0;-moz-transform:translate(-100%);}
51%{opacity:1;}
}
@keyframes toRightFromLeft{49%{transform:translate(100%);}
50%{opacity:0;transform:translate(-100%);}
51%{opacity:1;}
}




/******* Place Holder***************/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999999 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999999 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999999 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999999 !important;
}
::placeholder {
  color: #999999 !important;
}










/******** plugins *************/

.slider .tooltip.in {
	opacity: 1;
}

.slider .tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}

.slider .tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.slider .tooltip.top {
	padding: 5px 0;
}

.slider-track {
    background: #e2e2e2;
    box-shadow: none;
}

.slider-selection {
    /*background: #FF6200;
    border: 1px solid #1a398b;*/
    box-shadow: none;
  background: #1fa0a9; 
}

.slider-handle {
    opacity: 1;
    /*background: #FFFFFF;
    border: 3px solid #FF6200;*/
    background-clip: padding-box;
    box-shadow: none;
    height: 23px;
    width: 23px;
    -webkit-transition: box-shadow 200ms ease-in-out;
    -o-transition: box-shadow 200ms ease-in-out;
    transition: box-shadow 200ms ease-in-out;
	
    background: #1fa0a9;
}

.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle {
    margin-left: -10px;
    margin-top: -6px;
}






#carouselExampleControls{ margin-bottom: 50px; }