:root {
	--bs-gutter-x: 1.875rem;
	--container-gutters: 1.875rem;
	--white-color: #FFF;
	--white-color-rgb: 255, 255, 255;
	--offwhite-color: #EEF1F4;
}

@media (max-width: 1199.98px) {
	:root {
		--bs-gutter-x: 1.25rem;
		--container-gutters: 1.25rem;
	}
	
	.header-layout1 .menu-area {
		padding-inline: 0 !important;
	}
	.menu-wrapp .row .col-lg-9 {
		width: auto !important;
	}
}

@media (min-width: 1200px) {
	.th-container2 {
		padding-inline: 2.5rem;
	}
	.header-layout1 .menu-area {
		padding-inline: 0;
	}
}

.header-info-title, .header-info-item {
	width: 100%;
	max-width: 270px;
}
.header-layout1 .menu-area .menu-wrapp {
	background-color: var(--offwhite-color) !important;
}
.sticky-wrapper.sticky .menu-area,
.sticky-wrappers.sticky .menu-area {
	box-shadow: rgba(9, 30, 66, 0.15) 0px 8px 12px 0px, rgba(9, 30, 66, 0.31) 0px 0px 0px 0px !important;
}
.header-layout1 .sticky-wrapper.sticky .menu-area .menu-wrapp,
.header-layout1 .sticky-wrappers.sticky .menu-area .menu-wrapp {
	background-color: transparent !important;
}

.main-menu li.active a, .main-menu li a.active {
	color: var(--primary) !important;
}
.main-menu > ul > li.active > a, .main-menu > ul > li > a.active,
.main-menu > ul > li.active > a:hover, .main-menu > ul > li > a.active:hover {
	color: var(--primary) !important;
}

.sidemenu-wrapper .widget .th-social a {
	color: var(--white-color);
}

.sidebar-widget .form-control, 
.captcha-block .form-control {
	border: 1px solid #D3DBE2;
}
.sidebar-widget .form-control:focus,
.captcha-block .form-control:focus {
	border-color: var(--theme-color);
	box-shadow: 0 0 0 3px var(--rgba-primary-2);
}

.blog-details-area .sticky-top {
	top: 130px;
}

.sticky-wrappers.sticky {
	top: 0;
	right: 0;
	left: 0;
	position: fixed;
	background-color: var(--white-color);
	-webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
	filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
	-webkit-animation: stickyAni 0.4s ease-in-out;
	animation: stickyAni 0.4s ease-in-out
}
.sticky-wrappers.sticky .menu-area {
    background-color: var(--th-body-background);
    padding: 0.75rem 0;
}

@media (max-width: 1199.98px) {
	.sticky-wrappers.sticky .menu-area {
		padding-block: 0.125rem !important;
	}
}

@media (max-width: 767.98px) {
	.img1, .img2 {
		width: 100%;
		max-width: 400px !important;
	}
}