/*
Theme Name: The Sanmar Group Theme
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.1729169070
Updated: 2024-10-17 12:44:30

*/

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Sora", sans-serif;
}
.header-menu ul.main-menu-class{
	display: flex;
	list-style-type: none;
	margin: 0;
	padding: 0;
	justify-content: space-between;
}
.main-mobile-menu-class{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.header-menu .main-menu-class li{
	display: flex;
	align-items: center;
}

.header-menu .main-menu-class li a,.main-mobile-menu-class li a{
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-decoration: none;
	padding: 30px 10px;
	border:none;
	white-space: nowrap;
}
.header-menu .sub-menu-class li a{
	background-color: #F6F6F6;
	border-bottom: 1px solid #DED9D9;
	padding:15px 25px;
	position:relative;
	text-wrap: initial;
}
.main-mobile-menu-class li a{
	padding: 5px 15px;
}
.header-mobile-menu{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.navsidebar-toggler{
	width: 40px;
	padding: 10px;
	border:none;
}
.community-post a{
	color: #000;
	text-decoration:none;
}
.navsidebar-toggler:hover,.navsidebar-toggler:focus{
	color: #fff;
	background-color: transparent !important;
	text-decoration: none;
	border:none;
}
.navsidebar-toggler:focus-visible {
	outline: -webkit-focus-ring-color auto 0px;
	border:none;
}

.logo img{
	width: 100%;
	height: 50px;
}
.menu-item{
	position: relative;
}
/* Hide sub-menus by default */
.sub-menu-class {
	display: none;
	width:300px;
	list-style-type: none;
	position: absolute; /* Position it under the parent */
	top: 81px;
	right: 0px;
	background: #fff; /* Background color for sub-menu */
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); /* Add shadow */
	padding: 0px;      /* Make it invisible */
	z-index:100;
}
.sub-menu-class.level-2{
	top:0px;
	right:-300px;
}
.sub-menu-class li a{
	width: 100%;
}

/* Optional: Style the parent item to indicate it has a sub-menu */
.menu-item:hover > a {
	background-color: #0072BB;
	color: #ffffff !important;
}
.sub-menu-class li:hover a{
	background-color: #0072BB;
	color: #ffffff !important;
}
.offcanvas-header{
	display: flex;
	justify-content: flex-end !important;
}
[type=button]:hover,
[type=button]:focus{
	background-color: transparent;
	box-shadow: none;
}
.btn-close:focus {
	box-shadow: none !important;
}
.main-mobile-menu-class li a{
	display: flex;
	width: 100%;
}
#site-footer{
	background-color: #001A2B;
	padding: 0px 60px;
	font-family: "Barlow", sans-serif;
}
.footerMenu{
	padding-block: 45px;
}
#site-footer ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
#site-footer ul li{
	color:#fff;
	font-family: "Barlow", sans-serif;
	list-style-type: none;
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
}
.copyrightText{
	font-family: 'Barlow', sans-serif;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
}
.copyrightFooter{
	border-top: 1px solid #707070;
	padding-block: 18px;
}
.footerMenuTitle{
	color:#73C8FF;
	font-size: 22px;
	font-weight: 500;
	line-height: 28px;
	margin-bottom: 20px;
}
.footerMenu img{
	width:18px;
	height:18px;
}
.footerMenu .contact div, .footerMenu .contact a{
	font-size: 18px;
	font-family: "Barlow", sans-serif;
	font-weight: 300;
	line-height: 28px;
}
.footerMenu .contact a{
	text-decoration:none;
	color: #fff;
}

@media (max-width:1200px){
	.sub-menu-class {
		display: flex !important;
		position: relative;
		top: 0px;
		left: 10px;
		box-shadow: none;
		flex-direction: column;
		gap:10px;
	}
	#site-footer ul{
		margin-bottom: 40px;
	}
	#site-footer{
		padding: 0px 10px;
	}
}

@media (max-width:767px){
	.copyrightText{
		text-align: center;
	}
	.copyrightFooter img{
		margin-bottom: 20px !important;
	}
}
/* elementor custom css */
.elementor-kit-11 {
	--e-global-color-primary: #000000;
	--e-global-color-secondary: #000000;
	--e-global-color-text: #000000;
	--e-global-color-accent: #0072BB;
	--e-global-color-3274bb9: #F5F5F5;
	--e-global-color-1cc8cbc: #0072BB;
	--e-global-color-5e6ed4e: #0000004A;
	--e-global-color-78e6481: #FFFFFF;
	--e-global-color-94fbdb1: #70C7FF;
	--e-global-color-fa46e76: #EEEEEE;
	--e-global-typography-primary-font-family: "Sora";
	--e-global-typography-primary-font-weight: 600;
	--e-global-typography-secondary-font-family: "Sora";
	--e-global-typography-secondary-font-weight: 400;
	--e-global-typography-text-font-family: "Sora";
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: "Sora";
	--e-global-typography-accent-font-weight: 500;
	--e-global-typography-1ab70ab-font-family: "Sora";
	--e-global-typography-1ab70ab-font-size: 60px;
	--e-global-typography-1ab70ab-font-weight: 700;
	--e-global-typography-1ab70ab-line-height: 75px;
	--e-global-typography-c217560-font-family: "Sora";
	--e-global-typography-c217560-font-size: 50px;
	--e-global-typography-c217560-font-weight: 700;
	--e-global-typography-c217560-line-height: 64px;
	--e-global-typography-001be59-font-family: "Sora";
	--e-global-typography-001be59-font-size: 28px;
	--e-global-typography-001be59-font-weight: 400;
	--e-global-typography-001be59-line-height: 35px;
	--e-global-typography-bce8528-font-family: "Sora";
	--e-global-typography-bce8528-font-size: 24px;
	--e-global-typography-bce8528-font-weight: 400;
	--e-global-typography-bce8528-line-height: 30px;
	--e-global-typography-66516b3-font-family: "Sora";
	--e-global-typography-66516b3-font-size: 22px;
	--e-global-typography-66516b3-font-weight: 400;
	--e-global-typography-66516b3-line-height: 28px;
	--e-global-typography-99ea456-font-family: "Sora";
	--e-global-typography-99ea456-font-size: 20px;
	--e-global-typography-99ea456-font-weight: 400;
	--e-global-typography-99ea456-line-height: 25px;
	--e-global-typography-e19926a-font-family: "Sora";
	--e-global-typography-e19926a-font-size: 18px;
	--e-global-typography-e19926a-font-weight: 600;
	--e-global-typography-e19926a-line-height: 24px;
	--e-global-typography-811382a-font-family: "Sora";
	--e-global-typography-811382a-font-size: 18px;
	--e-global-typography-811382a-font-weight: 400;
	--e-global-typography-811382a-line-height: 24px;
	--e-global-typography-42c4b6b-font-family: "Sora";
	--e-global-typography-42c4b6b-font-size: 16px;
	--e-global-typography-42c4b6b-font-weight: 400;
	--e-global-typography-42c4b6b-line-height: 26px;
	--e-global-typography-66a41c0-font-family: "Sora";
	--e-global-typography-66a41c0-font-size: 16px;
	--e-global-typography-66a41c0-font-weight: 300;
	--e-global-typography-66a41c0-line-height: 22px;
	--e-global-typography-d39c9f1-font-family: "Sora";
	--e-global-typography-d39c9f1-font-size: 14px;
	--e-global-typography-d39c9f1-font-weight: 300;
	--e-global-typography-d39c9f1-line-height: 24px;
	--e-global-typography-cc3ed49-font-family: "Barlow";
	--e-global-typography-cc3ed49-font-size: 18px;
	--e-global-typography-cc3ed49-font-weight: 300;
	--e-global-typography-cc3ed49-line-height: 24px;
	--e-global-typography-919ff40-font-family: "Arial";
	--e-global-typography-919ff40-font-size: 27px;
	--e-global-typography-919ff40-font-weight: 400;
	--e-global-typography-919ff40-line-height: 35px;
	--e-global-typography-8a0d1e7-font-family: "Arial";
	--e-global-typography-8a0d1e7-font-size: 13px;
	--e-global-typography-8a0d1e7-font-weight: 300;
	--e-global-typography-8a0d1e7-line-height: 20px;
	font-family: "Sora", Sans-serif;
	font-size: 14px;
}
.elementor-kit-11 e-page-transition {
	background-color: #FFBC7D;
}
.elementor-kit-11 h1 {
	font-family: "Sora", Sans-serif;
}
.elementor-kit-11 h2 {
	color: #000000;
	font-family: "Sora", Sans-serif;
}
.elementor-kit-11 h3 {
	font-family: "Sora", Sans-serif;
}
.elementor-kit-11 h4 {
	font-family: "Sora", Sans-serif;
}
.elementor-kit-11 h5 {
	font-family: "Sora", Sans-serif;
}
.elementor-kit-11 h6 {
	font-family: "Sora", Sans-serif;
}
.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1280px;
}
.e-con {
	--container-max-width: 1280px;
	--container-default-padding-top: 10px;
	--container-default-padding-right: 10px;
	--container-default-padding-bottom: 10px;
	--container-default-padding-left: 10px;
}
.elementor-widget:not(:last-child) {
	margin-block-end:20px;
}
.elementor-element {
	--widgets-spacing: 20px 20px;
}

h1.entry-title {
	display: var(--page-title-display);
}
.site-header .site-branding {
	flex-direction: column;
	align-items: stretch;
}
.site-header {
	padding-inline-end:0px;
	padding-inline-start:0px;
}
.site-footer .site-branding {
	flex-direction: column;
	align-items: stretch;
}

@media(max-width: 1024px) {
	.elementor-kit-11 {
		--e-global-typography-1ab70ab-font-size:60px;
		--e-global-typography-1ab70ab-line-height: 75px;
		--e-global-typography-c217560-font-size: 50px;
		--e-global-typography-c217560-line-height: 64px;
		--e-global-typography-001be59-font-size: 28px;
		--e-global-typography-001be59-line-height: 35px;
		--e-global-typography-bce8528-font-size: 24px;
		--e-global-typography-bce8528-line-height: 30px;
		--e-global-typography-66516b3-font-size: 22px;
		--e-global-typography-66516b3-line-height: 28px;
		--e-global-typography-99ea456-font-size: 20px;
		--e-global-typography-99ea456-line-height: 28px;
		--e-global-typography-811382a-font-size: 18px;
		--e-global-typography-811382a-line-height: 24px;
		--e-global-typography-42c4b6b-font-size: 16px;
		--e-global-typography-42c4b6b-line-height: 24px;
		--e-global-typography-66a41c0-font-size: 16px;
		--e-global-typography-66a41c0-line-height: 24px;
		--e-global-typography-d39c9f1-font-size: 14px;
		--e-global-typography-d39c9f1-line-height: 18px;
		--e-global-typography-cc3ed49-font-size: 18px;
		--e-global-typography-cc3ed49-line-height: 28px;
		--e-global-typography-919ff40-font-size: 27px;
		--e-global-typography-919ff40-line-height: 35px;
		--e-global-typography-8a0d1e7-font-size: 13px;
		--e-global-typography-8a0d1e7-line-height: 20px;
	}
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 1024px;
	}
	.e-con {
		--container-max-width: 1024px;
	}
}

@media(max-width: 767px) {
	.elementor-kit-11 {
		--e-global-typography-1ab70ab-font-size:30px;
		--e-global-typography-1ab70ab-line-height: 45px;
		--e-global-typography-c217560-font-size: 25px;
		--e-global-typography-c217560-line-height: 35px;
		--e-global-typography-001be59-font-size: 24px;
		--e-global-typography-919ff40-font-size: 24px;
	}
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 767px;
	}
	.e-con {
		--container-max-width: 767px;
	}
}

/* CSS by Dineshwar for Dropdown */
.dropdown {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.dropdown-toggle {
	border: 0.7px solid #C7C7C7 !important;
	font-size: 16px !important;
	line-height: 21px !important;
	color: #22333e !important;
	padding: 13px 35px 13px 15px !important;
	border-radius: 0px !important;
	background: #fff !important;
	width: fit-content !important;
	position: relative !important;
	background-image: url(/wp-content/uploads/2024/11/select-dropdown-arrow.svg) !important;
	background-position: 95% 50% !important;
	background-repeat: no-repeat !important;
	background-size: 14px !important;
	width: 290px !important;
}
.dropdown-toggle::after{
	display:none !important;
}
.dropdown-menu {
	position: absolute !important;
	top: 48px !important;
	left: 0 !important;
	background: #fff !important;
	border: 1px solid #E6E6E6 !important;
	width: 100% !important;
	padding:0px !important;
	border-radius:0px !important;
	overflow-y: auto !important;
	z-index: 1000 !important;
	display: none; /* Initially hidden */
}

.dropdown-menu li {
	padding: 13px 15px;
	font-size: 16px;
	color: #000;
	cursor: pointer;
	background: #F7F7F7;
	border-bottom: 1px solid #EAEAEA;
}
.dropdown-menu li:hover {
	background: #0072BB;
	color: #fff;
}
.pageBanner{
	background-image: url('<?php echo get_the_post_thumbnail_url() ?: "path/to/your/fallback-image.jpg"; ?>');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 400px;
	position:relative;
	padding: 23px 60px 100px 60px;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
}
.h-100{
	height:100%;
}
.pageBanner:before{
	content:'';
	background-image:linear-gradient(90deg, #04314FF5 13%, #010A1061 100%);
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:1;
}
.pageTitle{
	background-color:#0000004A;
	padding:10px 15px;
	color: #fff;
	font-size:14px;
	font-weight:300;
	line-height:18px;
	width:fit-content;

}
.pageBanner .container{
	position:relative;
	z-index: 2;
}
.mainpageTitle{
	color: #fff;
	font-size:60px;
	line-height:75px;
	font-weight:600;
}
.bannerContent{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	height: 100%;
}

.navs-link {
	background-color: #fff;
	color: #808080;
	padding: 12px 50px;
	border: 0.7px solid #C7C7C7;
	cursor: pointer;
	border-radius: 0px;
	font-size: 14px;
}
.navs-link.active, .navs-link:hover {
	background-color: #006eb6 !important;
	color: #fff !important;
	border:0.7px solid #006eb6;
}
.nav-tabs{
	border:none !important;
}
@media(max-width:992px){
	.bannerContent{
		padding:0px;
	}
	.pageBanner{
		padding:23px 25px 100px 25px;
	}
}
@media(max-width:767px){
	.mainpageTitle {
		font-size: 40px;
		line-height: 50px;
	}

	.pageBanner{
		padding:23px 10px 100px 10px;
	}
}

.load-more{
	color: #fff;
	padding: 13px 16px;
	border: none;
	border-radius: 0;
	font-size:16px;
	text-decoration:none;
}
.load-more,.load-more:hover,.load-more:focus,.load-more:active{
	background-color: #0072BB;
	padding-right:20px
}
.load-more .arrow{
	margin: 0 10px;
}
.load-more:hover .arrow{
	transform: rotate(45deg);
}
.load-more{
	display:none;
	margin:20px auto;
}
.grecaptcha-badge{
	z-index:98;
}
.page-content p{
	line-height: 30px;
}

.skip-link{
display:none;	
}

.selected-dial-code{
	display:none !important;
}
.intl-tel-input.separate-dial-code .selected-flag{
    width: 50px !important;
}
.separate-dial-code .mobileNumber{
	padding-left: 64px !important;
}