/*
Theme Name: Perceptiv-Hello-Child
Description: Perceptiv specialises in developing custom Shopify themes, Shopify apps, and WordPress themes and plugins. We create tailored, scalable, and user-friendly solutions to help brands grow online.
Author: Perceptiv
Template: hello-elementor
Version: 2.1.2
Text Domain: perceptiv-hello-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: custom-background, custom-logo, custom-menu, featured-images
*/

@import url("../hello-elementor/style.css");



@font-face {
    font-family: 'Font Awesome 5 Brands' !important;
    font-display: swap !important;
}
@font-face {
    font-family: 'Font Awesome 5 Free' !important;
    font-display: swap !important;
}
@font-face {
    font-family: 'Font Awesome 6 Brands' !important;
    font-display: swap !important;
}
@font-face {
    font-family: 'Font Awesome 6 Free' !important;
    font-display: swap !important;
}


.acc span, .service-sec h4 a{
	font-family: "Cormorant Garamond", serif !important;
}
.link-none{
	pointer-events:none !important;
}


header.elementor-location-header {
    margin-bottom: -100px;
}
body {
    background: #f8f6f1;
}
.scrolled.elementor-location-header a.hfe-menu-item {
    color: #1a1a1ab3 !important;
}
.scrolled.elementor-location-header .elementor-sticky img {
    filter: brightness(0.4);
}
.elementor-location-header.scrolled .elementor-sticky {
    background: #f8f6f1 !important;
}

.pt{
	padding-top:220px;
}

/* background color */
.bg-primary{
background:#224ca0!important;
}
.bg-muted {
    background-color: #ebe7e0;
}
.light-blue{
	   background-color: 	#f8f6f1;
}

a,h5, .contact-from .wpforms-field-label, .contact-from button#wpforms-submit-1281{
	font-family: "Plus Jakarta Sans", sans-serif !important;
}


/* button */
.button a{
	padding: 14px 25px ;
    border-radius: 12px ;
}

.blue a{
	background:#224ca0 !important;
}
.transparent a {
    color: #b89f89;
    border: 1px solid #b89f89;
    background: transparent !important;
}
.transparent a:hover{
	background:#b89f89 !important;
	color:#fff !important;
}
.brown-btn a{
	  letter-spacing: 2.1px ;
	text-transform: uppercase !important;
	padding: 18px 40px;
    border-radius: 12px;
	background:#b89f89 !important; 

}
.header-transparent-btn a {
    color: #ffffff;
    border: 1px solid #ffffff;
    background: transparent !important;
}
.header-transparent-btn a:hover {
    background: #fff3 !important;
}
.scrolled  .header-transparent-btn a:hover {
    color: #fff !important;
    border: 1px solid #b89f89;
	    background: #b89f89 !important;
}
.scrolled  .header-transparent-btn a {
    color: #b89f89 !important;
    border: 1px solid #b89f89;
    background: #f1ede6 !important;
}
.white-btn a{
	 padding: 18px 40px;
    border-radius: 12px;
	color: #224ca0 !important;
	background:#fff !important; 

}
.transparent-footer-btn a {
    border: 1px solid #ffffff66;
    padding: 18px 40px;
    border-radius: 12px;
    background: transparent !important;
}
.service-btn1 a {
	font-size:12px !important;
	text-transform:uppercase;
	letter-spacing: .15em !important;
	padding: 0 !important;
    color: #b89f89 !important;
    background: transparent !important;
}
.service-btn1 a:hover{
letter-spacing: .2em !important;
}
.service-btn2 a {
    font-size: 12px;
    padding: 16px 21px;
    border-radius: 12px;
    background: #b89f89 !important;
}

.heading1 h1 {
    font-weight: 300 !important;
    color: #fff !important;
    font-size: 96px;
}
h1 {
    font-weight: 300 !important;
    font-size: 60px;
} 

p{
	color: #ffffffcc !important;
	font-weight:300 ;
}

/* font-size*/
.p-14 p{
	font-size:14px !important;
}
.p-12 p{
	font-size:12px !important;
}
.p-16 p{
	font-size:16px !important;
}
.p-18 p{
	font-size:18px !important;
}
.font-size30 h3{
	font-size:30px !important;
}

h2 {
    font-weight: 300 !important;
    font-size: 48px;
}

h5{
	letter-spacing:3.6px !important;
	    font-size: 12px !important;
	color:#525f7a !important;
}
.heading5 h5 {
    font-weight: 500 !important;
    letter-spacing: 1.8px !important;
    font-size: 12px !important;
    color: #525f7a !important;
}

/* colors */
.white h2, .white h1 {
    color: #fff !important;
    line-height: 1.2;
}
.black h2, .black h1 , .black p{
	color:#1a1a1abf !important;
}
.dark-blue p {
	color:#525f7a !important;
}
.dark-blue2 h2, .dark-blue2 h1, .dark-blue2 h3, h3,.dark-blue2 h4{
color:#224ca0 !important;
}
.gray h5, .gray p ,.gray h4 , .gray a {
	color:#ffffff80 !important;
}
.z-black h1, .z-black h2{
	color:#1a1a1a !important;

}
.py-60{
	padding-top:60px !important;
	padding-bottom:60px !important;
}
.acc details {
	padding: 10px 0 10px 0;
    border-bottom: 1px solid #dedbd3
;
}
.acc .e-n-accordion-item-title-text {
    color: #224ca0 !important;
    font-size: 18px !important;
}
.acc p {
	font-weight: 400 !important;
    font-size: 14px;
    color: #1a1a1ab3 !important;
}

/* letter-space */
.letter-space p, .letter-space a{
	    letter-spacing: 1.8px !important; 
}
.letter-space2 a {
	    letter-spacing: 2.1px !important; 
}
.line-height{
	    line-height: 1.625 !important;
}
.slider img.swiper-slide-image {
	width:100% !important;
    border-radius: 20px;
    height: 100% !important;
	object-fit:cover !important;
}
.slider figure.swiper-slide-inner {
    width: 100%;
    height: 460px !important;
}
.slider  svg {
    font-size: 23px !important;
    width: 48px !important;
    height: 48px !important;
    padding: 10px;
    border-radius: 50px;
    border: 1px solid #dedbd3;
}
.slider  svg:hover {
	background: #224ca0;
    fill: #fff !important;
	  border: 1px solid #224ca0;
}
.slider .elementor-swiper-button-next {
    right: -25px !important;
}
.slider .elementor-swiper-button-prev {
    left: -25px !important;
}
.footer h2{
	font-size: 36px !important;
	color:#fff !important;
}
.top-pd{
	padding-top:175px !important;
}
.site-link a, .site-link p {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .15em;
    margin-bottom: 0px !important;
}
.contact-rating-icon svg {
	height: 18px !important;
}
.contact-rating-icon:hover text,
.contact-rating-icon:hover g{
	fill: #525f7a
 !important;
}
.contact-rating-icon:hover {
    box-shadow: 4px 7px 6px -1px #0000001a;
}
.pd-bottom{
	padding-bottom:60px !important;
}
.pd-top{
	padding-top:60px !important;
}
.contact-from .wpforms-field-label{
	font-weight:300 !important;
	text-transform: uppercase;
    letter-spacing: 1.8px !important;
    font-size: 12px !important;
    color: #525f7a !important;
}
.contact-from input {
       padding: 23px 10px !important;
    border-radius: 10px !important;
}
.contact-from input::placeholder,
.contact-from textarea::placeholder{
	color:#1a1a1abf !important;	
	opacity:0.9 !important;
}
.contact-from .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 10px 0;
    position: relative;
}
.contact-from  textarea#wpforms-1281-field_5 {
    height: 90px;
}
.contact-from input#wpforms-1281-field_3 {
    padding-left: 50px !important;
}
.contact-from button#wpforms-submit-1281 {
    font-size: 14px;
    letter-spacing: .15em;
    font-weight: 500 !important;
    text-transform: uppercase;
    height: 50px;
    width: 100%;
	 border-radius: 10px !important;
}
.font-size-24 h3{
	font-size:24px !important;
}

.corprate-icon-box h3 {
    color: #224ca0 !important;
    font-size: 20px;
}
.corprate-icon-box p{
	font-size:14px !important;
}
.bg-muted {
    background-color: #ebe7e0;
}
.heading4 h4{
	font-weight: 300 !important;
	font-size:36px !important;
 color: #224ca0 !important;
}
.hover-btn:hover{
	transform: scale(1.05);
}
.accordian details {

    border: 1px solid #dedbd3;

    margin-bottom: 14px !important;

    border-radius: 12px;

    padding: 10px;

}

.accordian details p {

    font-size: 14px;

}

.accordian .e-n-accordion-item-title-text {

    font-size: 14px;

    font-family: 'Plus Jakarta Sans';

    font-weight: 500;

}
.gray-btn a {
    padding: 10px 11px;
    font-weight: 400;
    font-size: 12px;
    border-radius: 10px;
    border: 1px solid #dedbd3;
    background: #ebe7e0 !important;
    color: #525f7a;
}
.link-color a {
    color: #b89f89;
    letter-spacing: .15em;
    font-size: 14px;
    text-transform: uppercase;
}
.team img {
	    border: 2px solid #dedbd3;
    height: 230px !important;
    width: 230px !important;
    border-radius: 181px;
    object-fit: cover;
}
 .services-grid img {
    width: 100%;
    border-radius: 15px 15px 0px 0px !important;
}
.services-grid .elementor-image-box-content {
    background: #fff;
    margin-top: -22px;
    padding: 24px;
    border: 1px solid #dedbd3;
    border-radius: 0px 0px 15px 15px;
}
.services-grid .elementor-image-box-content h3.elementor-image-box-title {
    font-size: 18px;
    text-align: left;
    margin: 0px;
}
.services-grid  .elementor-image-box-description {
	margin-top:8px !important;
    color: #525f7a !important;
    text-align: left;
    font-size: 12px;
}
.black a {
    color: #525f7a;
    text-decoration: underline;
}
.icon-box-mobile h3.elementor-image-box-title {
    color: #1a1a1abf !important;
}
.full-width a.elementor-button {
    width: 100%;
}
.sub-menu a {
    color: #1a1a1ab3
!important;
}
.sub-menu a:hover {
    color: #000
!important;
}
	
.social svg:hover {
    stroke: #fff !important;
    stroke-opacity: 1;
} 
.social2  li a:hover svg {
    stroke: #fff !important;
    stroke-opacity: 1;
} 
.service-sec img{
height: 350px;
    object-fit: cover;
}
.service-sec:hover img {
    /* overflow: hidden; */
    transform: scale(1.03) !important;
    transition: all 0.6s !important;
}
.service-sec  {
    overflow: hidden; 
}
.footer-logo h4 a{
font-family: Cormorant Garamond, serif !important;
}
.services-grid .elementor-image-box-content {
    height: 120px;
}


.service-sec .elementor-widget-image a {
     display: unset !important; 
}
 .single .post  p {
    font-size: 15px;
    color: #1a1a1acc !important;
}
 .single .post  ul li {
    font-size: 15px;
    color: #1a1a1acc !important;
}
 .single .post  h3 {
    font-size: 22px;
    color:#1a1a1a
 !important;
}
 .single h6.elementor-image-box-title {
    font-family: 'Plus Jakarta Sans' !important;
    font-size: 14px;
    color: #000 !important;
}
 .single p.elementor-image-box-description {
    font-size: 12px;
  
}
.blog p {
    font-size: 14px !important;
    color: #525f7a !important;
    font-weight: 400 !important;
}
.blog img {
    object-fit: cover;
    height: 250px;
}
.blog h2 a {
    color: #1a1a1a !important;
    font-size: 20px;
    font-family: 'Cormorant Garamond' !important;
    font-weight: 500 !important;
}
.blog h2 a:hover {
    color: #525f7a !important;
}
ul.sub-menu {
    overflow: hidden;
}

@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
}

100% {
    opacity: 1;
    transform: none;
}
}

@media (max-width:480px){
	.icon-box-mobile .elementor-image-box-wrapper {
    display: flex;
}
.icon-box-mobile .elementor-image-box-content {
    margin-left: 10px;
}

.icon-box-mobile figure.elementor-image-box-img img {
    align-items: center !important;
    margin-top: 12px;
} 
.heading1 h1 {
    font-size: 50px;
}
	.py-60{
	padding-top:50px !important;
	padding-bottom:50px !important;
}
	h2 {  
    font-size: 40px;
}
h1 {
    font-size: 42px;
}
	.pt{
	padding-top:170px;
}
	li#menu-item-3370 a.hfe-menu-item {
    border: 1px solid #b89f89 !important;
    margin: 15px 25px 0px;
    background: transparent;
    text-align: center !important;
    display: block;
    border-radius: 10px;
    color: #b89f89;
}
	li#menu-item-3371 a {
    margin: 15px 25px 15px;
    background: #224ca0;
    text-align: center !important;
    display: block;
    border-radius: 10px;
    color: #ffffff;
}
}


.book-online-page-section {
    background: rgba(255,255,255);
    padding: 120px 100px !important;
    text-align: center;
}

.book-online-page-section h1 {
    font-size: 24px !important;
}