/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1732512823
Updated: 2024-11-25 05:33:43

*/

/*====================================
 Global CSS
 =====================================*/
 :root {
  --primary-color: #733426;  
}
.no-scroll { overflow: hidden; height: 100vh; }

::selection{ background-color: var(--primary-color); color: #ffffff; }
body { font-family: "Poppins", Sans-serif; }
ul { list-style: none; padding-left: 0;}

.text-primary { color: var(--primary-color); }
.text-bold { font-weight: 700;}

.site-btn .elementor-button{ padding:8px 15px; background-color:var(--primary-color); color:#ffffff; border-radius:7px; border:1px solid #5D3625; transition:0.3s all ease-in-out; 
	-webkit-transition:0.3s all ease-in-out; -moz-transition:0.3s all ease-in-out; -ms-transition:0.3s all ease-in-out; -o-transition:0.3s all ease-in-out; font-size:16px; font-weight:600; 
	line-height:1; min-width:150px; min-height:40px; display:inline-flex; align-items:center; justify-content:center; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; 
	-o-border-radius:7px; }

.site-btn.banner-btn .elementor-button { text-transform: uppercase; font-weight: 400; padding:15px 30px;}
.site-btn .elementor-button:hover { background-color: transparent; color: #5D3625;}

.site-title .elementor-heading-title { font-size: 30px; line-height: 1.3; font-weight: 600; color: #000000; }
.site-title.bold .elementor-heading-title { font-weight: 700;}

.site-title-white .elementor-heading-title { color: #ffffff;}
.site-title-white .text-primary { color: #F2CAB3; }

.site-subtitle .elementor-heading-title { font-size: 18px; font-weight: 400; color: #A66953;  }

.text-center { text-align: center;}

.py-50 { padding-top: 50px; padding-bottom: 50px;}

.page main .page-header { display:none; }

/*====================================
 Header 
 =====================================*/
 /* topbar */
 .topbar.site-header { max-width: 100%;}
 .topbar { background-color: #5D3625; padding-top: 0; padding-bottom: 0;}
 .topbar .topbar-wrapper{display:flex;justify-content:space-between;width:100%;align-items:center;}
 .topbar .topbar-wrapper .topbar-col ul { display: flex; align-items: center; gap: 10px; list-style: none; padding-left: 0;}
 .topbar .topbar-wrapper .topbar-col ul li { display: flex; align-items: center; gap: 7px; }
 .topbar .topbar-wrapper .topbar-col ul li, .topbar .topbar-wrapper .topbar-col ul li a { font-size: 12px; font-weight: 400; color: #ffffff; line-height: 1.6; }
 .topbar .topbar-wrapper .topbar-col ul li a:hover { text-decoration: underline; }
 .topbar .topbar-wrapper .topbar-col.topbar-right ul { gap: 30px; }


/* Header main */
.site-header:not(.topbar){padding-top:10px;padding-bottom:10px; background-color: #EFEBEA;}
.site-navigation ul.menu { align-items: center;}
.site-navigation ul.menu li a { padding-left: 12px; padding-right:12px; }
.site-navigation ul.menu li.current-menu-item a, 
.site-navigation ul.menu li.current-menu-parent > a { color:var(--primary-color); }
.menu .menu-btn a{ background-color:var(--primary-color); border-radius:10px; color:#ffffff; min-width:160px; text-align:center; font-size:20px; text-transform:uppercase; font-weight:400; 
	border: 1px solid #5D3625; transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; 
	-o-transition: 0.3s all ease-in-out; margin-left: 80px;}
.menu .menu-btn a:hover { background-color: transparent; color: var(--primary-color);}

/* Dropdown Menu */
.site-navigation ul.menu li.menu-item-has-children:after { display:none; }
.site-navigation ul.menu li.menu-item-has-children { padding-inline-end: 0px;}

.site-navigation ul.menu li ul { position: absolute; top: 100%; left: 0; min-width: 250px; padding: 0px; opacity: 0; visibility: hidden; border-radius: 0; -moz-transform: translateY(30px);
	-webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); transition: all 100ms ease; z-index: 100; display: block;}
.site-navigation ul.menu li:hover ul{ opacity: 1;visibility: visible; -moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0); -o-transform: translateY(0);
    transform: translateY(0); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; }
.site-navigation ul.menu li ul li { position: relative; display: block; padding: 0 20px; width: 100%; border-bottom:0; }
.site-navigation ul.menu li ul li a { border-bottom: 1px solid #e9e9e9; padding: 13px 0px 13px; position:relative; transition:0.5s all ease-in-out; }
.site-navigation ul.menu li ul li a:before { position: absolute; top: 0; left: 0px; bottom: 0; content: ""; margin: 15px 0; width: 0px; background-color: var(--primary-color); opacity: 0;
    transition: all 500ms ease; transition: all 200ms linear; transition-delay: 0.1s; }
.site-navigation ul.menu li ul li a:hover:before, 
.site-navigation ul.menu li ul li.current-menu-item a:before{ opacity:1; width:5px; }
.site-navigation ul.menu li ul li a:hover, 
.site-navigation ul.menu li ul li.current-menu-item a { padding-left: 15px; }

.site-navigation-dropdown ul.menu li a { position:relative; }
.site-navigation-dropdown ul.menu>li li { border-bottom: 1px solid rgba(0, 0, 0, .1019607843); }
.site-navigation-dropdown ul.menu>li li a { box-shadow: none; padding-left:50px; }

span.menu-arrow { position: absolute; top: 50%; height: 20px; width: 20px; z-index: 100; right: 20px; transition: 0.5s all; transform: translateY(-50%) rotate(90deg); 
	-webkit-transform: translateY(-50%) rotate(90deg); }
span.menu-arrow:before, span.menu-arrow:after { height: 2px; width: 15px; background: var(--primary-color); content: ""; display: block;left: 50%; top: 50%; position: absolute; 
	transform: translate(-50%, -50%); transition: 0.3s all ease-in-out; }
span.menu-arrow::before { transform: translate(-50%, -50%) rotate(90deg); transition: 0.3s all; }

.site-navigation-dropdown ul.menu li.menu-item-has-children.elementor-active .menu-arrow { -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); }
.site-navigation-dropdown ul.menu li.menu-item-has-children.elementor-active .menu-arrow::before { opacity: 0; transition: 0.3s all; }

/* Sticky Header */
header.is-sticky{box-shadow:0 0 5px rgba(0 0 0 / 10%);animation:slideDown 0.35s ease-out;position:fixed;width:100%;top:0;left:0;z-index:100;}
@keyframes slideDown {
    from {
      transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
	}
    to {
      transform: translateY(0);
    }
  }
/*====================================
 Banner CSS
 =====================================*/
.banner-content { max-width: 487px;}
.banner-subtitle .elementor-heading-title { font-size: 15px; color: #A66953; font-weight: 700; letter-spacing: 4px; line-height: 1.5;}
.banner-title .elementor-heading-title { font-size: 40px; line-height: 1.2; font-weight: 700; color: #000000;}

/*====================================
 icon-section
 =====================================*/
.icon-box { padding: 30px 20px; background-color: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; 
	box-shadow: 0 5px 30px 0 rgba(0 0 0 / 10%);}
.icon-box .elementor-image-box-title { font-size: 20px; font-weight: 400; line-height: 1.3; color: #000000; margin-bottom: 10px;}
.icon-box .elementor-image-box-content .elementor-image-box-description { color: rgba(0 0 0 / 50%);}


/*====================================
 About Section
 =====================================*/
 
.about-image { position: relative;}
.about-image .experience p {width:110px;height:110px;border:5px solid #A66953;font-size:12px;line-height:1.5;font-weight:400;color:#000000;position:absolute;top:0;left:0;z-index:1;
	background-color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center; flex-direction: column; text-align: center; }
.about-image .experience span.year { font-size: 23px; color: #A66953; font-weight: 700;}
.about-image .image-group { padding-bottom: 65px; }
.about-image .about-image-group { padding-left: 30px; padding-right: 30px; }
.image-group .about-img-small{max-width:200px;width:100%;border:7px solid #ffffff;box-shadow:0 5px 30px 0 rgba(0 0 0 / 10%);padding:0;position:absolute;bottom:0;right:0;}
.image-group .about-img-small img { object-fit: cover; }

.about-icon-list .elementor-icon-list-text { color: rgba(0 0 0 / 60%);  }

/*====================================
 Service Section
 =====================================*/
.service-box-wrapper.elementor-element { display: flex; gap: 60px; flex-flow: wrap; }
.service-box-wrapper .service-box.elementor-element { flex: 0 0 calc(33.33% - 40px ); max-width: calc(33.33% - 40px); width: 100%;}
.service-box .service-box-img { padding: 0;}
.service-box .service-box-content { position: relative; padding: 20px 15px 70px 15px; background-color: #ffffff; margin-top: -10px; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; 
	-moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;  height: 100%; }
.service-box .service-box-content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #EDE3D3; transform: translateY(100%); 
	transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; 
	-webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); }
.service-box:hover .service-box-content:before { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); 
	-o-transform: translateY(0%); }
.service-box .service-box-content .site-btn { position: absolute; bottom: 20px; left: 15px;}
.service-box .service-box-content .elementor-heading-title { font-size: 18px; font-weight: 600; line-height: 1.3; color: #000000; margin-bottom: 8px; }
.service-box .service-box-content .elementor-widget-text-editor p { font-size: 15px; font-weight: 400; line-height: 1.5; color: rgba(0 0 0 / 50%);}
.service-box .elementor-widget-image img { border-radius: 10px 10px 0 0 ; -webkit-border-radius: 10px 10px 0 0 ; -moz-border-radius: 10px 10px 0 0 ; -ms-border-radius: 10px 10px 0 0 ; -o-border-radius: 10px 10px 0 0 ; }

.block-ellipsis { display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }


.services-list { display: flex; flex-flow: wrap; gap: 60px; }
.services-list .service-item { flex: 0 0 calc(33.33% - 40px); max-width: calc(33.33% - 40px); width: 100%; display: flex; flex-direction: column;}
.services-list .service-item .service-image img { border-radius: 10px 10px 0 0 ; -webkit-border-radius: 10px 10px 0 0 ; -moz-border-radius: 10px 10px 0 0 ; -ms-border-radius: 10px 10px 0 0 ; -o-border-radius: 10px 10px 0 0 ; display: block; height: 220px; width:100%; object-fit: cover; object-position: center; }
.services-list .service-item .service-content { position: relative; padding: 20px 15px 20px 15px; background-color: #ffffff; margin-top: -10px; overflow: hidden; border-radius: 10px; 	
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; 
	height: 100%; align-items: self-start;}
.services-list .service-item .service-content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #EDE3D3; transform: translateY(101%); 
	transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; 
	-webkit-transform: translateY(101%); -moz-transform: translateY(101%); -ms-transform: translateY(101%); -o-transform: translateY(101%); z-index: -1;}
.services-list .service-item:hover .service-content:before { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); 
	-o-transform: translateY(0%); }
.services-list .service-item .service-content h2 { font-size: 18px; font-weight: 600; line-height: 1.3; color: #000000; margin-bottom: 8px; margin-top:0; }
.services-list .service-item .service-content .service-description { margin-bottom: 10px; }
.services-list .service-item .service-content .site-btn { padding: 8px 15px; background-color: var(--primary-color); color: #ffffff; border-radius: 7px; border: 1px solid #5D3625; 
	transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out;
    font-size: 16px; font-weight: 600; line-height: 1; min-width: 150px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 7px;
    -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; }
.services-list .service-item .service-content .site-btn:hover {  background-color: transparent; color: #5D3625; }
/*====================================
 Counter Section
 =====================================*/
.counter-wrap { display: flex; align-items: center; gap: 20px; }
.counter-wrap .counter-box { flex: 0 0 calc(25%  - 15px); max-width: calc(25% - 15px); width: 100%;  background-color: #ffffff; box-shadow: 0 5px 30px 0 rgba(0 0 0 / 10%); display: flex; 
	align-items: center; gap: 10px; flex-direction: row !important; min-height: 110px; padding: 10px; }
.counter-wrap .counter-box .elementor-counter { align-items: flex-start; gap: 4px; }
.counter-wrap .counter-box .elementor-counter .elementor-counter-number-wrapper { font-size: 28px; color: var(--primary-color); font-weight: 600; }
.counter-wrap .counter-box .elementor-counter .elementor-counter-title { font-size: 16px; color: #A66953; font-weight: 400; line-height: 1.5;}

/*====================================
 Path way section
 =====================================*/
.pathway-wrapper {  counter-reset: myCounter; }
.pathway-wrapper .pathway-box { max-width:245px; margin-top:20px; }
.pathway-wrapper .pathway-box .elementor-image-box-img { position: relative;}
.pathway-wrapper .pathway-box .elementor-image-box-img img { border: 4px solid rgb(166 105 83 / 16%); box-shadow: 0 5px 30px 0 rgba(0 0 0 / 10%); border-radius: 50%; -webkit-border-radius: 50%; 
	-moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;  }
.pathway-wrapper .pathway-box .elementor-image-box-img:before{content:"0"counter(myCounter);counter-increment:myCounter;position:absolute;top:10px;right:10px;font-size:20px; font-weight: 600; 
	color:#ffffff;width:47px;height:47px;background-color:#A66953;border-radius:50%;display:flex;align-items:center;justify-content:center; outline: 5px solid rgb(166 105 83 / 35%);}
.pathway-wrapper .pathway-box .elementor-image-box-content .elementor-image-box-title { font-size: 25px; font-weight: 600; line-height: 1.3; color: #000000; }
.pathway-wrapper .pathway-box .elementor-image-box-content .elementor-image-box-description { color: rgba(0 0 0 / 70%);}

.pathway-wrapper .slick-list { margin: 0 -25px; }
.pathway-wrapper .slick-slide { margin: 0 25px; }  

.pathway-wrapper .slick-arrow {  margin-top: 20px; font-size: 0; width: 47px; height: 47px; background-color: #A66953; background-size: 16px 16px; background-position: center; border-radius: 50%;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 0; box-shadow: 0 4px 12px 0 rgba(63 28 20 / 22%); position: absolute; top: auto;
	transform: translateX(-50%); z-index: 1; left: calc(50% - 25px); bottom: -60px;} 
.pathway-wrapper .slick-arrow:hover { background-color: var(--primary-color); }
.pathway-wrapper .slick-arrow.slick-prev { background-image: url("images/tm-arrow-left.svg"); background-repeat: no-repeat; }
.pathway-wrapper .slick-arrow.slick-next {  background-image: url("images/tm-arrow-right.svg"); background-repeat: no-repeat; left: calc(50% + 25px); }

.pathway-wrapper .slick-slide > div { text-align:center; }
 /*====================================
 Why Choose Section
 =====================================*/ 
.whychoose-box .elementor-icon-box-icon { margin-right: 10px; top: 3px; position: relative; }
.whychoose-box .elementor-icon-box-content { padding-left: 0px; text-align: left;}
.whychoose-box .elementor-icon-box-content .elementor-icon-box-title {  font-size: 18px; font-weight: 600; line-height: 1.5; color: #A66953; margin-bottom: 10px; margin-top: 0;}
.whychoose-box .elementor-icon-box-content .elementor-icon-box-description { font-size: 14px; font-weight: 400; line-height: 1.5; color: rgba(0 0 0 / 80%); }

/*====================================
 Team Section
 =====================================*/ 
.team-wrapper { flex-flow:wrap; }
.team-wrapper .team-box { flex: 0 0 calc(33.33% - 26.66px); max-width: calc(33.33% - 26.66px) ; width: 100%; box-shadow: 0 5px 30px 0 rgba(0 0 0 / 10%); border-radius: 10px; 
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; background-color: #ffffff;}
.team-wrapper .team-box .team-box-content { background-color: #ffffff; padding: 9px 15px 9px 15px; display: flex; justify-content: space-between; flex-direction: row; gap: 10px; }
.team-wrapper .team-box .team-box-content .elementor-icon-box-content { text-align: left;}
.team-wrapper .team-box .team-box-content .elementor-icon-box-content .elementor-icon-box-title { font-size: 20px; font-weight: 400; line-height: 1.5; color: #000000; margin: 0; margin-bottom: 5px; 
	padding-right: 80px;}
.team-wrapper .team-box .team-box-content .elementor-icon-box-content .elementor-icon-box-title a:hover { color: var(--primary-color);}
.team-wrapper .team-box .team-box-content .elementor-icon-box-content .elementor-icon-box-description { font-size: 16px; font-weight: 400; line-height: 1.5; color: rgba(0 0 0 / 50%);}
.team-wrapper .team-box .team-box-content .team-social-icon { margin-top: 5px; position: absolute; right: 20px;}
.team-wrapper .team-box .team-img { padding: 0; position: relative; overflow: hidden;}
.team-wrapper .team-box .team-img:before {position: absolute; top: 50%; left: 50%; display: block; content: ''; width: 0; height: 0; background: rgb(115 52 38 / 50%); border-radius: 50%; 
	-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; z-index: 10; }
.team-wrapper .team-box:hover .team-img:before{ -webkit-animation: circle .75s; animation: circle .75s; }

.team-wrapper .team-box .team-img .team-hover { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center; opacity:0; transform:scale(0); transition:0.3s all ease-in-out; color: #ffffff; z-index: 1; padding: 10px; font-size:14px; }
.team-wrapper .team-box:hover .team-img .team-hover { opacity:1; transform:scale(1);}
@keyframes circle {
  0% { opacity: 1;}
  40% { opacity: 1; }
  100% { width: 200%; height: 200%; opacity: 0; }  
}
.team-wrapper .team-box .team-img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100% ;background: rgb(115 52 38 / 80%); transition: 0.7s all ease-in-out; opacity: 0;}
.team-wrapper .team-box:hover .team-img:after {  opacity: 1;}
/*====================================
 Testimonials Section 
 =====================================*/
.tm-section { position: relative;}
.tm-section:before { inset: 0; }
.tm-section:after { content: ''; position: absolute; top:auto; bottom: 0; right: 0; background-image: url("images/tm-side.png"); background-repeat: no-repeat; width: 131px; height: 195px;}
.tm-item { padding-left: 14px; padding-right: 14px; background-color: transparent;  box-shadow: 0 4px 94px 0 rgba(0 0 0 / 5%); border-radius: 10px; -webkit-border-radius: 10px; 
	-moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.tm-item .tm-content {position: relative; row-gap: 10px; padding: 70px 20px 20px 20px; text-align: center; background-color: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; 
	-moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

.tm-item .elementor-widget-image { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); 
	-ms-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: 1; border: 5px solid var(--primary-color); border-radius: 50%; width: 87px; }
.tm-item .elementor-widget-image img{border:2px solid #ffffff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%; object-fit:cover;
	object-position:center; max-width: 77px; width: 100%;}
.tm-slider .slick-track { padding-top: 40px; }
.tm-slider .slick-arrow{margin-top: 20px; font-size:0;width:47px;height:47px;background-color:#A66953;background-size:16px 16px;background-position:center;border-radius:50%;-webkit-border-radius:50%;
	-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:0;box-shadow:0 4px 12px 0 rgba(63 28 20 / 22%);position:absolute;top:50%;transform:translateY(-50%);z-index:1;}
.tm-slider .slick-arrow:hover { background-color: var(--primary-color);}
.tm-slider .slick-arrow.slick-prev { left: -10px; background-image: url("images/tm-arrow-left.svg"); background-repeat: no-repeat; }
.tm-slider .slick-arrow.slick-next { right: -10px; background-image: url("images/tm-arrow-right.svg") ; background-repeat: no-repeat; }

.tm-item .elementor-heading-title { font-size: 18px; font-weight: 500; line-height: 1.5; color: #000000;}
.tm-item .elementor-widget-text-editor { font-size: 16px; font-weight: 400; line-height: 1.5; color: rgba(0 0 0 / 70%);}

.tm-btn .elementor-button { background-color: #ffffff; color: var(--primary-color); border-color:#ffffff; }
.tm-btn .elementor-button:hover { background-color: #ffffff;  color: var(--primary-color); }
.tm-btn .elementor-button .elementor-button-icon { transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; 
	-ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; position: relative; right: 0; top: 1px;}
.tm-btn .elementor-button .elementor-button-icon svg path { fill:var(--primary-color); }
.tm-btn .elementor-button:hover .elementor-button-icon { right: -10px;}

/*====================================
 Blog Section
 =====================================*/
.recent-posts-grid { display: flex; justify-content: space-between;}
.recent-posts-grid .recent-post-item { flex: 0 0 calc(33.33% - 40px); max-width: calc(33.33% - 40px); width: 100%; box-shadow: 0 5px 30px 0 rgba(0 0 0 / 10%); background-color: #ffffff; 
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; display: flex ; flex-direction: column;}
.recent-posts-grid .recent-post-item .post-thumbnail img { width: 100%; }
.recent-posts-grid .recent-post-item .post-thumbnail a { display: flex; position: relative; overflow: hidden;}
.recent-posts-grid .recent-post-item .post-thumbnail a:before { content: ''; position: absolute; top: 0 ; left: 0; width: 100%; height: 100%; background-color: rgba(115 52 38 / 40%); transform:translateY(100%) ; -webkit-transform:translateY(100%) ; -moz-transform:translateY(100%) ; -ms-transform:translateY(100%) ; -o-transform:translateY(100%) ; transition: 900ms all ease-in-out; 
	-webkit-transition: 900ms all ease-in-out; -moz-transition: 900ms all ease-in-out; -ms-transition: 900ms all ease-in-out; -o-transition: 900ms all ease-in-out; }
.recent-posts-grid .recent-post-item:hover .post-thumbnail a:before { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); 
	-o-transform: translateY(0); }
.recent-posts-grid .recent-post-item .post-item-content { padding: 25px 20px 70px; position: relative; height: 100%; }
.recent-posts-grid .recent-post-item .post-item-content .post-date {position: absolute; top: -20px; left: 20px; padding: 8px 30px; font-size: 16px; font-weight: 500; line-height: 1.5; 
	background-color: var(--primary-color); color: #ffffff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.recent-posts-grid .recent-post-item .post-item-content .post-title { font-size: 20px; font-weight: 700; line-height: 1.5; color: #000000;  min-height: 90px;}
.recent-posts-grid .recent-post-item .post-item-content a.read-more-button{border-top:1px solid rgba(0 0 0 / 20%);width:100%;display:flex;justify-content:space-between; align-items: center; 
	padding-top:10px;margin-top:10px; position: absolute; bottom: 15px; left: 20px; max-width: calc(100% - 40px); }
.recent-posts-grid .recent-post-item .post-item-content a.read-more-button span { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; background-color: #B6B4B4; 
	border-radius: 50%; transition:0.3s all ease-in-out ; -webkit-transition:0.3s all ease-in-out ; -moz-transition:0.3s all ease-in-out ; -ms-transition:0.3s all ease-in-out ; 
	-o-transition:0.3s all ease-in-out ; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.recent-posts-grid .recent-post-item .post-item-content a.read-more-button:hover span { background-color: rgba(115 52 38 / 50%);}
.recent-posts-grid .recent-post-item .post-item-content .post-meta { margin-bottom: 10px;}
.recent-posts-grid .recent-post-item .post-item-content .post-meta .post-author { margin-right: 15px;}
.recent-posts-grid .recent-post-item .post-item-content .post-meta span img { margin-right: 5px;}
.recent-posts-grid .recent-post-item .post-item-content .post-excerpt { color: rgba(0 0 0 / 50%); font-size: 18px; font-weight: 400; line-height: 1.3;}

/*====================================
 GoTop Button
=====================================*/
#totop{ color: #fff; display: none; position: fixed;right: 34px; bottom: 50px; z-index: 999; height: 0; width: 0; font-size: 0; text-align: center; padding-top: 3px; line-height: 34px; 
	transition: .3s ease-in-out;background-color:var(--primary-color); }
#totop.top-visible { height: 40px; width: 40px; font-size: 22px; display: inline; animation: jump 4s infinite;}
@keyframes jump {
  0% { bottom: 20px; } 50% { bottom: 40px; } 100% { bottom: 20px; }
}


/*====================================
 Footer
 =====================================*/
.custom-footer { background-color: #E3D6D4; padding-top: 0; padding-bottom: 0;} 
.custom-footer .footer-inner { flex-direction: column;}

.footer-top { display: flex; gap: 20px; padding: 40px 0;}
.footer-top .footer-widget { flex: 0 0 calc(25% - 15px); max-width: calc(25% - 15px); width: 100%;}
.footer-widget-two { padding-left:50px;}
.footer-about p { margin-top: 15px; margin-bottom: 15px; font-size: 15px; line-height: 1.5; color: rgba(0 0 0 / 70%); font-weight: 400;}
ul.footer-social-icon { list-style: none; display: flex; align-items: center; gap: 14px; padding-left: 0; }
ul.footer-social-icon li a { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background-color: #ffffff; box-shadow: 0px 4px 14px 0px rgba(0 0 0 / 15%); 
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition: 0.3s all ease-in-out; 
	-webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; }
.footer-widget ul.footer-social-icon li a { color:var(--primary-color); font-size: 12px; }
.footer-widget ul.footer-social-icon li a:hover { background-color: var(--primary-color); color: #ffffff;}

.footer-widget .widget-title { font-size: 20px; font-weight: 600; color: var(--primary-color); margin-top: 0;}
.footer-widget ul:not(.footer-social-icon) li { margin-bottom: 8px; }
.footer-widget ul li, 
.footer-widget ul li a { font-size: 15px; color: rgba(0 0 0 / 70%); line-height: 1.5; font-weight: 400;}
.footer-contact li { padding-left: 25px; position: relative;}
.footer-contact li i { position: absolute; left: 0; font-size: 16px; top: 2px; color: var(--primary-color);}
.footer-contact li a:hover { text-decoration: underline;}

/* Footer Menu Underline css */
.footer-widget ul.menu li a{background-image:linear-gradient(var(--primary-color),var(--primary-color));background-size:0% 1px;background-position-x:right;background-position-y:bottom;
	transition:0.3s background-size ease-in-out;background-repeat:no-repeat;}
.footer-widget ul.menu li a:hover{background-size:100% 1px;background-position-x:left;}

.copyright-area { padding-top: 22px; padding-bottom: 22px; border-top: 1px solid #5D3625;}
.footer-bottom { display: flex; align-items: center; justify-content: space-between;}
.footer-bottom .copyright-area--right ul {  display: flex; align-items: center; gap: 20px;}
.copyright-area--right ul li a:hover { text-decoration: underline;}


/*====================================
 About Page
=====================================*/
.page-banner{ position: relative;}
.page-banner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Page Title */
.page-title h1.elementor-heading-title { font-size: 44px; font-weight: 700; color: #5d3625; line-height: 1.2;  text-align:center;}
.breadcrumbs { font-size: 14px; display: flex; align-items: center; gap: 5px; }
.breadcrumbs a { text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs span { color: #555; }
.breadcrumbs i { margin: 0 5px; color: #5d3625; font-size: 8px; }

.bento-wrapper .e-con-inner { flex-flow: wrap;}
.bento-box { background-color: #FCF7F4; padding: 30px; border-radius: 20px; }
.bento-box:nth-child(1) { flex: 0 0 calc(60% - 10px); max-width: calc(60% - 10px); width: 100%;}
.bento-box:nth-child(2) { flex: 0 0 calc(40% - 10px); max-width: calc(40% - 10px); width: 100%; margin-left: 0;}
.bento-box:nth-child(3) { flex: 0 0 100%; max-width: 100%; width: 100%;}

.owner-iconbox .elementor-image-box-wrapper { gap: 10px;}
.owner-iconbox .elementor-image-box-wrapper figure { display: flex; align-items: center; max-width: 60px;}
.owner-iconbox .elementor-image-box-wrapper figure img {outline-offset: 3px; outline: 1px solid var(--primary-color); border-radius: 50%;}
.owner-iconbox .elementor-image-box-content .elementor-image-box-title { font-size: 20px; margin-bottom: 0; margin-top: 0; }
.owner-iconbox .elementor-image-box-content .elementor-image-box-description { font-size: 14px;}
.owner-sign { max-width: 100px;}

.blob-img-shape img { border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%; width: 500px; max-height: 500px; animation: morph 10s linear infinite alternate; object-fit: cover; object-position: top;  
	padding: 0px 0px 10px 20px; background-color: transparent; background-image: linear-gradient(45deg, var(--primary-color) 0%, #FFFFFF 100%); }
@keyframes morph {
  0% { border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%; }
  100% { border-radius: 40% 60%; }
}

/* CTA */
.site-btn.consult-btn .elementor-button { background-color: #ffffff; color: var(--primary-color); min-width: 230px; min-height: 60px; font-size: 18px; }
.site-btn.consult-btn:hover .elementor-button { background-color: #e3d6d4;}

/*====================================
 About Page 2
=====================================*/
.vision-wrapper .e-con-inner { gap: 20px !important; }
.vision-box2:nth-child(2) { margin-left: 100px; }
.vision-box2 { max-width: calc(100% - 100px);  }
.vision-box2 { background-color: #FCF7F4; padding: 30px; border-radius: 20px; }


.bullet-list li{ padding-left: 15px; position: relative; font-size: 16px; color: rgba(0 0 0 / 70%); line-height: 1.5; }
.bullet-list li:not(:last-child) { margin-bottom: 10px; }
.bullet-list li:before { content: ''; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; border-radius: 50%; 
	background-color: var(--primary-color); outline-offset: 2px; outline: 1px solid var(--primary-color);} 


.department-box { background-color: var(--primary-color); padding: 20px 30px; border-radius: 20px; color: #ffffff; }
.department-box .elementor-icon-box-wrapper { align-items: center !important;}
.department-box .elementor-icon-box-icon { fill: #fcf7f4; }

.department-box .elementor-icon-box-icon { width: 60px; height: 60px; background-color: #fcf7f4; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.department-box .elementor-icon-box-icon svg { width: 40px; }
.department-box .elementor-icon-box-title { font-size: 20px; line-height: 1.3; font-weight: 500; margin-top: 0; margin-bottom: 5px; }
.department-box .elementor-icon-box-description { font-size: 16px; font-weight: 300; line-height: 1.5; }
.department-box:nth-child(2) { margin-left: 50px; }

.featured-img.elementor-element img { border-radius: 20px; width:100%; }

/* CTA Section 
=============================*/
/* .cta-section { position: relative; overflow: hidden; } */
.cta-section:before { width:100%; height:100%; position: absolute; top: 0; left: 0; }
.cta-section .cta-title .elementor-heading-title { margin: 0; font-size: 40px; font-weight: 700; line-height: 1.1; color: #e3d6d4;}
.cta-section .elementor-icon-box-title { margin: 0;}
.cta-section .elementor-widget-icon-box .elementor-icon { width: 50px; height: 50px; background-color: transparent;border-radius: 50%; display: flex; align-items: center; justify-content: center;  
	position: relative; background-image: linear-gradient(180deg, var(--primary-color) 0%, #fcf7f4 100%); }
.cta-section .elementor-widget-icon-box .elementor-icon svg path { fill: var(--primary-color);}
.cta-section .elementor-widget-icon-box .elementor-icon:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; 
	width: 55px; height: 55px; background-color: #E3D6D4; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; }

@keyframes pulse-border {
  0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; }
  100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; }  
}

.cta-section .elementor-widget-icon-box .elementor-icon-box-wrapper { flex-direction: row; }
.cta-section .elementor-widget-icon-box .elementor-icon-box-icon {margin-right: 30px;}
.cta-section .elementor-widget-icon-box .elementor-icon-box-content { display: flex ; flex-direction: column-reverse; }
.cta-section .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title a { font-size: 24px; font-weight: 600; color: #ffffff;}
.cta-section .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description { font-size: 18px; font-weight: 400; color: #ffffff;}

.cta-section .cta-right .elementor-widget-image img { position: relative; top: 10px; max-width: 70px; margin-right: 50px;}


/*====================================
 Service Page
=====================================*/

.service-content-box { background-color: #FCF7F4; padding: 30px; border-radius: 20px; }
.service-content-box .elementor-icon-box-title,
.vision-box2 .elementor-icon-box-title,
.bento-box .elementor-icon-box-title{ font-size: 22px; color: var(--primary-color); }
.service-content-box .elementor-icon-box-content ul li,
.service-content-box .elementor-icon-box-content .elementor-icon-box-description { padding-left: 15px; position: relative; font-size: 16px; color: rgba(0 0 0 / 70%);}
.service-content-box .elementor-icon-box-content ul li:before { content: ''; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; border-radius: 50%; 
	background-color: var(--primary-color); outline-offset: 2px; outline: 1px solid var(--primary-color);}
.service-content-box:has(p) p:not(.elementor-icon-box-description) { margin-top: 10px; margin-bottom: 0; }
p:empty { margin: 0 !important; }

.sidebar-services { padding: 20px; background-color: #5d3625; color: #ffffff; border-radius: 10px; position: sticky; top: 100px; overflow:hidden; }
.sidebar-services:before { content: ''; position: absolute; bottom: -70px; right: -70px; width: 250px; height: 250px; background-color: rgba(255 255 255 / 10%); border-radius: 50%; top: auto; 
	left: auto; }
.sidebar-services ul li a { padding: 10px 0; color: #ffffff; display:block; transition:0.5s all ease-in-out; }
.sidebar-services ul li.current-menu-item a, 
.sidebar-services ul li a:hover { background-color: #FCF7F4; color: var(--primary-color); border-radius: 5px; padding-left: 20px; }

/*====================================
 Contact Page
=====================================*/
.contact-box:not(:last-child) { padding-bottom:30px; margin-bottom: 10px !important; border-bottom:1px solid var(--primary-color);}
.contact-box .elementor-icon-box-icon a { padding: 12px; font-size: 16px; background-color: var(--primary-color); outline-offset: 3px; outline: 1px solid var(--primary-color); }
.contact-box .elementor-icon-box-content .elementor-icon-box-title { margin:0; font-size: 20px; color:rgba(0 0 0 / 60%); }

.form-row { display: flex; justify-content: space-between; flex-flow:wrap; gap:20px;}
.form-row p { width:100%; }
.form-row .form-col { flex:0 0 calc(50% - 10px); max-width:calc(50% - 10px); width:100%; }

.contact-form .wpcf7-form-control:not([type=submit], [type=file]) { border: 1px solid #FCF7F4; background-color: #FCF7F4; min-height: 60px; border-radius: 7px; }
.contact-form .wpcf7-form-control::placeholder { font-size: 18px; color: rgba(0 0 0 / 60%); }
.contact-form .wpcf7-form-control:focus:not([type=submit], [type=file]) { border-color:var(--primary-color); }
.contact-form .wpcf7-form-control:focus-visible:not([type=submit], [type=file]) { outline:0; }
.contact-form .wpcf7-form-control.wpcf7-submit {padding: 8px 15px; background-color: var(--primary-color); color: #ffffff; border-radius: 7px; border: 1px solid #5D3625; 
	transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out;
    font-size: 16px; font-weight: 600; line-height: 1; min-width: 150px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 7px;
    -moz-border-radius: 7px; -ms-border-radius: 7px; }
.contact-form .wpcf7-form-control.wpcf7-submit:hover { background-color: transparent; color: #5D3625; }
.contact-form .wpcf7-form-control.wpcf7-not-valid { border-color:#dc3232; }
.contact-form .wpcf7-not-valid-tip { display:none; }

.wpcf7 form .wpcf7-response-output { padding: 15px; border-radius: 7px; }
.wpcf7 form.invalid .wpcf7-response-output { background-color: rgb(255 185 0 / 20%); }
.wpcf7 form.sent .wpcf7-response-output { background-color: rgb(70 180 80 / 20%);}

/*====================================
 Blog Listing
=====================================*/
.blog-listing .post-excerpt { display:none; }

/*====================================
 Blog Detail Page
=====================================*/
#content.post { padding: 30px 20px; }

/* comments-area 
-----------------------------*/
#content.post .page-header { position: relative; text-align:center; }
#content.post .page-header .entry-title { color:var(--primary-color); }
#content.post .post-meta { display: flex; gap: 20px; justify-content: center; margin-bottom: 20px; }

#content.post .post-thumbnail { margin-bottom:30px; }
#content.post .wp-post-image { border-radius: 10px;  }
#content.post .post-meta i { color: var(--primary-color); margin-right:5px; }

#comments { margin-top:50px; }
#comments .comment-meta { flex-direction: column !important; gap: 5px; flex-flow: wrap;}
#comments .comment-list li.comment { padding:0 30px; background-color: #fcf7f4; margin-bottom: 20px; border-bottom: 0; border-radius: 10px;}
#comments .comment-list li.comment .comment-body { border-bottom: 0 !important; }
#comments .comment-list li.comment .avatar { left: 30px; }
#comments .comment-list li.comment.odd { margin-left: 100px; }
#comments .comment-list li.comment.even { max-width: calc(100% - 100px); }

.comment-reply-title { font-size: 28px; color: var(--primary-color); font-weight: 600; }
.comment-respond { background-color: #FCF7F4; padding: 20px; border-radius: 10px; }
.comments-area p label { margin-bottom: 5px; color: #666666; }
.comments-area p.comment-form-author { float: left; width: 50%; padding-right: 25px;  }
.comments-area p.comment-form-email { float: left; width: 50%; }
.comments-area p.comment-form-url { clear: both; }
.comments-area p.comment-form-comment textarea { width: 100%; height: 160px; padding: 15px 20px; background-color: #fff; border: 1px solid rgba(230, 226, 226, .6117647059); border-radius: 5px; 
	outline: none; }
.comments-area p input { outline: 0; border-radius: 5px; padding: 15px 20px; background-color: #fff; border: 1px solid rgba(230, 226, 226, .6117647059); }
.comments-area p.comment-form-comment textarea:focus, 
.comments-area p input:focus { border-color:var(--primary-color); }
.comments-area .form-submit input[type=submit]{ padding: 8px 15px; background-color: var(--primary-color); color: #ffffff; border-radius: 7px; border: 1px solid #5D3625; 
	transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out;
    font-size: 16px; font-weight: 600; line-height: 1; min-width: 150px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 7px;
    -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; }
.comments-area .form-submit { margin-top:30px; }
.comments-area .form-submit input[type=submit]:hover { background-color: transparent; color: #5D3625; }

.contactform .wpcf7-form {display: flex; flex-direction: column; row-gap: 20px;}
.contactform .wpcf7-form .control-group p { margin: 0;}
.contactform .wpcf7-form .control-group label {width: 100%; color: #fff; margin-bottom: 10px;}
.contactform .wpcf7-form .control-group input{outline:none !important; border:none !important; height: 44px;}
.contactform .wpcf7-form .control-group input::focus{border:none !important}
input[type=text]:focus, input[type=email]:focus{border:none !important}
.contactform .wpcf7-form .control-group.checkbox span.wpcf7-list-item {margin: 0;}
.contactform .wpcf7-form .control-group.checkbox span.wpcf7-list-item .wpcf7-list-item-label {line-height: 25px; font-size: 16px;}
.contactform .wpcf7-form .control-group.checkbox span.wpcf7-list-item input[type="checkbox"] { width: 16px;  height: 16px; margin-right: 10px; margin-top: 4px; display: inline-block;  vertical-align: middle; margin-bottom: 6px;}
.contactform .wpcf7-form .control-group.checkbox label { margin: 0;}
.contactform .wpcf7-form .form-action p {margin-bottom: 5px;}
.contactform .wpcf7-form .form-action span.wpcf7-spinner {display: none;}
.contactform .wpcf7-form .form-action input {width: 100%; background: #ffcb06; color: #3b237b; border: 2px solid #ffcb06; border-radius: 5px; font-weight: 700; font-size: 18px;}
.contactform .wpcf7-form .form-action input:hover{background:transparent; color:#ffcb06;}

/*====================================
 Responsive CSS
=====================================*/
@media only screen and (max-width:1200px) {
  .site-header .header-inner, 
  .site-footer .footer-inner {max-width:min(100%, 1140px); padding-left: 20px; padding-right: 20px;}

}

@media only screen and (max-width:1169px) {
	.cta-section .cta-title .elementor-heading-title { font-size: 34px; line-height: 1.3;}
	.menu .menu-btn a { margin-left: 50px; }
}
@media only screen and (max-width:1024px) {
	.footer-top { flex-flow: wrap; row-gap: 50px; }
    .footer-top .footer-widget { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }
	.footer-widget-two { padding-left: 0px; }
	.team-wrapper { gap:20px flex-flow:wrap; justify-content:center !important; }
/* 	.team-wrapper .team-box { flex: 0 0 calc(33.33% - 13.33px); max-width: calc(33.33% - 13.33px); } */
	.team-wrapper .team-box .team-box-content { flex-direction: column; flex: 1; padding-bottom: 55px;}
	.team-wrapper .team-box .team-box-content .team-social-icon {  margin-top: 0px; right: auto; left: 50%; transform: translateX(-50%); bottom: 10px; }
	.team-wrapper .team-box .team-box-content .elementor-icon-box-content .elementor-icon-box-title { padding-right: 0; font-size: 18px; }	
	
	.team-wrapper .team-box { flex: 0 0 100%; max-width: 340px; }
}
@media only screen and (max-width:992px) { 
    .site-navigation-toggle-holder { padding-right: 0;}
    .site-navigation-dropdown ul.menu li.current-menu-item a { background: var(--primary-color); }
    .site-navigation-dropdown ul.menu li.menu-btn { text-align: center;  padding: 10px; }
    .site-navigation-dropdown ul.menu li.menu-btn a { background-color: #5D3625; padding: 8px 15px;  color: #ffffff; margin-top: 5px; margin-top: 5px; }
    .site-navigation-dropdown ul.menu li.menu-btn a:hover { background-color: transparent; color: #5D3625;}
    .menu .menu-btn a { margin-left: 0; display: inline-block !important;}
	
	.site-navigation-dropdown ul.menu { min-height: calc(100vh - 140px); overflow: auto; height: 100%; }
	header.is-sticky .site-navigation-dropdown ul.menu { min-height: calc(100vh - 85px); }

    .iconbox-four-wrapper { flex-flow: wrap !important;}
    .iconbox-four{max-width:calc(50% - 10px);width:100%;flex:0 0 calc(50% - 10px);}

    .about-image{max-width:530px; }

    .service-box-wrapper.elementor-element { gap: 20px; }
    .service-box-wrapper .service-box.elementor-element { flex: 0 0 calc(33.33% - 13.33px ); max-width: calc(33.33% - 13.33px); }
	
	.services-list { gap: 20px; }
	.services-list .service-item { flex: 0 0 calc(33.33% - 13.33px ); max-width: calc(33.33% - 13.33px); }

    .counter-wrap { flex-flow: wrap !important;}
    .counter-wrap .counter-box { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); padding: 10px; justify-content: flex-start; gap: 20px; }

    .pathway-wrapper { gap: 20px !important; }
    .pathway-wrapper .pathway-box .elementor-image-box-img:before { font-size: 16px; width: 35px; height: 35px; top: 5px; right: 5px; }
    .pathway-wrapper .pathway-box .elementor-image-box-content .elementor-image-box-title { font-size: 20px; margin-top: 0;}
    .pathway-wrapper .pathway-box .elementor-image-box-img { max-width: 245px; }
    
    .recent-posts-grid .recent-post-item { flex: 0 0 calc(33.33% - 13.33px); max-width: calc(33.33% - 13.33px); }
    .recent-posts-grid .recent-post-item .post-item-content .post-title { font-size: 17px; font-weight: 600; line-height: 1.3; }
    .recent-posts-grid .recent-post-item .post-item-content .post-meta a {  font-size: 14px; }
    .recent-posts-grid .recent-post-item .post-item-content .post-meta span img { width: 14px; }
    .recent-posts-grid .recent-post-item .post-item-content .post-excerpt { font-size: 16px; }
    
	.cta-section .cta-right .elementor-widget-image { display:none; }

}

@media only screen and (max-width:767px) {
	.page-banner { min-height: 180px; }
	.page-banner.e-con.e-flex>.e-con-inner { justify-content: center;  padding: 20px 0;}
    .topbar .topbar-wrapper .topbar-col.topbar-right ul { gap: 10px; }

    .service-box-wrapper .service-box.elementor-element { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px);}
    .service-box .service-box-content .elementor-heading-title { font-size: 16px; }
    .service-box .service-box-content { height: auto; }
	
	.services-list .service-item { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px);}
	.services-list .service-item .service-content h2 { font-size: 16px; }
    
    

    .recent-posts-grid { flex-flow: wrap; gap: 20px;  }
    .recent-posts-grid .recent-post-item { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); }
    .recent-posts-grid .recent-post-item .post-item-content .post-title { min-height: auto; }

    .copyright-area { padding-top: 10px; padding-bottom: 10px; }
    .footer-bottom { justify-content: center; flex-flow: wrap; gap: 10px; }
    
	.contact-box .elementor-icon-box-wrapper { align-items:center; }
	.form-row { gap: 0px; }
	.form-row .form-col { flex: 0 0 100%; max-width: 100%; }
	.cta-section .cta-right { justify-content:flex-start; }
	.cta-section .cta-right .elementor-icon-box-wrapper { display:flex !important; align-items:center; flex-direction:row !important; }
	.cta-section .cta-right .elementor-icon-box-wrapper .elementor-icon-box-icon { margin-bottom:0; margin-right:20px; }
	
	.owner-iconbox .elementor-image-box-wrapper { gap: 10px; display: flex; flex-direction: column; }
	.owner-wrapper { flex-direction: column !important; }
	
	.bento-box:nth-child(1), 
	.bento-box:nth-child(2) { flex: 0 0 100%; max-width: 100%;}
	.department-box:nth-child(2) { margin-left: 0px; }
	.side-bar { display:none; }
	#content.post .page-header .entry-title { font-size: 30px; }
	.comments-area p.comment-form-author { float: none; width: 100%; padding-right: 0; }
	.comments-area p.comment-form-email { float: none; width: 100%; }
	#comments .comment-list li.comment.even { max-width: calc(100% - 50px); }
	#comments .comment-list li.comment.odd { margin-left: 50px; }
	
}
@media only screen and (max-width:639px) {
    .topbar.site-header { padding: 5px 0; }     
    .topbar .topbar-wrapper { flex-flow: wrap; gap: 5px;     justify-content: center;}
    .topbar .topbar-right ul li:first-child a { display: flex;}
    .topbar .topbar-right ul li:first-child img { width: 20px; }

    .banner-title .elementor-heading-title { font-size: 30px; }

    .iconbox-four{max-width:100%;width:100%;flex:0 0 100%;}
    .counter-wrap .counter-box { flex: 0 0 100%; max-width: 100%; }
	
	.cta-section .cta-title .elementor-heading-title { font-size: 28px; }
	
}
@media only screen and (max-width:575px) {
    .recent-posts-grid .recent-post-item { flex: 0 0 100%; max-width: 100%; }

    .tm-item .tm-content { background-position: 50% -20px; }
    
    .recent-posts-grid .recent-post-item .post-item-content .post-date { font-size: 14px; }

    .footer-top { row-gap: 20px; }
    .footer-top .footer-widget { flex: 0 0 100% !important; max-width: 100%; }
	
}
@media only screen and (max-width:479px) {	
	.page-title h1.elementor-heading-title { font-size: 34px; }
    .topbar .topbar-wrapper .topbar-col ul { gap: 5px; flex-flow: wrap; justify-content: center;}
    .icon-box .elementor-image-box-title { margin-top: 0; }
    .site-title .elementor-heading-title { font-size: 24px; }

    .service-box-wrapper .service-box.elementor-element { flex: 0 0 100%; max-width: 100%; }
	.services-list .service-item { flex: 0 0 100%; max-width: 100%; }

    .tm-item .tm-content { background-position: 50% 0px; padding: 60px 20px 20px 20px; }
    .elementor-element.tm-item { padding: 5px;}
    .tm-section:after { width: 131px; height: 155px; }

    .footer-bottom .copyright-area--left .textwidget { text-align: center;}
	
	.contact-box:not(:last-child) { padding-bottom: 20px; margin-bottom: 0px !important; }
	.contact-box .elementor-icon-box-content .elementor-icon-box-title { font-size: 18px; }
	.cta-section .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description { font-size: 16px; }
	.cta-section .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title a { font-size: 20px; }

	
}