/*!
Theme Name: houseofurdu
Theme URI: http://underscores.me/
Author: Underscores.me 
Author URI: http://underscores.me/  
Description: Description   
Version: 1.0.0   
Tested up to: 5.4     
Requires PHP: 5.6   
License: GNU General Public License v2 or later  
License URI: LICENSE 
Text Domain: houseofurdu
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
 
houseofurdu is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css 
*/



/*
Global Box-sizing
------------------------------------*/
:root {
	--logocolor: #20a2c6;
}

[data-aos=fade-up] { transform: translate3d(0,50px,0); }
[data-aos=fade-down] { transform: translate3d(0,-50px,0); }

/* Form Input Styling */
input[type="text"],
input[type="email"], textarea {display: block; width: 100%; padding: 0.75rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; appearance: none; border-radius: 0.25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; margin-bottom: 0.5rem; }
input[type="submit"]  { display: block; text-align: center; width: 300px; background-color: var(--logocolor); cursor: pointer; font: normal 600 16px/50px 'Manrope', sans-serif; color: white; margin: 0px auto; transition: 0.3s; text-transform: uppercase; letter-spacing: 1px; }
input[type="submit"]:hover { background-color: #212529; }
textarea { resize: none; }
/* Form Input Styling */


body { background: #fff; font-weight: 400; font-family: 'Manrope', sans-serif; font-style: normal; font-size: 16px; line-height: 24px; color: #60697b; padding: 0; margin: 0px; position: relative; }
p { font-weight: 400; font-family: 'Manrope', sans-serif; font-style: normal; font-size: 16px; line-height: 27px; color: #60697b; padding: 0; margin: 0 0 30px 0; }
ul { list-style: none;margin: 0; padding: 0;  }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 {font-family: 'DM Serif Display', serif; padding: 0;margin: 0;} 
a, span, i { display:  inline-block; }
a, a:hover, a:visited { text-decoration: none; }
a:focus, span:focus, button:focus, li, div, input, * { outline: none; }
img, a img { display: inline-block; max-width: 100%; height: auto; }
*, *:after, *:before { padding:0; margin:0; list-style:none; border:none; box-sizing:border-box; }
.clearfix:before, .gform_wrapper:before, ul:before,
.clearfix:after, .gform_wrapper:after, ul:after { content:''; display:table; }
.clearfix:after, .gform_wrapper:after, ul:after { clear:both; } 
/* .clearfix, .gform_wrapper, ul { *zoom:1; } */
.defaultBtn { font-family: 'Manrope', sans-serif; padding: 0px 10px; margin: 0; font-size: 15px; line-height: 40px; color: #ffffff; text-transform: uppercase; display: inline-block; background: var(--logocolor); transition: all ease 0.3s; font-weight: 400; border-radius: 5px; border: 2px solid var(--logocolor); letter-spacing: 1px; }
.defaultBtn:hover {color: #fff; background: transparent; border-color: white;}
.borderBtn { border: 1px solid #deb24d;; padding: 0px 50px; line-height: 50px; border-radius: 0px; font-size: 16px; font-weight: 400; color: #deb24d; transition: all 0.3s ease-in; text-transform: uppercase;}
.borderBtn:hover { color: #fff; background-color: #deb24d; }
.defaultBtn + .defaultBtn { background-color: transparent; color: #fff; margin-left: 10px; border: 2px solid white; }
.defaultBtn + .defaultBtn:hover { background-color: var(--logocolor); border-color: var(--logocolor);  }
.shadowImg img {box-shadow: -45px -45px 0px #f8f0db;}
h2 { font: normal 400 40px/48px 'DM Serif Display', serif; color: #262626;; text-align: center;}
h2 span {font-family: 'Manrope', sans-serif; font-size: 15px; font-weight: 700; color: #aab0bc; display: block; }

span.btn-3d {position: relative;display: inline-flex;width: 320px;height: 75px;margin: 0;perspective: 1000px;}
span.btn-3d a{letter-spacing: 1px;transform-style: preserve-3d;transform: translateZ(-25px);transition: transform .25s;FONT: normal 400 30px/50px 'Manrope', sans-serif;}
span.btn-3d a:before, span.btn-3d a:after {position: absolute;content: "BOOK NOW";height: 75px;width: 320px;display: flex;align-items: center;justify-content: center;border: 5px solid white;box-sizing: border-box;border-radius: 5px;}
span.btn-3d a:before{color: #20a2c6;background: white;transform: rotateY(0deg) translateZ(35px);}
span.btn-3d a:after{color: #FFF;transform: rotateX(90deg) translateZ(35px);}
span.btn-3d a:hover{ transform: translateZ(-25px) rotateX(-90deg); }

header a.defaultBtn { font-weight: 700; }
header .row.align-items-center { min-height: 85px; }
header .mainMenu {}
header .mainMenu ul { display: flex; justify-content: space-evenly; align-items: center; }
header .mainMenu ul li { font: normal 700 18px/27px 'Manrope', sans-serif; position: relative;  }
header .mainMenu ul li a {color: #262626; transition: 0.3s; padding: 0px 10px; margin: 0; font-size: 15px; line-height: 40px; text-transform: uppercase; display: inline-block; font-weight: 700; border-radius: 5px;  }
header .mainMenu ul li.menu-item-has-children {
    position: relative;
    padding-right: 6px;
}

header .mainMenu ul li.menu-item-has-children:before { content: ''; border: solid black; border-width: 0 1px 1px 0; display: inline-block; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; right: 0; top: 13px; }
header .mainMenu ul li.active a { background-color: #262626; color: white; }
/* header .mainMenu ul li a:hover { color: var(--logocolor); } */
header .defaultBtn:hover { color: var(--logocolor); background: transparent; border-color: var(--logocolor); font-weight: 500; }
header .mainMenu ul.sub-menu { position: absolute; left: 0; top: 38px; width: 200px; background-color: white; box-shadow: 0 0 5px rgba(0,0,0,0.5); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; z-index: 10; display: none; }
header .mainMenu ul.sub-menu li { width: 100%; border-bottom: 1px solid #efefef; }
header .mainMenu ul li:hover ul.sub-menu {; display: flex; flex-direction: column; width: max-content; min-width: 200px; }
header .mainMenu ul.sub-menu li a { display: block; width: 100%; }
header .mainMenu ul.sub-menu li a:hover { background-color: #20a2c6; color: white; }

.ban-sec { position: relative; background-position: center center; background-repeat:  no-repeat; background-size: cover;  }
.ban-sec:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: rgba(0,0,0,0.9); }
.ban-sec .row.align-items-center { min-height: 770px; }
.ban-sec .ban-info h1 { font-family: 'Oswald', sans-serif; font-weight: 700; color: #fff; font-size: 48px; line-height: 60px; margin-bottom: 15px; }
.ban-sec .ban-info h1 span { color: var(--logocolor); }
.ban-sec .ban-info p {color: white;padding: 0; font-size: 20px; line-height: 35px; letter-spacing: 0.5px; }

.ban-info p:empty { display: none; }

.ban-form-bg { background-color: white; border-radius: 10px; margin-left: 80px; padding: 30px; }
.ban-form-bg h3 {font: normal 500 28px/34px 'Oswald', sans-serif;color: #262626;padding: 0 0 25px 0;}
.ban-form-bg p { margin: 0; color: #6c757d; padding: 0 0 10px 0; }
.ban-form-bg p a { color: var(--logocolor); }
.ban-form-bg p a.banHead { font: normal 700 18px / 24px 'Manrope', sans-serif; color: var(--logocolor); display: block; text-align: right; }
.ban-form-bg p a:hover { text-decoration: none;}

.ban-bot-logo { padding: 80px 0px; text-align: center; } 
.ban-bot-logo img { max-width: 110px; }

.what-we-do-section {}
.what-we-do-section .we-do-box {text-align: center;justify-content: center;display: flex;flex-direction: column;align-items: center; margin-bottom: 25px; }
.what-we-do-section .we-do-box span.icon-bg { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; background: var(--logocolor); }
.what-we-do-section .we-do-box img {}
.what-we-do-section .we-do-box h5 { padding: 30px 0 15px 0; font: normal 700 19px/28px 'Manrope', sans-serif; color: #262626; }
.what-we-do-section .we-do-box h5 span { text-transform: uppercase; display: block; }
.what-we-do-section .we-do-box p { margin: 0px 40px 10px 40px; font-weight: 500;}
.what-we-do-section .we-do-box p img { max-width: 20px; margin: 0 2px; }
.what-we-do-section .we-do-box a {font: normal 700 16px/24px 'Manrope', sans-serif; color: var(--logocolor); }

.how-work-section { padding: 100px 0; }
.how-work-section .img-area { position: relative;}
.how-work-section .img-area img { border-radius: 10px; box-shadow: 35px 35px 0 #f1f5fd; }

.right-scroll { height: 500px; overflow-y: scroll; padding-right: 50px; overflow-x: hidden; }
.how-work-info { padding-left: 90px;  }
.how-work-info h2 { text-align: left;}
.how-work-info p { font: normal 400 21px/34px 'Manrope', sans-serif; color: #60697b; margin: 10px 0; }
.how-work-info ol { padding: 0; margin: 40px 0 0 0; }
.how-work-info ol li { padding: 0 0 0 70px;     position: relative;}
.how-work-info ol li strong  {position: absolute; left: 0; top: 0; width: 45px; height: 45px; background-color: var(--logocolor); border-radius: 50%; color: white; display: flex; justify-content: center; align-items: center; font: normal 700 19px/28px 'Manrope', sans-serif;}
.how-work-info ol li h6 { font: normal 700 19px/28px 'Manrope', sans-serif; color: #343f52; margin: 0; }
.how-work-info ol li p {font-size: 16px;margin: 0;max-width: 90%;line-height: 26px; padding: 10px 0 25px 0; }
.how-work-info ol li br { display: none; }

.how-work-section>.container>.row:nth-last-child(odd) { flex-direction: row-reverse; padding-top: 150px; }
.how-work-section>.container>.row:nth-last-child(odd) .how-work-info { padding-left: 0;  }
.how-work-section>.container>.row:nth-last-child(odd) .how-work-info p { /* font-size: 21px; line-height: 34px; text-align: justify; */ font-size: 18px; line-height: 30px;     }
.how-work-section .how-work-info .list { position: relative; padding: 0 0 15px 30px; font-size: 16px; }
.how-work-section .how-work-info .list img { position: absolute; left: 0; top: 3px; }

.how-work-info h3 { margin-top: 30px; font-size: 25px; }


.cta-section { margin: 50px 0 100px 0; }
.cta-section .cta-bg { background-color: var(--logocolor); border-radius: 10px;; }
/* .cta-section .cta-info p { padding-right: 40px; } */
.cta-section .row.align-items-center { min-height: 440px; }
.cta-section h5 { font: normal 600 50px/55px 'Oswald', sans-serif; color: white; }
.cta-section p { font: normal 400 18px/35px 'Manrope', sans-serif; color: white; margin: 20px 0; }
.cta-section a {/* background-color: transparent; *//* margin: 30px 0 0 0; *//* border: 2px solid white; *//* padding: 0 70px; font: normal 400 20px/50px 'Manrope', sans-serif; *//* padding: 10px 80px; *//* font: normal 400 30px/50px 'Manrope', sans-serif; *//* color: white; *//* border-radius: 5px; *//* transition: 0.3s; */}
.cta-section a:hover { background-color: transparent; border-color: transparent; color: transparent; }
.small-text { font-size: 13px; line-height: normal; padding: 0 0 0 30px; }
.cta-section p span.sub-info { font-size: 30px; font-weight: 600; }

.testi-section {  }
.testi-section .testi-bg {background-color: #EDF2FC; margin-top: 100px; }
/* .testi-section .testi-bg img { margin-top: -161px; } */ 
.testi-section .row.align-items-center { height: 400px; }
.testi-section .testi-info { text-align: center;}
.testi-section .testi-info .star-rating { margin: 0 0 15px 0;}
.testi-section .testi-info .star-rating i { color: #fcc032;}
.testi-section .testi-info p { font: normal 400 20px/34px 'Manrope', sans-serif; color: #60697b; margin: 0; }
.testi-section h5 {font: normal 700 30px/27px 'Manrope', sans-serif; color: #343f52;}
.testi-section h5 span { display: block; text-transform: uppercase; font-size: 18px; line-height: normal; color: #aab0bc; padding-top: 10px; }

footer { margin: 50px 0;}
footer h6 { font-family: 'Manrope', sans-serif; color: #222; font-weight: 600; margin-bottom: 25px; }
footer .fot-logo p { margin: 30px 0px; font-weight: 500; color: #60697b; }

footer .fot-info {}
footer .fot-info p { max-width: 70%; margin: 0px 0 15px 0; }
footer .fot-info a { color: #60697b; display: block; padding: 2px 0; }
footer .fot-info a:hover { color: var(--logocolor); }
footer .fot-info.pl-5 p { max-width: 90%; }
footer .newsletter { display: flex; flex-wrap: nowrap; }
footer .newsletter input[type="email"] { background-color: #fefefe; background-clip: padding-box; border: 1px solid rgba(8, 60, 130, 0.07); font-family: 'Manrope', sans-serif; font-size: 15px; color: black; padding: 10px 10px; border-radius: 8px 0 0 8px; width: calc(100% - 100px);     margin: 0; }
footer .newsletter input[type="submit"] { background-color: var(--logocolor); width: 100px; border-radius: 0 8px 8px 0; font-size: 16px; color: white; font-weight: 600; letter-spacing: 0.5px; cursor: pointer; transition: 0.3s;     margin: 0; }
footer .newsletter input[type="submit"]:hover { background-color: #333; }


.foot-social { display: flex; justify-content: center; align-items: center; }
.foot-social a { display: inline-block; margin-right: 8px; }
.foot-social a i { font-size: 24px; }

.foot-social a i.fa-twitter-square {color: #1c96e8; }
.foot-social a i.fa-linkedin { color: #007ab5; }
.foot-social a i.fa-whatsapp-square { font-size: 55px; color: #34b521; }
.foot-social a i.fa-facebook-square { color: #395498; }
.foot-social a i.fa-youtube-square { color: #f70000; }



#nav-icon4 {display: none;width: 25px;height: 24px;position: absolute;right: 20px;top: 20px;margin: 0px auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;z-index: 200;}
#nav-icon4 span {display: block;position: absolute;height: 2px;width: 100%;background: var(--logocolor);border-radius: 0px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon4 span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon4 span:nth-child(2) {top: 10px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(3) {top: 20px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
header.open #nav-icon4 span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 7px;left: 8px;}
header.open #nav-icon4 span:nth-child(2) { width: 0%; opacity: 0;}
header.open #nav-icon4 span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 24px;left: 8px;}
header.open {}

.aboutus-banner .row.align-items-center { min-height: 350px; }
.aboutus-banner.ban-sec:before { display: none; }

.inner-banner {}
.inner-banner h3 { color: white; padding: 0; margin: 0 0 10px 0; }
.inner-banner ul { display: flex; justify-content: center; align-items: center; }
.inner-banner ul li { font-size: 14px; color: white; margin: 0 5px;; }
.inner-banner ul li a { color: white; }
.inner-banner ul li a:hover { color: var(--logocolor); }

.contact-section { padding: 100px 0; }
.contact-section .contact-bor { border: 1px solid var(--logocolor); padding: 20px; }
.contact-section .contact-bor h3 { color: black; margin-bottom: 10px; }
.contact-section .contact-form .field { margin-bottom: 20px; }
.contact-section .contact-form .field input { height: 45px; }
.contact-section .contact-form .field p { margin: 0; }

.contact-section .contact-info { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.contact-section .contact-info i { background-color: var(--logocolor);  font-size: 33px; border-radius: 50%; color: #fff; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; }
.contact-section .contact-info h4 { color: #262626; padding: 15px 0 5px; }
.contact-section .contact-info p { margin: 0; }

.ebooks .bok-info { padding-left: 30px; }
.ebooks .bok-info h3 { color: #262626; margin: 0 0 20px 0; font-size: 35px; font-size: 32px; font-family: 'Manrope', sans-serif; font-weight: 700; }
.ebooks .bok-info ul { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-bottom: 30px; }
/* .ebooks .bok-info ul li:nth-child(even) {width: 70%;} 
.ebooks .bok-info ul li:nth-child(odd) { width: 30%; } */
.ebooks .bok-info ul li { padding: 5px 0; border-bottom: 1px solid #ccc; width: 100%; }
.ebooks .bok-info ul li strong { color: black; width: 25%; display: inline-block; } 
.ebooks .bok-info ul li span { font-size: 40px; padding: 15px 0; font-weight: 700; }
.ebooks .bok-info ul li span sup {top: -.6em; font-size: 60%;}
.ebooks .bok-info p { margin: 10px 0 15px;  }
.ebooks .bok-info a:hover { color: var(--logocolor); background: transparent; border-color: var(--logocolor); font-weight: 500; }
.ebooks .bok-info ul.defaultList { list-style: disc;  margin-left: 25px; }
.ebooks .bok-info ul.defaultList li { padding: 5px 0;border: 0; list-style: disc; }

.ebooks .bok-info span.btn-3d a {}
.ebooks .bok-info span.btn-3d a:before, .ebooks .bok-info span.btn-3d a:after { border-color: #20a2c6 }
.ebooks span.btn-3d a:after { background-color: #20a2c6; }

.ebooks .bok-info h4, .ebooks .bok-info h5 {color: #262626; margin-bottom: 15px; }
.ebooks .row-secrator { margin-bottom: 100px; border-bottom: 1px solid #eaeaea; padding-bottom: 50px; }
.ebooks .bok-info a.defaultBtn { padding: 5px 25px; font-size: 18px; margin-top: 10px; }
.ebooks .upcomming { position: absolute; top: 0; bottom: 0; margin: auto; height: 20px; width: 100%;}



.services-section .row.services {}
.services-section .row.services .img-area { position: relative; float: right; max-width: 400px; margin-left: 50px; margin-bottom: 50px; }
.services-section .row.services .img-area img { border-radius: 10px; box-shadow: 35px 35px 0 #f1f5fd; }
.services-section .row.services .services-info { padding-right: 50px; }
.services-section .row.services .services-info h2 { text-align: left; padding-bottom: 10px; }
.services-section .row.services .services-info p { font: normal 400 18px/30px 'Manrope', sans-serif; color: #60697b; margin: 10px 0; }
.services-section .row.services .services-info p strong { font-size: 19px; display: block; padding-top: 10px; }


.services-section .row.services { margin: 0 0 100px 0; }
.services-section .row.services .services-info h4 { margin-top: 30px; font-size: 25px; color: rgb(96, 105, 123); font-weight: 500; }

/* .services-section .row.services:nth-child(odd) .img-area { float: left; max-width: 400px; margin-right: 70px; margin-bottom: 50px; margin-left: 0; } */


/* .services-section .row.services:nth-child(odd) { flex-direction: row-reverse; }
.services-section .row.services:nth-child(odd) .services-info { padding-right: 0; padding-left: 80px; }
*/ 


.top-cta {background: var(--logocolor) url(assets/images/top-cta-bg.png) left top repeat;padding: 100px 0px;}
.top-cta h3 { color: #fff; font: normal 700 50px/50px 'Oswald', sans-serif; padding: 0 0 15px 0; margin: 0; text-transform: uppercase; text-shadow: 3px 3px 7px #0000008c; }
.top-cta h6 {color: #fff;font: normal 700 28px/30px 'Manrope', sans-serif;padding: 10px 0 40px;margin: 0;}
.top-cta p {color: #fff;margin: 0;padding: 0; max-width: 70%; margin: auto; font-size: 22px; line-height: 35px; }

/* Blog Css */
.sticky-top { border-bottom: 1px solid #161616; }
.blog_detail { margin: 0 0 30px 0; background-color: white; box-shadow: 0 0 5px #e6e6e6; min-height: 400px; position: relative; padding-bottom: 75px; }
.blog-img { display: block;}
.blog_post_img { min-height: 170px; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.blog_post_img img { max-height: 250px; }
.blog-content { padding: 20px 20px 0px 20px; }
/* .blog-content p:empty { display: none; } */
.blog-content a { display: inline-block; }
.blog-content a img {    max-height: 250px;}
.blog-content a h2 { font-size: 22px; margin: 0; line-height: 30px; }
.blog-content p { font-size: 15px; line-height: 24px; }
.blog-content a.blog-btn { background-color: #161616; text-align: center; color: white; padding: 8px 20px; border-radius: 4px; display: inline-block; transition: 0.3s;  }
.blog-content a.blog-btn:hover { background-color: #3c3c3c; color: white; }
.blog-date { background-color: whitesmoke; padding: 4px; border-radius: 2px; font-size: 12px; color: #161616; border: 1px solid #dddddd; margin: 5px 0; display: inline-block; float: right; }
.blog-content ul { display: flex; justify-content: flex-start; align-items: center; position: absolute; left: 20px; bottom: 20px; right: 20px;}
.blog-content ul li { margin: 0 auto;}
.blog-content ul li a { margin: 0 5px; color: #c5c5c5; transition: 0.3s; font-size: 18px;}
.blog-content ul li a:hover { color: var(--logocolor);}
.sidebar-posts h2 { margin-bottom: 30px;  }
.sidebar-posts ul li {position: relative;padding: 0 0 15px 90px;margin-bottom: 15px;border-bottom: 1px solid #e9e9e9;}
.sidebar-posts ul li img {position: absolute;width: 70px;height: 50px;left: 0;}
.sidebar-posts ul li a { color: #333; display: block; }
.sidebar-posts ul li a h5 { font-size: 20px; line-height: 20px; }
.sidebar-posts ul li .date { font-size: 13px; color: #707070; line-height: 10px; }
.sidebar-posts ul li:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; }
.blog-detail-sec .post-detail { padding: 30px 0; }
.blog-detail-sec .post-detail h2 { font-size: 30px; line-height: normal; text-align: left; }
.blog-detail-sec .post-detail .post-author p { font-size: 14px; color: #bbbbbb; font-weight: 300; margin: 0; }
.post-border { padding: 0 0 0 20px; border-left: 4px solid #333; margin: 25px 0 25px 60px; font-style: italic; line-height: 28px;     font-weight: 600; }
.blog-detail-sec .post-detail p {margin-bottom: 30px;}
.blog-detail-sec .post-detail p a { color: #0d6efd; font-family: "Poppins", sans-serif; font-size: 18px; line-height: 32px;  }
.blog-social--links { border-top: 1px solid #e7e8ec; border-bottom: 1px solid #e7e8ec; padding: 10px 0; }
.blog-social--links ul { display: flex; justify-content: flex-end; align-items: center; }
.blog-social--links ul li { font-size: 16px; font-weight: 400; margin: 0 10px; }
.blog-social--links ul li:last-child { margin-right: 0; }
.blog-social--links ul li a { font-size: 26px; }
.blog-social--links ul li a i.fa-facebook-square { color: #296fb4; }
.blog-social--links ul li a i.fa-linkedin { color: #006394; }
.blog-social--links ul li a i.fa-twitter-square { color: #1c96e8; }
.blog-social--links ul li a i.fa-pinterest-square { color: #c51f27; }
.blog-social--links ul li a i.fa-google-plus-square { color: #d54c3f; }
.sidebar-posts h2 { border-bottom: 1px solid #e9e9e9; padding: 0 0 15px 0; margin-bottom: 25px; font-size: 32px; line-height: 40px; color: #161616; text-align: left; }
.category { box-shadow: 0 0 5px #e6e6e6; margin: 30px 0 0 0; padding: 20px; }
.category ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.category ul li a { text-align: center; border: 1px solid #111; padding: 10px 20px; margin: 0px 10px 10px; display: block; transition: 0.3s; }
.category ul li a:hover { background-color: #111; color: white; border-color: #111; }

.blog-detail-sec .post-detail ul {}
.blog-detail-sec .post-detail ul li { font-size: 18px; line-height: 32px; color: #161616; position: relative; margin-bottom: 15px; padding-left: 20px; }
.blog-detail-sec .post-detail ul li:before { width: 10px; height: 10px; background-color: #161616; position: absolute; left: 0; top: 10px; content: ''; border-radius: 50%; }
.sfsi_widget { min-height: auto !important; }
/* Blog Css */

.pagination { display: flex; justify-content: center; align-items: center; width: 100%; }
.pagination a, .pagination span { display: inline-block; padding: 4px 10px; border: 1px solid #ccc; margin: 0 5px; border-radius: 3px; color: black; }
.pagination span, .pagination a:hover { color: white; background-color: #161616; border-color: transparent ; }


	footer .fot-info.footer-menu {}
	footer .fot-info.footer-menu ul { display: flex; flex-wrap: wrap; flex-direction: column; }
	footer .fot-info.footer-menu ul li { margin-bottom: 10px;}
	footer .fot-info.footer-menu ul li a {}


.terms { padding: 50px 0;}
.terms h2 { margin-bottom: 20px; }
.terms h4 {color: black; margin-bottom: 10px; }
.terms ul { display: flex; justify-content: flex-start; flex-wrap: wrap; flex-direction: column; margin-bottom: 25px; padding-left: 20px; }
.terms ul li { padding: 5px 0; list-style: disc; }

.contact-section .tabs { background-color: whitesmoke; }
.contact-section .tab-links a.active {font-weight: bold;background-color: #f5f5f5;color: #333;border: 1px solid #333;border-bottom: 0;}
.contact-section .tab-content { padding: 0 110px 30px 110px; }
.contact-section .tab-content.active { font-weight: bold; display: block;  }
.contact-section ul.tab-links { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 25px; border-bottom: 1px solid #333; background-color: white; }
.contact-section ul.tab-links li {}
.contact-section ul.tab-links li a {padding: 5px 15px;background-color: var(--logocolor);font: normal 400 20px/34px 'Manrope';color: #fff; min-width: 170px; text-align: center; }
.wpcf7-form .field p span { display: block; width: 100%; }
.contact-section .wpcf7-form .field p strong { color: red; }
.contact-section .contact-form .field .field { margin-bottom: 0; }
.contact-section .contact-form .field label { font-size: 14px; margin-top: -10px; display: block; }



.slick-prev:before { content: "<"; color: #598ffa; font-size: 30px; }
.slick-next:before { content: ">"; color: #598ffa; font-size: 30px; line-height: 30px; }
button.slick-prev, button.slick-next { font-size: 0; background-color: #d4e0f7; border: 1px solid #97baff; display: flex; justify-content: center; align-items: center; padding: 8px; position: absolute; left: -20px; top: 0; bottom: 0; margin: auto; height: 35px; cursor: pointer; }
button.slick-next { left: inherit; right: -20px; }


.how-work-section .img-area.about-images { }
.how-work-section .img-area.about-images img { box-shadow: 15px 15px 0 #f1f5fd;  margin-bottom: 200px; }


.default-list {}
.default-list ul {}
.default-list ul li { position: relative; margin: 10px 0px; padding-left: 25px; font-size: 18px; }
.default-list ul li:before { content: ''; background: url(https://ahartgallery.com/FaisalWeb/wp/wp-content/uploads/2024/01/check-icon.png) center top no-repeat; background-size: contain; width: 15px; height: 15px; position: absolute; left: 0; top: 5px; }

.wpcf7-form .field p span.wpcf7-spinner { display: none; }


.upcmg-head {}
.upcmg-head h2 {color: #20a2c6; font-size: 50px; margin-bottom: 80px; }



/* Responsive
------------------------------------*/
@media only screen and (min-width: 1200px){
	.container { max-width: 1280px;}
}
@media (min-width:1282) and (max-width: 1366px){ }
@media (min-width:1170px) and (max-width: 1281px) { }
@media (min-width:1000px) and (max-width: 1200px) {
	.defaultBtn { padding: 0px 10px; font-size: 14px; }
 }
@media (min-width: 768px) and (max-width: 999px) { }
@media (max-width: 1000px) {
	body, p { font-size: 16px; line-height: 25px; }
	h2 { font-size: 25px; line-height: 32px; }
	a.logo { max-width: 70px; margin-top: 10px; }
	header .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

	.top-cta h3 { font-size: 25px; line-height: 35px; }
	.top-cta h6 { font-size: 18px; line-height: 25px; padding: 10px 0; }
	.top-cta p { max-width: 100%; }

	.ban-sec .col-sm-7, .ban-sec .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.ban-sec .ban-info { text-align: center; }
	.ban-sec .ban-info h1 { font-size: 35px; line-height: 40px; text-align: center; }
	.ban-sec .ban-info p { font-size: 16px; text-align: center; line-height: 25px; }
	.ban-sec { padding: 50px 0; }
	.ban-form-bg {margin-left: 0px; padding: 20px; margin-top: 20px; }
	.ban-form-bg h3 { font-size: 25px; line-height: 30px; }
	.ban-bot-logo .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-top: 10px; padding-bottom: 10px; }
	.ban-bot-logo { padding: 40px 0px; }
	
	.what-we-do-section .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.what-we-do-section .row.justify-content-center.pb-5 { padding-bottom: 0 !important; }
	.what-we-do-section .we-do-box { margin-bottom: 50px; }
	.what-we-do-section .we-do-box h5 { padding: 20px 0 10px 0; font: normal 700 18px/24px 'Manrope', sans-serif; }
	
	.how-work-section { padding: 0px 0; overflow: hidden; }
	.how-work-section .img-area img { box-shadow: 10px 10px 0 #f1f5fd; }
	.how-work-info h2 { text-align: center;	}
	.how-work-info p { font: normal 400 16px/25px 'Manrope', sans-serif; }
	.how-work-info { padding: 30px 0 0 0; text-align: center; }
	.how-work-info ol { margin: 30px 0 0 0; }
	.how-work-info ol li { padding: 0px; }
	.how-work-info ol li span { position: relative;  font: normal 700 18px/26px 'Manrope', sans-serif; right: 0; margin: auto; }
	.how-work-info ol li h6 { font: normal 700 16px/25px 'Manrope', sans-serif; margin: 10px 0 0 0; }
	.how-work-info ol li p { max-width: 100%; }
	.how-work-section>.container>.row:nth-last-child(odd) { padding-top: 50px; }
	.how-work-section .how-work-info .list { text-align: left; }
	.cta-section { padding: 30px 0; margin-bottom: 50px; }
	.cta-section h5 { font: normal 600 30px/35px 'Oswald', sans-serif; padding-top: 25px; }
	.cta-section img { max-width: 200px; }
	.cta-section p { font: normal 400 16px/26px 'Manrope', sans-serif; margin: 20px 0; }
	.cta-section .cta-bg.p-5 { padding: 0 15px!important; }

	.cta-section .col-sm-4, .cta-section .col-sm-8, .testi-section .col-sm-4, .testi-section .col-sm-6, footer .col-sm-2, footer .col-sm-3, footer .col-sm-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	
	.testi-section .testi-bg { margin-top: 0;     padding: 30px; }
	.testi-section .row.align-items-center { height: auto; padding: 30px 20px; }
	.testi-section .testi-info .star-rating { margin: 0 0 5px 0;	}
	.testi-section .testi-info p { font: normal 400 16px/26px 'Manrope', sans-serif; margin-bottom: 15px; }
	.testi-section h5 span { font-size: 12px; }
	
	footer { margin: 30px 0; }
	footer .fot-logo { text-align: center; padding-top: 30px; }
	footer h6 { margin: 25px 0 10px; } 
	footer .fot-logo p { margin: 10px 0px; }
	.mob-reverse-col { flex-direction: column-reverse; }
	#nav-icon4 {  display: block; }
	header .nav-section {position: fixed;left: 0;right: 0;top: -2px; bottom: 0;width: 100%;height: 0;z-index: 10;background-color: hsl(205deg 100% 26.38%);overflow: hidden; transition: 0.3s;height: 0;margin: 0; }
	header .nav-section.activeMenu { height:  100%; padding-top: 100px; top: 0px; }
	header .mainMenu { position: fixed; left: 0; right: 0; top: -100%; width: 100%; height: 0; background-color: #333; z-index: 5; transition: 0.6s; padding-top: 80px; }
	header .mainMenu ul { justify-content: flex-start; align-items: flex-start; flex-direction: column; }
	header .mainMenu ul li { width: 100%; border-bottom: 1px solid #ffffff30; }
	header .mainMenu ul li a { padding: 10px 20px; color: white; display: block; }
	header .mainMenu .heighlight-menu { text-align: center; }
	header .mainMenu.activeMenu { top: 0; height: 100%; }
	.contact-section { padding: 40px 0; }
	.contact-section .col-sm-6, .ebooks .col-sm-4, .ebooks .col-sm-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;  }
	.ebooks .col-sm-7 { margin: 20px 0 0 0;}
	.ebooks .book-cover, .ebooks .bok-info { text-align: center; padding-left: 0; }
	.ebooks .bok-info ul li { text-align: left;} 
	.blog-detail-sec .blog-info__area .post-image img { height: auto; }

	.top-cta { padding: 30px 0px; }
	header .mainMenu ul.sub-menu { display: block; position: relative; top: -20px; width: 100%; background-color: transparent; box-shadow: none; }
	header .mainMenu ul.sub-menu li { border-bottom: 1px solid #ffffff30; padding-left: 40px; }
	header .mainMenu ul.sub-menu li a { padding: 0px; }
	header .mainMenu ul.sub-menu li:last-child { border-bottom: 0; }
	header .mainMenu ul li.menu-item-has-children { padding: 0; background-color: #212121; }

.slick-prev:before, .slick-next:before { font-size: 22px; }
button.slick-prev { left: 10px; padding: 5px 8px; }
button.slick-next { right: 10px; padding: 5px 8px; }

.services-section .row.services .services-info { padding-right: 0; }
.services-section .row.services .img-area, .services-section .row.services:nth-child(odd) .img-area { float: none; max-width: 400px; margin: 0 auto 50px; display: block; }
.services-section .row.services .img-area img { box-shadow: 20px 20px 0 #f1f5fd; }


.contact-section .tab-content { padding: 0 15px 30px 15px; }
.contact-section ul.tab-links {flex-direction: column; width: 100%; }
.contact-section ul.tab-links li { width: 100%; }
.contact-section ul.tab-links li a { display: block; border-bottom: 1px solid #1a94b6; }

	
	header .col-sm-2.d-flex.justify-content-end, .testi-section .testi-bg img, footer p br, .mob-hide { display: none !important; }
 }
@media (max-width: 320px) {}