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


body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden; }
footer#colophon{ max-width: none; margin: 0; padding: 0; border-top: none; }
a:link{outline: none !important;}
a {text-decoration: none !important;}
img.img-fluid{display: block;}
.fancy {line-height: 0.5;text-align: center;overflow:hidden;}
.fancy span {display: inline-block;position: relative;}
.fancy span:before,
.fancy span:after {content: "";position: absolute;height:1px;top:50%;width:273px; background:#27aae2;}
.fancy span:before {right: 100%;margin-right: 15px;width:143px;}
.fancy span:after {left: 100%;margin-left: 15px;}


/* ---------- Footer Start --------  */
.elementor-element.footer_contact ul.fa-ul{margin-left:25px;}
.elementor-element.footer_contact ul.fa-ul > li:not(:last-child){margin-bottom: 19px;}
.elementor-element.footer_contact ul.fa-ul > li > .fa{width: 19px; height: 20px; left: -31px; background: url(images/location-icon.png) no-repeat center center; top: 2px;}
.elementor-element.footer_contact ul.fa-ul > li > .fa::before{display: none;}
.elementor-element.footer_contact ul.fa-ul > li > .fa.fa-envelope{background-image:url(images/envalop-icon.png);}
.elementor-element.footer_contact ul.fa-ul > li > .fa.fa-phone{background-image:url(images/phone-icon.png);}
.elementor-element.footer_contact ul.fa-ul > li{font:400 18px/28px "Roboto", sans-serif; color: #000;}
.elementor-element.footer_contact ul.fa-ul > li > a{text-decoration: none;color: #000; outline: none;}
.elementor-element.footer_contact ul.fa-ul > li > a:hover{color: var( --e-global-color-primary );}

/* ------------ Hedaer Start -------------  */
/* .header_nav .elementor-widget-container .elementor-button-wrapper {position: relative; margin-left: 18px;}
.header_nav .elementor-widget-container .elementor-button-wrapper::before {content: '\f003'; font-family: 'FontAwesome'; position: absolute; top: 0; bottom: 0; display: flex; align-items: center; right: auto; left: 26px; font-size: 20px; color: #2C2C2C; font-weight: 600;} */

.header_nav .elementor-widget-container .elementor-widget-button {position: relative; margin-left: 18px;}
.header_nav .elementor-widget-container .elementor-widget-button::before {content: '\f003'; font-family: 'FontAwesome'; position: absolute; top: 0; bottom: 0; display: flex; align-items: center; right: auto; left: 26px; font-size: 20px; color: #2C2C2C; font-weight: 600;}


/* ------------- Home Start ------------  */
/* ---- Contact Form -----  */
.contactForm .row {margin: 0 -8px;}
.contactForm .row > .col-lg-6, 
.contactForm .row > .col-lg-12{padding: 2px 8px;}
.contactForm .box > p {margin-bottom: 0px;}
.contactForm .box .form-control {width: 100%; height: 49px; border: none; border-radius: 10px; box-shadow: none; position: relative; font:400 16px/27px 'Roboto';color: #282D3A; padding-right: 18px; transition: all 500ms ease-in-out; resize: none; margin-top: 15px; padding-left: 20px; background: #fff;}
.contactForm .box .wpcf7-textarea{height: 129px; padding-top: 18px;}
.contactForm .box .form-control::placeholder{font:400 16px/27px 'Roboto'; color: #818181;}
.contactForm .submit-box input[type="submit"]{cursor: pointer; font: 700 20px 'Roboto'; text-transform: uppercase; background: #E4B502; border-radius: 10px; color: #fff; width:100%; padding: 17px 35px 17px 35px; margin-top: 16px; border: transparent;}
.contactForm .submit-box input[type="submit"]:hover{background-color: var( --e-global-color-primary ); transition: .5s;}
.contactForm .wpcf7-response-output {color: #fff;}

/* --------- service  */
.toolsCard:hover .elementor-element .elementor-heading-title {color: #fff;}
.toolsCard:hover .elementor-element.paraText,
.toolsCard:hover .elementor-element.paraText p {color: #fff !important;}
.toolsCard:hover .elementor-icon svg {fill: #fff !important;}
.toolsCard:hover .elementor-icon svg path {fill: #000;}
.toolsCard:hover .elementor-icon svg circle {fill: #fff !important;}
.toolsCard:hover .elementor-element a.elementor-button {color: #fff;}


/* ----------- Testi  */
.testi-list .owl-stage {padding-left: 0px !important;}
.testi-list .testiBoxWrap {display: flex; align-items: center; padding: 10px 0 15px;}
.testi-list .testiBoxWrap .testi-img {/*width: 394px;*/ width: 394px; flex: 0 0 394px; margin-right: -130px; position: relative; /*padding: 15px 30px 15px;*/ display: none;}
.testi-list .testiBoxWrap .testi-img::before {content: '\f10d'; position: absolute; top: -21px; right: -20px; font-size: 25px; line-height: 23px; z-index: 9; font-family: 'fontawesome'; color: #fff; padding: 15px; background: #FF0000; border-radius: 50px; border: 2px solid #fff;}
.testi-list .testiBoxWrap .testi-con h2 {color: #252525; font: 600 18px/30px "Poppins"; text-transform: capitalize;}
.testi-list .testiBoxWrap .testi-con p {color: #252525; font: 400 16px/30px "Roboto"; height: 210px; overflow-y: scroll;}
.testi-list .testiBoxWrap .testi-con p::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 2px #ff000011;
    background-color: #ff000011;
    border-radius: 50px;
  }
.testi-list .testiBoxWrap .testi-con p::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
    left: 10px;
  }
  .testi-list .testiBoxWrap .testi-con p::-webkit-scrollbar-thumb{
    background-color: var( --e-global-color-primary );
    border-radius: 50px;
  }
.testi-list .testiBoxWrap .testi-con {background: #fff; padding: 59px 45px 30px; box-shadow: 0px 5px 20px -8px #0000003f; min-height: 400px; border-radius:20px;}
/* .testi-list .owl-item {scale: 0.8; }
.testi-list .owl-item.active {scale: 1; } */
/* .testi-list .owl-controls .owl-dots .owl-dot {margin: 0px 12px;} */
/* .testi-list .owl-controls {margin-left: -11%;} */
.testi-list .owl-controls {margin-top: 20px;}
.testi-list .owl-controls .owl-dots .owl-dot > span {width: 30px; height: 4px;}
.testi-list .owl-controls .owl-dots .owl-dot.active span {background: var( --e-global-color-primary ); width: 60px;}

/* ---------- Blog list  */
.blog-list .owl-stage .item {margin: 20px 10px;}
.blog-list .blogBoxWrap {background: #fff; padding: 30px; border-radius: 20px; box-shadow: 0px 4px 24px -6px #00000036;}
.blog-list .blogBoxWrap .blog-img {border-radius: 20px; overflow: hidden;}
.blog-list .blogBoxWrap .blog-img img {width: 100%;}
.blog-list .blogBoxWrap .blog-con {padding-top: 25px;}
.blog-list .blogBoxWrap .blog-con .blogdate {color: #000000; opacity: 71%; font: 400 15px/26px "Roboto"; margin-bottom: 8px;}
.blog-list .blogBoxWrap .blog-con .blog-title,
.blog-list .blogBoxWrap .blog-con .blog-title a{color: #282D3A; font: 500 22px/30px "Roboto";}
.blog-list .blogBoxWrap .blog-con a.readmorebtn {color: #FF3131; text-transform: uppercase; font: 700 18px/30px "Roboto"; transition: all 0.5s ease-in-out;}
.blog-list .blogBoxWrap .blog-con a.readmorebtn:hover {color: #000;}

.blog-list .owl-controls .owl-nav .owl-prev,
.blog-list .owl-controls .owl-nav .owl-next {transition: all .3s ease-in-out; position: absolute; left: -56px; top: 44%; padding: 2px 20px 4px 18px; font-size: 30px; color: #828282; border-radius: 5px;}
.blog-list .owl-controls .owl-nav .owl-next {left: auto; right: -56px; padding: 2px 18px 4px 20px;}
.blog-list .owl-controls .owl-nav .owl-prev:hover,
.blog-list .owl-controls .owl-nav .owl-next:hover {color: var( --e-global-color-primary );}
.blog-list .owl-controls .owl-nav .owl-prev i,
.blog-list .owl-controls .owl-nav .owl-next i {font-family: "fontawesome"; font-weight: 500;}

/* ------- Blog details  */
.blog-details .PostBox {}
.single-post .blog-details {max-width: 1380px; padding-bottom: 70px; margin-top: 50px;}
.single-post .PostBox .PostImg {margin-bottom: 20px;}
.single-post .PostBox .PostCon h2 { font: 600 30px/44px "Oswald"; margin-bottom: 20px;}
.single-post .PostBox .PostCon h3 { font: 600 25px/35px "Poppins"; margin-bottom: 20px; margin-top: 35px;}
.single-post .PostBox .PostCon p { margin-bottom: 15px;}

.blogTable {width: 100%; max-width: 410px;}

.bannerLink .elementor-widget-container .elementor-heading-title a:hover {color: var( --e-global-color-secondary );}


/* Responsive
=================================*/

@media (min-width: 1460px) {
    .container{max-width: 1430px;}
}
@media (max-width: 1366px) {
   .testi-list .owl-controls {margin-left: 0px;}

}

@media (max-width: 880px){
	
/* 	------ Testi  */
	.testi-list .testiBoxWrap .testi-img {width: 294px; flex: 0 0 294px;}
	.testi-list .testiBoxWrap .testi-con {padding: 29px 29px 29px 29px; min-height: unset;}
/* 	.testi-list .testiBoxWrap .testi-con p {height: auto;} */
	.testi-list .testiBoxWrap .testi-con h2 {font: 600 16px / 26px "Poppins";}
	
}

@media (min-width: 768px) {
	
}
@media (max-width: 767px) {
	
	.testi-list .testiBoxWrap {display: block;}
	.testi-list .testiBoxWrap .testi-img {width: 90%; margin: 0 auto 25px;}
	.testi-list .testiBoxWrap .testi-img::before {top: -11px; right: -18px;}
	.testi-list .testiBoxWrap .testi-img img {border-radius: 20px;}
	.testi-list .testiBoxWrap .testi-con {padding: 25px; border-radius: 20px;}
	.testi-list .testiBoxWrap .testi-con p {}
	
	.blog-list .blogBoxWrap .blog-con {text-align: center;}
	.blog-list .blogBoxWrap .blog-con .blog-title, 
	.blog-list .blogBoxWrap .blog-con .blog-title a {font: 500 20px / 30px "Roboto";}
	
	.single-post .PostBox .PostCon h2 {text-align: center;}
	.single-post .PostBox .PostCon p {text-align: center;}
	.single-post .blog-details {padding-bottom: 15px;}
}
@media (min-width: 580px) and (max-width: 767px) {

}
@media (min-width: 401px) and (max-width: 579px) {

}
@media (max-width: 400px) {

}