/*============================================================

 * Template Name: al-gamar global service consulting 
 * Author: ST-themes - (https://themeforest.net/user/st-themes)
 * Version: 1.0
 * Copyright 2020 ST-themes

 ===============================================================*/


/*============================
 
 		Content table
 	--------------------
	01. Google fonts
	02. Basic css
		-preloader
	03. Custom header
	04.	Landing wrapper
		-Home wrapper
	05. Service wrapper
	06.	Banner wrapper
	07. Grow wrapper
	08. Project wrapper
	09. Expert wrapper
	10. Ask wrapper
	11. Testimonials wrapper
	12. News wrapper
	13. footer wrapper
	14. Extra css For Home page_2
	15. All Css for Inner Pages
 ===============================*/


/*======================
   01. Google fonts
========================*/

@import url('https://fonts.googleapis.com/css?family=Heebo:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:600,700&display=swap');

/*======================
   02. Basic css
========================*/

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

body {
	line-height: 26px;
	font-family: 'Heebo', sans-serif;
	background-color: #fff;
	color: #687c94;
	-webkit-transition: .5s;
	transition: .5s;
}

ol,
ul {
	list-style: none;
}

a:hover {
	text-decoration: none;
}

.preloader {
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: #fbfbfb;
	z-index: 999999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	        align-items: center;
}

.preloader img {
	height: 60px;
	-webkit-animation: rotate 1s linear infinite;
	animation: rotate 1s linear infinite;
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


/*======================
   03. Custom Header 
========================*/

header {
	position: fixed;
	height: 75px;
	line-height: 70px;
	z-index: 1000;
	font-family: 'Poppins', sans-serif;
	width: 100%;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
	background-color: #ffffff;
}

header.fixed_header {
	background-color: #000000;
}

header .logo p {
	font-size: 30px;
	color: #0f0568;
	font-weight: bold;
}

#menu {
	text-align: right;
}

#menu li {
	display: inline-block;
	color:  #0f0568;
}

#menu li a {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	color:  #0f0568;
}

#menu li:last-child a {
	padding-right: 0;
}

#menu li a.active,
#menu li a:hover {
	background-image: url(../img/nav-shape.png);
	background-repeat: no-repeat;
	background-position: center 48px;
	background-size: 35px auto;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.dropdown_item {
	position: relative;
}

.dropdown_menu {
	position: absolute;
	left: -50%;
	min-width: 200px;
	text-align: center;
	line-height: 53px;
	background-color: #000;
	padding: 15px 0;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	visibility: hidden;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	opacity: 0;
}

.dropdown_item:hover .dropdown_menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.dropdown_menu ul li {
	display: block !important;
	text-align: center;
}

.dropdown_menu ul li:last-child a {
	padding-right: 15px !important;
}

.nav-toggler {
	position: absolute;
	top: 0;
	right: 15px;
	font-size: 28px;
	display: none;
	color:  #0f0568;
	cursor: pointer;
	z-index: 9999;
}


/*======================
   04. Landing Wrapper
========================*/

.landing_wrapper {
	height: 100vh;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-color: #073683;
	position: relative;
}

.landing_wrapper::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000000;
	width: 100%;
	height: 100%;
	opacity: 0.4;
}

/*---Home Wrapper---*/


.home_wrapper {
	padding-top: 75px;
}

.home_wrapper .container,
.home_wrapper .row {
	height: calc(100vh - 75px);
}

.home_wrapper .heading {
	font-size: 77px;
	color: #fff;
	line-height: 93px;
	font-weight: bold;
	margin-top: -12px;
}

.home_wrapper .sub_heading {
	max-width: 621px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-size: 16px;
}

.home_btn_wrapper {
	margin-bottom: 1px;
}


/*======================
   05. Service Wrapper
========================*/

.service_box {
	text-align: center;
	padding: 40px 20px;
	border: 4px solid #f6f7fb;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-transition: .3s;
	transition: .3s;
}

.service_box:hover {
	border-color: #fff;
	box-shadow: 0px 4px 17px #eaeaea;
	-webkit-transition: .3s;
	transition: .3s;
}

.service_box .service_icon {
	font-size: 27px;
	height: 70px;
	width: 70px;
	padding: 22px;
	border-radius: 50%;
	line-height: 27px;
	color: #fff;
	background-color: #0b1a39;
	display: block;
	margin: 0 auto;
}

.service_box:hover .service_icon {
	background: -webkit-gradient(linear, left bottom, left top, from(rgb(14, 96, 181)), color-stop(50%, rgba(30, 127, 227, 0.767927153771665)));
	background: -webkit-linear-gradient(bottom, rgb(14, 96, 181) 0%, rgba(30, 127, 227, 0.767927153771665) 50%);
	background: linear-gradient(360deg, rgb(14, 96, 181) 0%, rgba(30, 127, 227, 0.767927153771665) 50%);
	-webkit-transition: .5s;
	transition: .5s;
}

.service_box .title {
	font-size: 22px;
	color: #0b1a39;
	font-weight: bold;
}

.service_box .description {
	color: #687c94;
	font-size: 15px;
	line-height: 27px;
	font-family: 'Alata', sans-serif;
}


/*======================
   06. Banner Wrapper
========================*/

.banner_wrapper {
	padding: 60px 0;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.banner_wrapper .title_1,
.banner_wrapper .title_2 {
	max-width: 100%;
	color: #fff;
}

.banner_wrapper .title_1 {
	margin-top: -6px;
}

.banner_wrapper .title_2 {
	margin-bottom: -5px;
}

.banner_wrapper::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000000;
	width: 100%;
	height: 100%;
	opacity: 0.61;
}

.banner_button_wrapper {
	text-align: right;
}


/*======================
   07. Grow Wrapper
========================*/

.grow_wrapper .title_1 {
	margin-left: 0;
}

.grow_wrapper .title_2 {
	max-width: 437px;
	margin-left: 0;
}

.grow_wrapper .technics i {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #3c4861;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	-webkit-transition: .3s;
	transition: .3s;
}

.grow_wrapper .technics:hover i {
	background-color: #0c5adb;
}


/*======================
   08. Project Wrapper
========================*/

.project_wrapper {
	background-color: #f7fcff;
	overflow: hidden;
}

.project_filter_menu ul li {
	display: inline-block;
	font-size: 19px;
	font-weight: 600;
	padding: 15px 0;
	margin: 0 15px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	line-height: 20px;
}

.project_filter_menu ul li:hover {
	color: #0c5adb;
}

.project_filter_menu ul li::before,
.project_filter_menu ul li.active::before {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	left: -100%;
	width: 100%;
	height: 2px;
	background-color: #0c5adb;
	-webkit-transition: .5s;
	transition: .5s;
}

.project_filter_menu ul li:hover::before,
.project_filter_menu ul li.active::before {
	left: 0;
}

.project_filter_menu ul li.active {
	position: relative;
	color: #0c5adb;
}

.project_items .item {
	position: relative;
}

.project_items .item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 15px;
	;
	width: calc(100% - 30px);
	height: 100%;
	background-color: #000;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.project_items .item:hover::before {
	opacity: 0.51;
}

.project_items .item .content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 30px);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 1;
	color: #fff;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.project_items .item:hover .content {
	opacity: 1;
}

.project_items .item .content h3 {
	font-size: 27px;
	line-height: 24px;
}

.project_items .item .content i {
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	border-radius: 50%;
	line-height: 37px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	color: #fff;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	display: inline-block;
}

.project_items .item:hover .content i {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.project_items .item .content i:hover {
	background-color: #0c5adb;
	border-color: transparent;
	box-shadow: 0px 0px 10px 0px #0c5adb;
}


/*======================
   09. Expert Wrapper
========================*/

.single_expert {
	position: relative;
	overflow: hidden;
	border: 1px solid #f2f2f4;
}

.expert_details {
	position: absolute;
	bottom: -55px;
	width: 100%;
	background-color: #fff;
	z-index: 1;
	-webkit-transition: .4s;
	transition: .4s;
}

.single_expert:hover .expert_details {
	bottom: 0;
}

.single_expert:hover .expert_details,
.single_expert:hover .expert_details::before {
	background-color: #0c5adb;
	color: #fff;
}

.single_expert:hover .expert_details h4 {
	color: #fff;
}

.expert_details h4 {
	font-size: 22px;
	color: #0b1a39;
	font-weight: 600;
	margin-bottom: 8px;
}

.expert_details p {
	font-size: 15px;
}

.expert_details ul {
	position: relative;
}

.expert_details ul::before {
	content: '';
	position: absolute;
	top: 0;
	left: 15px;
	height: 1px;
	width: calc(100% - 30px);
	background-color: #fff;
}

.expert_details ul li {
	display: inline-block;
	padding: 20px 10px;
}

.expert_details ul li a {
	font-size: 19px;
	color: #fff;
}

.expert_details::before {
	content: '';
	position: absolute;
	left: -5%;
	top: -38%;
	width: 110%;
	height: 90px;
	background-color: #fff;
	-webkit-transform: skewX(-6deg) rotate(-7deg);
	transform: skewX(-6deg) rotate(-7deg);
	z-index: -1;
	-webkit-transition: .4s;
	transition: .4s;
}


/*======================
   10. Ask Wrapper
========================*/

.ask_wrapper {
	background-color: #f3f6fd;
}

.ask_wrapper .button {
	font-size: 16px;
	background-color: #0c5adb;
	color: #fff;
	width: 100%;
	min-height: 47px;
	text-align: left;
	border-color: #dbe4f0;
	padding: 0 20px;
	-webkit-transition: .5s;
	transition: .5s;
	line-height: 30px;
}

.ask_wrapper .collapsed {
	background-color: transparent;
	color: #687c94;
}

.ask_wrapper .button:hover {
	background-color: #0c5adb;
	color: #fff;
	box-shadow: none;
}

button:focus {
	outline: none;
}

.accordion #target_1 p, 
.accordion #target_2 p,
.accordion #target_3 p,
.accordion #target_4 p {
	padding: 15px 20px 0;
}

.accordion .button .fa-check {
	background-color: #fff;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #7028da;
	margin-left: -8px;
}

.accordion .button .btn_content{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	align-items: center;
}

.accordion .button .btn_content span {
	width: calc(100% - 55px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0;
}

.accordion .button .ti-angle-up {
	float: right;
	font-size: 14px;
	line-height: 30px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	text-align: right;
	display: inline-block;
}

.accordion .button.collapsed .ti-angle-up {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.accordion .button.collapsed .btn_content span {
	width: calc(100% - 18px);
}

.accordion .button.collapsed .fa-check {
	display: none;
}


/*===========================
   11. Testimonials Wrapper
=============================*/

.testi_carousel .item .single_client {
	padding: 35px 25px;
	border: 2px solid #dddddd;
	border-radius: 10px;
	line-height: 24px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.testi_carousel .item:hover .single_client {
	border-color: #0c5adb;
}

.testi_carousel .item:hover i {
	color: #75a1eb;
}

.testi_carousel .item i {
	font-size: 50px;
	-webkit-transition: .3s;
	transition: .3s;
}

.testi_carousel .item .client_feedback {
	font-weight: 600;
	color: #687c94;
	letter-spacing: 0.1px;
}

.testi_carousel .item .client_details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	        align-items: center;
}

.testi_carousel .item .client_img {
	height: 64px;
	width: 64px;
	border-radius: 50%;
	background-color: #de8893;
	margin-right: 20px;
	overflow: hidden;
}

.testi_carousel .item h4 {
	font-size: 18px;
	font-weight: 600;
	color: #0b1a39;
}

.testi_carousel .item .name p {
	font-size: 14px;
	margin-top: 4px;
}

/*==================
   12. News Wrapper
====================*/

/*==================
   12. News Wrapper
====================*/

.news_wrapper {
	background-color: #090d140a;
}

.news_wrapper .single_news {
	line-height: 24px;
}

.news_wrapper .single_news img {
	width: 100%;
}

.news_wrapper .single_news h4 {
	font-size: 22px;
	color: #0b1a39;
	font-weight: 600;
}

.news_wrapper .single_news p {
	font-size: 15px;
}

.news_wrapper .single_news a {
	display: inline-block;
	color: #687c94;
	-webkit-transition: .3s;
	transition: .3s;
}

.news_wrapper .single_news a:hover {
	color: #0c5adb;
}

.news_wrapper .single_news a i {
	-webkit-transition: .3s;
	transition: .3s;
}

.news_wrapper .single_news a:hover i {
	margin-left: 8px;
}

/*====================
   13. Footer Wrapper
======================*/

footer {
	background-color: #070238;
	background-image: url('../img/footer.png');
	background-size: cover;
	background-position: center center;
	color: #fff;
	font-size: 15px;
}

footer .section_padd {
	padding: 111px 0 76px;
}

footer .read_more_link {
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
}

footer .read_more_link i {
	font-size: 12px;
	margin-left: 5px;
	-webkit-transition: .3s;
	transition: .3s;
}

footer .read_more_link:hover i {
	margin-left: 10px;
	color: #dc1342;
}

footer h4 {
	font-size: 24px;
	font-weight: 700;
	margin-top: -3px;
}

footer .logo {
	font-size: 30px;
	margin-top: -6px;
}

ul.useful_links {
	padding-left: 15px;
}

.useful_links li {
	margin-top: 6px;
}

.useful_links li::before {
	content: "\2022";
	color: #fff;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.useful_links li:hover::before {
	color: #dc1342;
}

.useful_links li a {
	color: #fff;
}

.instagram_links {
	margin-bottom: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-flow: wrap;
	-webkit-flex-flow: wrap;
	        flex-flow: wrap;
}

.instagram_links li {
	margin: 9px 9px 0 0;
}

.instagram_links li a img {
	width: 75px;
}

.contact_media li {
	font-size: 14px;
}

.contact_media li a {
	color: #fff;
}

footer .footer_bottom {
	border-top: 1px solid #7780f1;
	padding: 30px 0;
	font-size: 14px;
	line-height: 27px;
}

footer .social_icons li {
	display: inline-block;
}

footer .social_icons li a {
	color: #fff;
}


/*====================================================
   14. Extra css For Home page_2
======================================================*/

.home_page_2 .home_wrapper h1 {
	font-size: 65px;
	font-weight: bold;
	line-height: 84px;
	color: #fff;
	margin-top: -13px;
	max-width: 738px;
}

.home_page_2 .home_wrapper p {
	margin-left: 0;
	color: #f1f1f1;
}

.home_page_2 .about_wrapper .title_1 {
	margin-left: 0;
	font-size: 35px;
	line-height: 50px;
	margin-top: -9px;
}

.home_page_2 .about_wrapper .title_2 {
	margin-bottom: 20px;
	margin-left: 0;
}

.home_page_2 .about_wrapper p,
.home_page_2 .about_wrapper h4 {
	color: #0b1a39;
}

.title_top {
	color: #0c5adb !important;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 25px;
}

.home_page_2 .about_wrapper h4 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.home_page_2 .about_wrapper .about_bottom_content span {
	font-size: 35px;
	color: #0c5adb;
	font-weight: bold;
}

.home_page_2 .service_wrapper {
	background-color: #f3f6fd;
}

.home_page_2 .service_wrapper .title_1 {
	font-size: 35px;
	max-width: 503px;
	margin-bottom: 35px;
}

.service_wrapper .service_box_2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 40px 30px;
	background-color: #fff;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.service_wrapper .service_box_2:hover {
	box-shadow: 0px 0px 20px 7px #d8dcf8;
}

.service_wrapper .service_box_2:hover h4 {
	color: #0c5adb;
}

.service_wrapper .service_box_2 .service_icon i {
	font-size: 35px;
	color: #373866;
	margin-right: 20px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.service_wrapper .service_box_2 h4 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #e69a0e;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.service_wrapper .service_box_2 h4::before {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	background-color: #0c5adb ;
	top: calc(100% - 1px);
	left: -100%;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.service_wrapper .service_box_2:hover h4::before {
	left: 0;
}

.service_wrapper .service_box_2:hover .service_icon i {
	color: #0c5adb;
}

.home_page_2 .project_wrapper {
	background-color: #fff;
}

.home_page_2 .project_filter_menu ul {
	display: inline-block;
	border-bottom: 3px solid #ededed;
}

.home_page_2 .project_filter_menu ul li,
.home_page_2 .project_filter_menu ul li.active {
	position: relative;
	margin-bottom: -11px;
}

.home_page_2 .project_filter_menu ul li:first-child {
	margin-left: 0;
}

.home_page_2 .project_filter_menu ul li:last-child {
	margin-right: 0;
}

.home_page_2 .project_filter_menu ul li:first-child::before,
.home_page_2 .project_filter_menu ul li:last-child::before,
.home_page_2 .project_filter_menu ul li.active:first-child::before,
.home_page_2 .project_filter_menu ul li.active:last-child::before {
	width: 100%;
}

.home_page_2 .project_filter_menu ul li:first-child:hover::before,
.home_page_2 .project_filter_menu ul li.active:first-child::before {
	left: 0;
}

.home_page_2 .project_filter_menu ul li::before,
.home_page_2 .project_filter_menu ul li.active::before {
	content: '';
	position: absolute;
	top: 47px;
	left: -100%;
	width: 100%;
	height: 3px;
	z-index: 1;
	background-color: #0c5adb;
	-webkit-transition: .5s;
	transition: .5s;
}

.home_page_2 .project_filter_menu ul li:hover::before,
.home_page_2 .project_filter_menu ul li.active::before {
	left: 0;
}

.home_page_2 .item img {
	height: 100%;
	width: 100%;
}

.home_page_2 .item:nth-child(1) {
	height: 400px;
}

.home_page_2 .item:nth-child(2) {
	height: 270px;
}

.home_page_2 .item:nth-child(3),
.home_page_2 .item:nth-child(4) {
	height: 238px;
}

.home_page_2 .item:nth-child(6) {
	height: 370px;
}

.home_page_2 .item:nth-child(5) {
	height: 500px;
}

.home_page_2 .item:nth-child(7) {
	height: 264px;
}

.home_page_2 .expert_wrapper {
	background-color: #f3f6fd;
}

.pricing_wrapper .title_2 {
	margin-bottom: 30px;
}

.single_pricing {
	padding: 40px 0;
	background-size: 100%;
	background-repeat: no-repeat;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.single_pricing:hover {
	box-shadow: 0px 0px 20px 7px #f2f2f2;
}

.standard,
.webmaster {
	background-image: url('../img/pricing_shape_2.png');
}

.professional {
	background-image: url('../img/pricing_shape.png');
}

.single_pricing h4 {
	font-size: 27px;
	color: #0b1a39;
	font-weight: bold;
	margin-top: -4px;
}

.dollar_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
}

.dollar_wrapper h6 {
	font-size: 23px;
	margin-right: 10px;
	font-weight: bold;
	color: #0b1a39;
}

.single_pricing p {
	font-size: 50px;
	color: #0b1a39;
	font-weight: bold;
}

.single_pricing p span {
	font-size: 23px;
}

.single_pricing ul li {
	font-size: 18px;
	line-height: 24px;
	margin-top: 10px;
}

.single_pricing .button {
	height: 45px;
	line-height: 45px;
}


/*=======================================
	15. Css for Inner Pages
=========================================*/

.inner-page .landing_wrapper {
	height: 490px;
	background-position: center center;
}

.inner-page .home_wrapper .container,
.inner-page .home_wrapper .row {
	height: 415px;
}

.inner-page .home_wrapper h1 {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	margin-top: -10px;
	max-width: 100%;
}

.inner-page .home_wrapper p {
	font-size: 18px;
	color: #fff;
	margin-top: 25px;
}

.inner-page .service_wrapper {
	background-color: #fff;
}

.inner-page .service_wrapper .title_1 {
	font-size: 35px;
}

.single_portfolio_wrapper .single_portfolio .item {
	position: relative;
}

.single_portfolio_wrapper .single_portfolio .owl-next,
.single_portfolio_wrapper .single_portfolio .owl-prev {
	position: absolute;
	height: 42px;
	width: 42px;
	line-height: 46px;
	font-size: 20px;
	border-radius: 50%;
	top: calc(50% - 21px);
	background-color: #fff;
	color: #414141;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.single_portfolio_wrapper .single_portfolio .owl-prev {
	left: 10px;
}

.single_portfolio_wrapper .single_portfolio .owl-next {
	right: 10px;
}

.single_portfolio_wrapper .single_portfolio .owl-next:hover,
.single_portfolio_wrapper .single_portfolio .owl-prev:hover {
	background-color: #027df3;
	color: #fff;
}

.single_portfolio_wrapper h4 {
	font-size: 30px;
	font-weight: bold;
	color: #0b1a39;
	margin-top: -4px;
	margin-bottom: 15px;
}

.single_portfolio_wrapper ul li {
	font-size: 18px;
	margin-bottom: 20px;
	padding: 15px 0;
	border-bottom: 1px solid #dddddd;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

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

.single_portfolio_wrapper ul li span {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	color: #0b1a39;
	min-width: 164px;
	display: inline-block;
}

.single_portfolio_wrapper ul li a {
	color: #687c94;
	padding-right: 10px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.single_portfolio_wrapper ul li a:last-child {
	padding-right: 0;
}

.single_portfolio_wrapper ul li a:hover {
	color: #027df3;
}

.single_portfolio_wrapper p {
	font-size: 18px;
	color: #727272;
}

.single_portfolio_wrapper .button {
	padding: 0;
	width: 100px;
	height: 40px;
	line-height: 40px;
}

.blog_details_wrapper h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	color: #07001e;
	font-size: 26px;
}

.blog_details_wrapper .meta_wrapper,
.blog_details_wrapper .date,
.blog_details_wrapper .comment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	        align-items: center;
}

.blog_details_wrapper .meta_wrapper p {
	font-size: 13px;
}

.blog_details_wrapper .admin_img {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background-color: #1b274f;
}

.blog_details_wrapper .meta_wrapper p:nth-child(3) {
	padding: 0 5px;
	color: #fff;
}

.blog_details_wrapper p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	font-family: 'Poppins', sans-serif;
}

.blog_details_wrapper .quote {
	box-shadow: 0px 0px 11px 2px #f1f0f0;
	padding: 25px 35px;
}

.blog_details_wrapper .quote p {
	font-size: 13px;
}

.blog_details_wrapper .quote .name p {
	position: relative;
	display: inline-block;
}

.blog_details_wrapper .quote .name p::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -37px;
	width: 34px;
	height: 1px;
	background-color: #0000ff;
}

.blog_details_wrapper .social_icons {
	padding: 15px 0;
	border-bottom: 1px solid #f3f0f0;
	border-top: 1px solid #f3f0f0;
}

.blog_details_wrapper .social_icons li a,
.blog_details_wrapper .social_icons li span {
	padding: 0 10px;
	color: #868686;
	font-weight: 600;
}

.blog_img {
	width: 100%;
}

.comments_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.comments_item.reply {
	margin-left: 70px;
}

.comments_item .user_img {
	height: 80px;
	width: 80px;
	border-radius: 5px;
	background-color: #666666;
	overflow: hidden;
	margin-right: 15px;
}

.comments_item .user_img img {
	width: 100%;
	height: 100%;
}

.comments_item .comments_body {
	width: calc(100% - 95px);
}

.comments_item .comments_body a,
.comments_item .comments_body span,
.comments_item .comments_body p {
	font-size: 13px;
	color: #666666;
	line-height: 18px;
}

.comments_item .comments_body a {
	text-transform: uppercase;
}

.comments_item .comments_body a:hover i {
	color: #0000ff;
	margin-right: 15px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

#comment_form input,
.blog_right_side input,
#comment_form textarea {
	width: 100%;
	padding: 5px 20px;
	background-color: #f8f8f8;
	border: 1px solid #dedede;
	color: #878787;
}

#comment_form input:focus,
.blog_right_side input:focus,
#comment_form textarea:focus {
	outline: none;
}

#comment_form input {
	height: 45px;
}

#comment_form textarea {
	height: 150px;
	resize: none;
}

.blog_right_side {
	width: 100%;
	background-color: #f8f8f8;
	padding: 50px 40px;
}

.blog_right_side h4 {
	border-bottom: 1px solid #dedede;
	padding-bottom: 8px;
}

.product_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	        align-items: center;
}

.product_img {
	width: 73px;
	height: 73px;
	background-color: #d7d7d7;
	overflow: hidden;
	margin-right: 15px;
}

.product_description h5 {
	font-size: 19px;
	;
	color: #333333;
}

.category_area ul li a {
	color: #666666;
	font-size: 18px;
	margin-top: 10px;
	display: inline-block;
}

.tags_area p {
	font-size: 18px;
	word-spacing: 13px;
	line-height: 35px;
}

.social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px; /* espace entre les icônes */
}

.social-icons li {
    display: inline-block;
}

.social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;   /* un peu plus grand */
    height: 50px;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    transition: 0.3s ease;
}

/* Couleurs */
.social-btn.fb { background: #1877F2; }   /* Facebook */
.social-btn.tw { background: #000; }      /* Twitter/X */
.social-btn.in { background: #0A66C2; }   /* LinkedIn */

/* Hover */
.social-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    opacity: 0.9;
}


.team-carousel .single_expert {
    margin: 15px;
}
.team-carousel .owl-nav {
    margin-top: 20px;
    text-align: center;
}
.team-carousel .owl-nav button {
    font-size: 24px !important;
    margin: 0 10px;
    color: #333 !important;
}
.team-carousel .owl-dots {
    text-align: center;
    margin-top: 10px;
}
.team-carousel .owl-dot {
    display: inline-block;
    margin: 0 5px;
}
.team-carousel .owl-dot span {
    width: 10px;
    height: 10px;
    background: #ccc;
    display: inline-block;
    border-radius: 50%;
}
.team-carousel .owl-dot.active span {
    background: #007bff;
}
</style>