@charset "utf-8";
/**
 * Sahaj Bari Custom CSS
 *
 * @author      https://designomaticweb.com/
 * @copyright   (c) 2025 - 2026 Avijit Manna.
 *
 *
 */
html { 
	overflow-wrap: break-word; 
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
	font-weight:300;
	text-rendering: geometricPrecision;
}

body { overflow-x: hidden; margin: 0 auto; vertical-align: baseline;}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx) { -webkit-font-smoothing: antialiased;}

/*Webkit Scrollbar modification starts*/
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background:transparent;}
::-webkit-scrollbar-thumb {background:#ffdb4e;}
/*Webkit Scrollbar modification ends*/

/* Page Text Selection Style */
::selection {background-color: #ffdb4e; color: #000000;}
::-moz-selection {background-color: #ffdb4e; color: #000000;}/* Mozilla based browsers */
::-o-selection {background-color: #ffdb4e; color: #000000;}/* Works in Opera */
::-ms-selection {background-color: #ffdb4e; color: #000000;}/* Works in MS Explorere */
::-webkit-selection {background-color: #ffdb4e;color: #000000;}/* Works in Chrome */
/* Placeholer styles */
::-webkit-input-placeholder {color: #666666 !important;}
:-moz-placeholder {color: #666666 !important;}  /* Firefox 18- */ 
::-moz-placeholder {color: #666666 !important;} /* Firefox 19+ */ 
:-ms-input-placeholder {color: #666666 !important;}

.padTop15{padding-top:15px;}   .padBottom15{padding-bottom:15px;}
.padTop20{padding-top:20px;}   .padBottom20{padding-bottom:20px;}
.padTop25{padding-top:25px;}   .padBottom25{padding-bottom:25px;}
.padTop30{padding-top:30px;}   .padBottom30{padding-bottom:30px;}
.padTop40{padding-top:40px;}   .padBottom40{padding-bottom:40px;}
.padTop50{padding-top:50px;}   .padBottom50{padding-bottom:50px;}
.padTop70{padding-top:70px;}   .padBottom70{padding-bottom:70px;}
.padTop100{padding-top:100px;} .padBottom100{padding-bottom:100px;}

.marTop15{margin-top:15px;}    .marBottom15{margin-bottom:15px;}
.marTop20{margin-top:20px;}    .marBottom20{margin-bottom:20px;}
.marTop25{margin-top:25px;}    .marBottom25{margin-bottom:25px;}
.marTop30{margin-top:30px;}    .marBottom30{margin-bottom:30px;}
.marTop40{margin-top:40px;}    .marBottom40{margin-bottom:40px;}
.marTop50{margin-top:50px;}    .marBottom50{margin-bottom:50px;}

.back-chocolate{background-color: #230100;}

.menu-back{background-color: #230100 !important; height: 50px; border-radius: 50px !important; margin-top: 25px;}
.site-branding{margin-top: -25px;;}
.custom-logo-link{width: 100%; max-width: 100px; position: relative; z-index: 100;}

.main-navigation{margin-top: 3%;}

/* .menu > li + li::before { content: "|" !important; padding: 0 2px; color: #fff; font-size: 12px;} */
.menu > li + li::before{padding: 0 2px;}
.menu > li a{color: #ffffff !important; padding-right: 8px;}
.menu > li a:hover{color: #f7ffc3 !important;}


.footer-back{background-color: #231a11 !important; color: #ffffff; padding: 10px 0;}
.partner{font-size: 11px; color: #ffffff;}
.partner a{color: #ffffff !important; padding-right: 8px;}
.partner a:hover{color: #f7ffc3 !important;}

@media screen and (max-width: 320px){
	
}
@media screen and (max-width: 360px){

}
@media screen and (max-width: 800px){
	
}








@media screen and (min-width: 768px){

}
@media screen and (max-width: 767px){

}

@media screen and (max-width: 520px){

}