/*** Reset ***/
body{font-family: 'Poppins', sans-serif;}
a, .btn, button{outline: none;transition: all 300ms ease-in-out 0s;}
a:hover, a:focus .btn:hover, .btn:focus, button:hover, button:focus{outline: none;text-decoration: none;}
.btn{padding:13px 30px;font-weight: 400;text-decoration: none;border-radius: 40px;text-transform: uppercase;box-shadow: 2.5px 2.5px 10px rgba(0,0,0,0.20);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: relative;overflow: hidden;}
.btn span, .btn img, .btn i{position: relative;z-index: 2;}
.btn:before{content: '';position: absolute;top: 50px;left: -5px;width: 0;height: 0;border-left: 150px solid transparent;border-right: 150px solid transparent;border-bottom: 250px solid rgba(0,0,0,0.25);z-index: 1;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.btn:after{content: '';position: absolute;top: 50px;left: -5px;width: 0;height: 0;border-left: 150px solid transparent;border-right: 150px solid transparent;border-bottom: 250px solid rgba(0,0,0,0.25);z-index: 1;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.btn:after{-webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.btn:hover:before, .btn-main:focus:before{opacity: 1;-webkit-transform: translate(0px,-190px);transform: translate(0px,-190px);}
.btn:hover:after, .btn-main:focus:after{opacity: 1;-webkit-transform: translate(0px,-150px);transform: translate(0px,-150px);}
.btn-default{background-color:#363435;color: #ffffff;border-color:#363435;}
.btn-with-icon > img{margin-right: 10px;}
.btn-with-icon{display:flex;align-items: center;}
.text-white, .text-white p{color: #ffffff;}
.mb1{margin-bottom: 10px}
.mb2{margin-bottom: 20px}
.mb3{margin-bottom: 30px}
.mb4{margin-bottom: 40px}
.mb5{margin-bottom: 50px}
.section{padding:80px 0;position: relative;}
.section-small{padding:40px 0;position: relative;}
.bg-light{background-color: #eeeeee;}
.bg-white{background-color: #ffffff;}
.no_padding{padding: 0!important;}
.no_margin{margin: 0;}
.p-rel{position: relative;}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5{margin-top: 0;}
.line_clamp{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.line_clamp1{-webkit-line-clamp: 1;}
.line_clamp2{-webkit-line-clamp: 2;}
.line_clamp4{-webkit-line-clamp: 4;}
.fw{display: inline-block;vertical-align: top;width: 100%;}
.container{width: 100%;max-width: 1170px;}
p{font-size: 16px;line-height: 1.4;}
ul{padding-left: 15px;}
.radius-20{border-radius: 20px;}
.shadow{box-shadow: 5px 0 30px rgba(0,0,0,0.2);}
.main-title h2{color: #1c1b17;line-height: 1.2;margin-bottom: 10px;margin-top: 0;font-size: 32px;font-weight: 700; text-transform: capitalize;}
.text_box h2{font-size: 32px;font-weight: 700;}
.reverse{flex-direction: row-reverse;}
/*** Header ***/
.header .nav{list-style: none;margin: 0;padding: 0;display: flex;}
.header .nav > li > a{color: #313006;display: inline-block;vertical-align: middle;font-size: 15px;font-weight: 400;padding: 10px 15px;text-decoration: none;margin: 0 5px;transition: all .3s ease 0s;}
.header .nav > li > a:hover, .header .nav > li > a:focus{color: #ffffff; background-color: #dc3545;border-radius: 30px;}
.toggler{display: none;}
.toggler{display: none;position: relative;border: 0; background-color: transparent;height: 35px;padding: 0;}
.toggler>span{display: block;width: 35px;height: 3px;background: #313006; border-radius: 5px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); -webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.toggler>span::before, .toggler>span::after{content: "";position: absolute; width: 35px;height: 3px;border-radius: 5px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); background: #313006;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;display: block;}
.toggler>span:before{top: 5px}
.toggler>span:after{bottom: 5px}
.toggler.is-active span{background: none; box-shadow: none;}
.toggler.is-active span:before{-webkit-transform: translateY(11px) rotate(45deg);transform: translateY(11px) rotate(45deg)}
.toggler.is-active span:after{-webkit-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg)}
/*** Home ***/
.banner_slider .slide{padding: 150px 0;background-repeat: no-repeat;background-position: center;text-align: center;position: relative;background-size: cover;}
.banner_section .slide::before{content: "";position: absolute; left: 0; top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.banner_section .slide .container{position: relative;}
.banner_slider.text_box{text-align: center;}
.banner_slider h2{color: #ffffff;font-size: 52px;font-weight: 500;margin-bottom: 20px;}
.banner_slider ul{list-style: none;margin: 0; padding: 0;}
.banner_slider ul li{display: inline-block; vertical-align: top; margin: 0 10px;}
.banner_slider ul li a{min-width: 110px;}
/*-- About --*/
.vp_text{padding: 50px 0;}
.img_box{position: relative;z-index: 1;}
.img_box:before{content: "";position: absolute; left: -15px;top: 15px;width: 100%;height: 100%;background-color: #f9c31b;z-index: -1;}
.vp_text h2{margin-bottom: 20px;}
.vp_text p{font-size: 16px;margin-bottom: 20px;}
/*-- Services --*/
.inner-pages .slide{padding: 120px 0;overflow: hidden;position: relative;color: #ffffff;transition: background 3s, border-radius 0.3s, opacity 3s;background-position: center center;}
.inner-pages .slide .overlay{opacity: 0.8;}
.inner-pages .slide .container{position: relative;z-index: 1;}
.inner-pages .slide:hover{background-position: bottom center;}
.inner-pages .slide h4{font-size: 32px;color: #f9c31b;}

.top_box{background-color: #282828;color: #ffffff;padding: 40px;}
.top_box h4{color: #f9c31b; font-size: 18px;font-weight: 500;margin: 0;}
.top_box h2{font-size: 32px;font-weight: 500;margin: 0;}
.top_box p{font-size: 16px;font-weight: 500;margin: 0;}
.service_slider{display: flex; flex-flow: wrap; }
.service_slider .service{background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 30px; text-align: center;}
.service_slider .service h2{font-size: 28px;color: #ffffff;text-transform: capitalize;}
.service_slider .service p{font-size: 16px;color: #ffffff;}
.overlay{transition: background 0.3s, border-radius 0.3s, opacity 0.3s;height: 100%;width: 100%;top: 0;left: 0;position: absolute;background-color: #242424;opacity: 0.5;}
.service .text_box{position: relative;z-index: 1;}
.service:hover .overlay{opacity: 0;}
/*** our_expertise ***/
.our_expertise{padding: 80px 0;}
.our_expertise .title{text-align: center;}
.our_expertise h2{font-size: 32px;color: #f9c31b;font-weight: 700;}
.our_expertise .title p{font-size: 16px;max-width: 500px;margin-left: auto;margin-right: auto;}
.expertise_list{display: flex;flex-flow: wrap;}
.expertise_list .expertise{width: 33.33%;position: relative; display: flex;flex-flow: wrap;flex-direction: column;padding: 80px;background-position: left center;background-repeat: no-repeat;background-size: cover; transition: background 3s, border-radius 0.3s, opacity 3s;}
.expertise_list .expertise .text-box{position: relative;z-index: 1;}
.expertise_list .expertise .overlay{opacity: 1;}
.expertise_list .expertise:nth-of-type(2) .overlay{opacity:1;background-color: #eeeeee;}
.expertise_list .expertise:hover{background-position: center center;background-size: cover;}
.expertise_list .expertise:hover .overlay{opacity: 0.5;}
.expertise_list .expertise:hover:nth-of-type(2) .overlay{opacity: 0.5;}
.expertise .icon{margin-bottom: 20px;}
.expertise h4{font-size: 25px;font-weight: 700;color: #f9c31b;margin-bottom: 20px; }
.expertise p{font-size: 16px;color: #ffffff;margin-bottom: 20px;}
.expertise a{color: #f9c31b; font-weight: 700;}
.expertise_list .expertise:nth-of-type(2) p{color: #282828;}
/*** Counter ***/
.number_counter{padding: 50px 0;background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed;position: relative;}
.number_counter .container{position: relative;z-index: 1;}
.wrapper{display: flex;flex-flow: wrap;justify-content: space-between;}
.wrapper .counter_num{width: 25%;text-align: center;}
.count-number{font-size: 35px;color: #f9c31b; font-weight: 700;}
.count-text{font-size: 18px;font-weight: 700; color: #ffffff;}
/* Our team */
.our_team{padding-top: 50px;padding-bottom: 80px;}
.our_team h4{font-size: 16px;line-height: 18px;margin-bottom: 20px;}
.our_team h4 span{font-size: 24px;display: block;margin-bottom: 0px;}
.our_team p{margin-bottom: 20px;}
.team_img img{width: 110px;height: 110px;border-radius: 100%;overflow: hidden;margin-bottom: 15px;transition: all .3s ease 0s;}
.team:hover .team_img img{transform: scale(1.1);}
.social-links{list-style: none; margin: 0; padding: 0;}
.social-links li{display: inline-block;margin: 0 10px;}
.social-links li a{font-size: 18px;color: #f9c31b;}
.our_team h2{margin-bottom: 30px;text-align: center;color: #f9c31b;}
.clients{padding: 50px 0;}
.logos-list{list-style: none;margin: 0;padding: 0;display: flex;justify-content: flex-start;align-items: flex-start; flex-flow: wrap;}
.logos-list .single-logo{width: 19%;margin: 0.5%;border: 1px solid #dddddd;display: flex;justify-content: center;align-items: center;padding: 8px;height: 70px;}
.logos-list .single-logo img{width: auto;height: auto;max-width: 100%;max-height: 70px;}
/*** Service page ***/
.featured-image{margin-bottom: 20px;border-radius: 10px;overflow: hidden;}
.featured-image > img{width: 100%;}
.round-10{border-radius: 10px;}
.service-sidebar-content ul{list-style: none;margin: 0; padding: 0;}
.service-sidebar-content ul li{position: relative; padding-left: 30px;padding-bottom: 20px;padding-top: 5px;}
.service-sidebar-content ul li:after{
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: 600;
	color: #e83a15;
	position: absolute;
	top: 0;
	left: 0;
}
.ques_ans{margin: 0 0 10px;}
.ques{
	position: relative;
	cursor: pointer;
	border-radius: 4px;
	margin-bottom: 0;
	padding: 18px 70px 18px 60px;
	font-weight: 500; font-size: 18px;
	color: #282828;
	background-color: #f9c31b20;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.ques span {
	position: absolute;
	left: 20px;
}
.ques i{width: 66px;height: 100%;line-height: 100%;position: absolute; right: 0;top: 0;background-color: #f9c31b30 }
.ques i:before{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ques_ans.active .ques span {
	color: #f9c31b;
	margin-right: 5px;
}
.ques_ans.active .ques i:before{transform: translate(-50%, -50%) rotate(90deg)}
.answer{
	padding: 30px 30px 25px 60px;
	position: relative; display: none;
}
.answer:after {
	content: "";
	height: 70%;
	width: 4px;
	background-color: #f9c31b30;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
}
.accordion-container{margin-bottom: 30px;}
.widget {
	margin-bottom: 4rem;
}
.widget-category {
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	padding: 35px 40px 20px;
}
.heading-title {
	position: relative;
	margin-bottom: 24px; padding-bottom: 10px;
}
.heading-title:after {
	content: "";
	height: 3px;
	width: 35px;
	background-color: #f9c31b;
	position: absolute;
	bottom: 0;
	left: 0;
}
.service-list ul{list-style: none;margin: 0; padding: 0;}
.widget-category .service-list ul li {
	border-bottom: 1px solid #dddddd;
}
.widget-category .service-list ul li:last-child {border-bottom: 0;}
.widget-category .service-list ul li a {
	position: relative;
	display: block;
	color: #282828;
	padding: 13px 0 13px 26px;
	transition: all 0.3s ease-out;
}
.widget-category .service-list ul li a i {
	color: #282828;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%); font-size: 16px;
}
.widget-category .service-list ul li a:hover {
	color: #f9c31b;
	padding-left: 35px;
}
.widget-category .service-list ul li a:hover i {
	color: #f9c31b;
}

.rating-widget{
    border: 1px solid #e1e1e1;
	border-radius: 4px;
	padding: 35px 40px 20px;
}
.reviews {
	list-style: none;
	margin: 0;
	padding: 0;
}
.reviews li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
.reviews li img{max-height: 50px;}
.form-widget{background-color: #282828;padding: 30px;border-radius: 10px;color: #ffffff;}
.form-widget label{display: none;}
.cta_section{position: relative;overflow: hidden;padding: 80px 0;color: #ffffff;background-repeat: no-repeat;background-position: center;background-attachment: fixed;}
.cta_section h2{margin-bottom: 30px;}
.cta_section .container{position: relative;z-index: 1;}
/*** Footer ***/
.footer{padding: 50px 0 20px;background-repeat: no-repeat;background-position: center;background-size: cover;text-align: center;}
.footer-list{font-size: 18px;text-align: center;list-style: none;}
.footer-list a{text-decoration: none;color: #ffc107;}
.social-links a{margin: 8px;}
.social-links a img{max-width: 40px;}
.foote-content hr{background-color: #ffffff;}

/*** Responive ***/
@media only screen and (min-width: 992px) and (max-width: 1200px){
    
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    
    
}
@media only screen and (max-width: 767px){
	.header .nav{display: none;}
	.toggler{display: block;}
    .banner_slider h2{font-size: 24px;}
	.btn{padding: 10px 25px;}
	p.lead{font-size: 15px;}
	ul.btn_group li{margin-bottom: 10px;}
	.banner_slider .slide{padding: 50px 0;}
	.img_box{padding-left: 15px;margin-bottom: 30px;}
	.img_box:before{left: 0px;}
	.our_expertise{padding-top: 30px;padding-bottom: 30px;}
	.expertise_list .expertise{width: 100%;padding: 30px;}
	.wrapper .counter_num{width: 50%;}
	.our_team{padding: 30px 0;}
	.team.bg-white.p-5{padding: 15px;margin-bottom: 15px;}
	.logos-list .single-logo{width: 48%;}
	.footer-list{font-size: 15px;}
	.footer-list li{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,0.2);text-align: left;}
	.footer-list li:last-child{border-bottom: 0;}
	.header .col-md-2.text-md-end.text-center{display: none;}
}
@media only screen and (max-width: 480px){
    
}