:root{
        --bg-blue: #0471b6;
        --bg-blue-light: #5b8fbb;
        --bg-blue-weight: #074974;
        --padding-res: 0 16px;
        --color-primary: #074974;
        --menu-color: #1154b6;
        --color-yellow: #fff584;
        --color-brown: #b96f26;
        --color-red: #074974;
        --color-black: #031739;
        --color-white: #ffff;
        --box-category:rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
        --vass-red: #074974;
        --vass-blue: #074974;
        --text-main: #333333;
        --bg-gray: #f8f9fa;
        --box-shadow: 0 4px 10px rgb(52 52 52 / 9%);
        --padding-box: 15px;
        --rounded: .75rem;
        --margin-bottom: 30px;
}

*{
        text-rendering:geometricprecision}
body{
        margin:0 auto;
        padding:0;
        font-family: 'Merriweather', sans-serif;
}
a{
        color:#222;
        font-size:14px;
        text-decoration:none}
img{
        border:medium none}
.MainStructure .TopBanner{
        background:#fff none repeat scroll 0 0;
        margin:0 auto;
}
.MainStructure .TopBannerTop{
        max-width: 1170px;
        margin: 0 auto!important;
}
.MainStructure .TopBar{
        background:#fff none repeat scroll 0 0;
        display:inline-block;
        /* margin-bottom:5px; */
        text-align:justify;
        width:100%;
        margin: 0!important
}
.MainStructure .ContentBanner{
        display:inline-block;
        position:relative;
        width:100%;
        z-index:1}
.MainStructure .ContentBar{
        max-width: 1170px;
}
.MainStructure .ContentBar td{
        max-width: 1170px;
}
.MainStructure .MainContent,.MainStructure .bottom-content{
        background:#fff none repeat scroll 0 0;
        margin:0 auto;
        vertical-align:top;
        display: flex;
        justify-content: center;
        max-width: 1170px;
}
.MainStructure .MainContent > .LeftBar {
        width:900px;
}
.MainStructure .MainContent > .ContentBar1 {
        width: 300px;
}
.MainStructure .MainContent:has(.ContentBar){
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 30px;
}
.MainStructure .FooterBanner {
        margin: 0 auto;
        text-align: center;
        background: #072043;
}
.MainStructure .FooterBar{
        background:#fff  none repeat scroll 0 0;
        display:inline-block;
        text-align:justify;
        width:100%}
@media only screen and (max-width:768px){
        .MainStructure .TopBar{
                margin-bottom:0}
        .MainStructure .FooterBanner {
                margin-bottom: 0 !important;
        }
        .MainStructure .MainContent:has(.ContentBar) {
                grid-template-columns: 1fr;
                gap: 30px;
        }
        .MainContent-one { 
                padding: 0;
        }
}
@media only screen and (max-width:1200px){
        .MainStructure .FooterBanner {
                max-width: 1200px;
        }
}
.ContentBar1{
        margin-left: 20px;
}
.MainContent-one {
        max-width: 1170px!important;
        margin: auto;
}
.layout-2col-gap30{
	gap: 20px!important;
}
.layout-2col-gap30-1, .layout-2col-gap30-2 {
	border: 1px solid #ddd;
        border-radius: 4px;
        margin-top: 15px;
}
.MainContent-one{
	margin: auto;
    max-width: 1170px;
}
@media (max-width: 1023px){
        .layout-2col-gap30{
                gap: 12px!important;
        }
        .ContentBar1{
        margin-left: 12px;
        }
        .layout-2col-gap30-1{
        	margin-left: 10px;
        }
        .table-3-col td.td-layout:nth-child(3) {
        	display: none!important;
        }
}
@media (max-width: 880px){
.layout-2col-gap30-1, .layout-2col-gap30-2{
        border: none;align-content
        }
        .layout-2col-gap30-1{
        	margin-left: 0px;
        }
}
@media (max-width: 768px){
	 .ContentBar1{
        	display: block!important;
        }
        .MainStructure .MainContent,.MainStructure .bottom-content{
        	        display: flex;
        flex-direction: column;
        }
        .MainStructure .MainContent > .LeftBar{
        	width: auto!important;
                display: block!important;
                order:2;
        }
        .layout-2col-gap30{
            gap: 0px!important;
        }
        .ContentBar1{
            margin: 0px 0;
                        width: 100vw !important;
                       order:1;
                }
       .layout-2col-gap30-1, .layout-2col-gap30-2{
        	border: none;
                   margin-top: 0px;
               margin-left: 0!important
        }
    	
        .table-3-col td.td-layout{
       		width:100%!important;
        }
}
@media (max-width: 680px){

}