/********************************************************************/
/***************************Typography*******************************/
/********************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap');
/*****************************Default - Dynamic Typo******************/
:root {
	/************Font Family******************/
    --font-main: 'Source Sans Pro', sans-serif;
	/*************Font Sizes******************/
	--h1: 30px;
	--h2: 24px;
	--h3: 20px;
	--h4: 18px;
	/**************Default Colors****************/
	--color-primary: #d43065;
	--color-body: #7a7c7e;
	/**************Contact Form 7 Defaults*******/
	--font-family: 'Source Sans Pro', sans-serif;
    --form-bg-color: #ffffff;
    --form-border-color: #E1E1E1;
    --input-text-color: #000000;
    --input-border-color: #EEEEEE;
    --button-bg-color: #006699;
    --button-border-color: #006699;
    --button-text-color: #fcfcfc;
    --button-hover-bg-color: transparent;
    --button-hover-border-color: #000;
    --button-hover-text-color: #000;
}

@media(min-width: 768px){
	:root {
		/*************Font Sizes******************/
		--h1: 60px;
		--h2: 40px;
		--h3: 22px;
		--h4: 20px;
	}
}

@media(min-width: 1336px){
	:root {
		/*************Font Sizes******************/
		--h1: 80px;
		--h2: 50px;
		--h3: 24px;
		--h4: 20px;
	}
}

/********************************************************************/

body{ 
	overflow-x:hidden !important; 
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size:16px; 
	position: relative; 
	color: var(--color-body); 
	font-weight:400; 
}
html {
	scroll-behavior: smooth;
}

h1, h2, h3, h4{ 
	font-family: var(--font-main); 
	color: var(--color-primary);
}

h1{ font-size: var(--h1); font-weight: 300;}
h2{ font-size: var(--h2);}
h3{ font-size: var(--h3);}
h4{ font-size: var(--h4);}

a{ 
  color: var(--color-primary);
  text-decoration: none;
}
a:hover{ 
	text-decoration: underline; 
	color: var(--color-primary);
}

.color-primary{color: var(--color-primary);}


/************************Common Styles******************************************/

.btn:focus, .btn.focus, a:focus, .swiper-pagination-bullet:focus, button:focus {
	outline: 0; 
	box-shadow: none !important;
}

.btn-primary{
    font-weight: 600;
    font-size: 10.05px;
    line-height: 15px;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 3.35px;
	padding: 15px 33px;
}

.sp-50{ padding-top:30px; padding-bottom:30px;}
.spt-50{ padding-top:30px;}
.spb-50{ padding-bottom:30px;}

.main-navigation{ 
	display:none;
}
.page .entry-title{ 
	display: none;
}
.read-more a{ 
	color:var(--color-primary);
	font-weight: 600;
	text-transform: lowercase;
	transition: all 500ms linear;
}
.read-more a:hover{ text-decoration:none;}
.read-more a:hover:after{ right: -5px;}
.read-more a:after{ content: "\f345"; font-family: dashicons; position: relative; top: 4px;}
.banner-bg{ width: 100%; min-height: 250px;}
.page-banner-inner{background: rgba(255,255,255,0.8);}
.top-gradient{background: linear-gradient(to top, #ffffff 0%,#fef9fa 100%);}
.service-inner-content h2{ font-size: 20px;}
/******************************Header Styles**************************************/
.header{ background: #fff; padding: 10px 0px;}
.header .logo img{ height: 50px;}
.header.my-fixed{box-shadow: 0 3px 5px 0 rgba(0,0,0,.03);}

/*home*/
.page-banner{ background: linear-gradient(to bottom, #ffffff 0%,#fef9fa 100%);}
.page-banner{ padding: 30px 0px 30px; text-align: center;}
.page-banner .row{ display: flex; flex-direction: column-reverse; width: 100%;}
.home_slider{ position: relative;}
.page-banner h1{ font-size: 30px; font-weight: 300; line-height: 30px; margin-top: 30px;}
.page-banner p{ font-size: 16px; line-height: 20px;}
.page-banner .hban-img img{ height: 150px;}

.site-slider{position: relative;}
.swiper-container {width: 100%; height: 100%;}
.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }
.site-slider .swiper-pagination {left: 0; right: 0;}
.site-slider .swiper-pagination-bullet {
	width: 20px;
	height: 3px;
	display: inline-block;
	border-radius: 0;
	background: #000;
	opacity: .1;
	margin: 0px 10px 0px 0px;
}
.site-slider .swiper-pagination-bullet-active {
	opacity: 1;
	background:var(--color-primary);
}

.site-slider .swiper-button-next::after, .site-slider .swiper-button-prev::after {
	font-family: swiper-icons;
	font-size: 20px;
	color: var(--color-primary);
}
.site-slider .swiper-button-next, .site-slider .swiper-container-rtl .swiper-button-prev {right: -10px; left: auto;}
.site-slider .swiper-button-prev, .site-slider .swiper-container-rtl .swiper-button-next {left: -10px; right: auto;}

/*accreditation*/
.accreditation{ background: #fefbfc;}
.accred-row{ align-items: center; display: grid; grid-template-columns: auto auto; grid-gap:10px}
.accred-box{ text-align: center;}
.accred-box p{ margin-top: 10px; font-size: 12px; font-weight: 400;}

.why-us{ background: url(../images/hom-why-us.jpg) no-repeat right; background-size: cover;}
.why-us-inner{background: rgba(255,255,255,0.8)}
.why-us h1{ font-size: 30px; font-weight: 300; line-height: 30px; margin-bottom: 30px;}
.why-us p{ font-size: 16px; line-height: 20px;}

.service_slider{ position: relative; margin-top: 30px; padding-bottom: 30px;}
.service_slider.site-slider .swiper-pagination {left: 0; right: 0;}
.service_slider .swiper-slide{ margin-bottom: 10px; text-align: center;}
.service_slider .swiper-container {width: 90%; height: 100%;} 
.service-box .service-icon{ margin-bottom: 30px; min-height: 152px; display: flex; align-items: center; justify-content: center;}
.service-box h3{margin-bottom: 20px;}


.portfolio{background: linear-gradient(to top, #ffffff 0%,#fef9fa 100%);}
.portfolio_slider{ position: relative; padding-bottom: 30px;}
.portfolio_slider.site-slider .swiper-pagination {left: 0; right: 0;}
.portfolio_slider .swiper-slide{ margin-bottom: 10px; text-align: center;}
.portfolio_slider .swiper-container {width: 90%; height: 100%;} 
.prod-box .service-icon{ margin-bottom: 30px; min-height: 152px; display: flex; align-items: center; justify-content: center;}
.prod-box h3{margin-bottom: 20px;}
.prod-box h3 span{ color: var(--color-body); display: block;}
.prod-box .prod-icon{ margin-bottom: 10px;}

/*global reach*/
.global-reach{background: #e5ebee;}
.gr-inner{ padding: 50px 0px; position: relative;}
.gr-inner-rht p{font-size: 16px; line-height: 20px;}
.gr-info-box{ max-width: 320px; padding: 20px; background: rgba(255,255,255,0.8); font-size: 18px; line-height: 20px; font-weight: 600; border-radius: 20px 0px 0px 0px; margin:0px auto 20px;}
.gr-info-box span{ color: var(--color-primary); margin-bottom: 10px; display: block;}


/*whyus page*/
.whyus--banner{ background: url(../images/why-us-banner.jpg) no-repeat center; background-size: cover;}
.sideBar ul{padding: 0px;}
.sideBar li{list-style-type: none; padding-bottom: 10px; padding-left: 30px; position: relative;}
.sideBar li:before{ content: "\f345"; font-family: dashicons; position: absolute; left: 0; top: 3px; color: var(--color-primary);}
.sideBar li a{ color: var(--color-body);}

/*services page*/
.services--banner{ background: url(../images/services-banner.jpg) no-repeat center; background-size: cover;}
.services--page .service-box{ margin-bottom: 30px; text-align: center;}

/*portfolio page*/
.portfolio--banner{ background: url(../images/portfolio-bg.jpg) no-repeat center; background-size: cover;}
.portfolio--page .prod-box{ margin-bottom: 30px; text-align: center;}
.red-box{background: linear-gradient(to right, #e8416e 0%,#92304c 100%); color: #fff; padding: 20px; max-width: 90%; margin:-90px auto 50px; 
text-align: center; border-radius: 0px 30px 0px 0px;}
.red-box a{ color: #fff;}
.red-box a:hover{ text-decoration: none;}
.red-box a:after{ content: "\f345"; font-family: dashicons; position: relative; top: 3px; color: #fff;}
.red-box a:hover:after{ right: -5px;}

/*connect page*/
.connect-address p{ font-size: 24px;}
.connect-address p span{ font-weight: 600;}

/*footer*/
.footer{background: linear-gradient(to bottom, #8b2947 0%,#d43065 100%); color: #ffffff;}
.footer a, .footer a:hover{color: #ffffff;}
.ftr-btm-inner{ display: flex; flex-direction: column-reverse; font-size: 14px; font-weight: 300;}
.footer-row{ display: flex; flex-direction: row; justify-content: space-between;}
ul.ftr-menu{display: flex; flex-direction: row; padding: 0;}
ul.ftr-menu li{ list-style-type: none; font-size: 16px; padding-bottom: 10px; margin: 0px 5px;}
ul.ftr-menu li a{ text-transform: lowercase;}
.footer-top h3{ font-weight: 600;}

/*Contact form*/
.site-form{ max-width: 1000px; margin: auto;}
.site-form .form-control, .site-form .form-select {width: 100%; height: 50px; margin-bottom: 30px; color: var(--color-body); font-size: 20px;}
.site-form .wpcf7-textarea.form-control{ height: 100px;}
.site-form .btn{background: var(--color-primary); color: #fff; font-size: 20px; font-weight: 600; transition: all 300ms linear; border: 0; width: 200px; height: 50px;}
.site-form .btn:hover{ background: var(--color-body); color: #fff;}