html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    position: relative;
	text-decoration: none !important;
    outline: none !important;
	
}
/* HTML5 display-role reset for older browsers */
/*article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, input, textarea {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    
}*/

main#main {
    padding: 0 !important;
}
:root, :host {
   
}
:root {
	
    --font-size: 16px;
    --background: #fff;
    --foreground: oklch(14.5% 0 0);
    --card: #fff;
    --card-foreground: oklch(14.5% 0 0);
    --popover: oklch(100% 0 0);
    --popover-foreground: oklch(14.5% 0 0);
    --primary: #030213;
    --primary-foreground: oklch(100% 0 0);
    --secondary: oklch(95% .0058 264.53);
    --secondary-foreground: #030213;
    --muted: #ececf0;
    --muted-foreground: #717182;
    --accent: #e9ebef;
    --accent-foreground: #030213;
    --destructive: #d4183d;
    --destructive-foreground: #fff;
    --border: #0000001a;
    --input: transparent;
    --input-background: #f3f3f5;
    --switch-background: #cbced4;
    --font-weight-medium: 500;
    --font-weight-normal: 400;
    --ring: oklch(70.8% 0 0);
    --chart-1: oklch(64.6% .222 41.116);
    --chart-2: oklch(60% .118 184.704);
    --chart-3: oklch(39.8% .07 227.392);
    --chart-4: oklch(82.8% .189 84.429);
    --chart-5: oklch(76.9% .188 70.08);
    --radius: .625rem;
    --sidebar: oklch(98.5% 0 0);
    --sidebar-foreground: oklch(14.5% 0 0);
    --sidebar-primary: #030213;
    --sidebar-primary-foreground: oklch(98.5% 0 0);
    --sidebar-accent: oklch(97% 0 0);
    --sidebar-accent-foreground: oklch(20.5% 0 0);
    --sidebar-border: oklch(92.2% 0 0);
    --sidebar-ring: oklch(70.8% 0 0);
}
.page-template-t_home .site-content .ast-container {
    display: block !important;
    max-width: 100% !important;
    padding: 0 !important;
}

ol, ul {
    list-style: none;
}

*,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin: 0;
    padding: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.entry-content :where(h1,h2,h3,h4,h5,h6) {
    margin-bottom: 0;
}
a {text-decoration:none;}
.flt{float:left;}
.fltr{float:right;}
.clr{clear:both;}
ol, ul{margin:0; padding:0;}
a:hover{text-decoration:none;}
a:focus{text-decoration:none;}
ul li{list-style:none;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-family: Inter,sans-serif !important;}


a, a:hover, a:focus{text-decoration: none;}
* {
    outline: 0;
}
.img img{width: 100%;}
ul.flex li {
    font-size: 16px;
}

body {
    height: 100%;
    margin: 0;
    background: #fff !important;
    font-family: Inter,sans-serif !important;
    font-weight: 400;
    font-style: normal;
    letter-spacing: initial !important;
    line-height: normal !important;
}

section {
    padding: 60px 0;
    margin: 0 !important;
}
.container {
    max-width: 100%;
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
    margin: 0 auto;
}

.sub_btn {
    padding: 13px 30px;
    font-style: normal;
    text-align: center;
    letter-spacing: 0.03em;
    transition: 0.5s all ease;
    display: inline-block;
    --tw-duration: .2s;
    transition-duration: .2s;
    background-color: rgb(201, 168, 76);
    font-weight: 600;
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-white);
    padding-block: calc(var(--spacing)*2.5);
    border-radius: 7px;
    font-family: Inter,sans-serif !important;
}
.sub_btn svg {
    float: left;
    margin: 0 10px 0 0;
}

.sub_btn_main{
	background-color: rgb(201, 168, 76); font-weight: 700; font-size: 1.05rem; box-shadow: rgba(201, 168, 76, 0.35) 0px 4px 18px;
}
.sub_btn_main:hover{
	color: #fff;
}

.header_btn1 {
    background-color: rgba(201, 168, 76, 0.1);
    color: rgb(201, 168, 76);
    font-weight: 600;
    height: 32px;
    padding: 7px 20px 7px 20px;
    font-size: 12px;
    margin-right: 10px;
}
.header_btn br {
    display: none;
}
.header_btn1 svg{
    height: 18px;
}
.sub_btn:hover{
    background: #0f2545;
    color: #FFFFFF;
    transition: 0.5s all ease;
}
.orange{color:#c9a84c !important;}

.sub_btn2 {
    background-color: rgb(201, 168, 76);
    font-weight: 700;
    font-size: 0.95rem;
    box-shadow: rgba(201, 168, 76, 0.35) 0px 4px 18px;
}

.sub_btn2:hover{
	opacity: .9;
}


.site-header {
    background: #fff;
    border-bottom: 1px solid rgb(255 255 255 / 25%);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    transition: 0.5s all ease;
    box-shadow: 0px 8px 15px rgba(236, 236, 236, 0.5);
    max-width: 100% !important;
    padding: 0px 0 !important;
}
.Fixed_Header {
    background: #FFFFFF;
    box-shadow: 0px 8px 15px rgba(236, 236, 236, 0.5);
    position: fixed;
    transition: 0.5s all ease;
}
/*new css 2022-09-16*/
header .container {

}
.header_icon {
    width: 24.04px;
    height: 24.04px;
    background: #FF8C63;
    border-radius: 2px;
    transform: rotate(45deg);
    display: inline-block;
    margin-left: 98px;
}
.hd_icon2 {
    float: left;
    display: inline-block;
    margin: -36px 0 0 -40px;
}

.header_in {
    height: 80px;
    align-items: center;
    justify-content: space-between;
    transition: 0.5s all ease;
    display: flex;
}
.Fixed_Header .header_in {
    height: 70px;
    transition: 0.5s all ease;
}
.Search_Cl, .menu_icon {
    display: none;
}

.talkdv em {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
}
.talkdv img {
    max-width: 42px;
}
.talkdv {
    margin-left: auto;
    margin-right: 0px;
    cursor: pointer;
}
/*Submenu css*/

.mn_menu {
    width: 100%;
    transition: 0.5s all ease;
}
/* .global-menu-add {
    transition: 0.5s all ease;
    transform: translateY(0);
} */
.mn_menu .talkdv {
    margin-left: inherit;
}
.MenuClose {
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 19px;
    color: #FFFFFF;
    position: relative;
    padding-right: 32px;
    margin-left: auto;
    margin-right: 50px;
    cursor: pointer;
    transition: 0.5s all ease;
}
.MenuClose:hover {
    color: #ffcf23;
}
.MenuClose:before{
  content: "";
  position: absolute;
  top:10px;
  right: 0;
  width: 19px;
  height: 1px;
  background: #fff;
  transform: rotate(45deg);
}
.MenuClose:after{
  content: "";
  position: absolute;
  top:10px;
  right: 0;
  width: 19px;
  height: 1px;
  background: #fff;
  transform: rotate(-45deg);
}
.MenuClose:hover:after, .MenuClose:hover:before {
    background: #ffcf23;
    transition: 0.5s all ease;
}

.mn_menu .header_in {
    height: 60px;
}
.Menu_UL {
    text-align: center;
    position: initial;
    margin-left: auto;
    padding-right: 40px;
}
.Menu_UL ul{position: initial;}
.Menu_UL > ul > li {
    display: inline-block;
    padding: 25px 15px;
    position: inherit;
}
.Menu_UL > ul > li > a:before {
    position: absolute;
    width: 9px;
    height: 10px;
    right: -16px;
    top: 3px;
    content: "";
    z-index: 9;
    transition: 0.5s all ease;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    vertical-align: middle;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.Menu_UL ul > li:hover a:before{
    opacity: 1;
    transition: 0.5s all ease;
    border: solid #c9a84c;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    vertical-align: middle;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.Menu_UL > ul > li.active a:before {
    opacity: 1;
    top: 8px;
    transition: 0.5s all ease;
    border: solid #c9a84c;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    vertical-align: middle;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-133deg);
}
.Menu_UL > ul > li > a {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    transition: 0.5s all ease;
}
.Menu_UL ul > li:hover > a{
  color: #c9a84c;
  transition: 0.5s all ease;
}
.Menu_UL ul > li.active > a{
  color: #c9a84c;
  transition: 0.5s all ease;
}
.Menu_UL ul > li:hover a:before{
    opacity: 1;
}
.Header_menu {
    margin-left: auto;
}
.Header_menu ul>li {
    display: inline-block;
    padding: 20px 10px;
    position: inherit;
    position: relative;
}

.Header_menu ul>li>a:before {
    position: absolute;
    width: 13px;
    height: 13px;
    left: 50%;
    bottom: -24px;
    background: #c9a84c;
    border-radius: 50%;
    content: "";
    transform: translateX(-50%);
    z-index: 9;
    opacity: 0;
    transition: 0.5s all ease;
}
.click_menu_i {
    display: inline-block;
    vertical-align: .255em;
    border-top: 7px solid #737C8A;
    border-right: 5px solid transparent;
    border-bottom: 0;
    border-left: 5px solid transparent;
    margin: 10px 0 0 10px;
    float: right;
}
.menu_outer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.menu_outer .logo {
    display: none;
}
.header_in .site-branding {
    display: none !important;
}
@media (min-width:992px){
    .Header_menu ul li:hover .click_menu_i{
        border-bottom: 7px solid #c9a84c;
        border-right: 5px solid transparent;
        border-top: 0;
        border-left: 5px solid transparent;
    }
    .Header_menu ul>li:hover:before,
    .Header_menu ul>li.active a:before {
        opacity: 1;
        transition: 0.5s all ease;
    }
    .Header_menu ul li:hover ul {
        display: block;
    }
}

.Header_menu ul>li>a {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.03em;
    color: #07090F;
    transition: 0.5s all ease;
    display: inline-block;
}

.Header_menu ul>li:hover>a {
    color: #c9a84c;
    transition: 0.5s all ease;
}

.Header_menu ul>li.active>a {
    color: #c9a84c;
    transition: 0.5s all ease;
}
.Header_menu ul ul {
    position: absolute;
    width: 181px;
    height: 107px;
    left: 6px;
    top: 62px;
    background: #FFFFFF;
    border: 0.5px solid #D4D7DE;
    box-shadow: 0px 15px 20px rgba(147, 152, 168, 0.2);
    padding: 10px 5px;
    display: none;
}

.Header_menu ul ul li{display: block; margin-bottom: 10px;}
.Header_menu ul ul li a {
    display: block;
    background: transparent;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.03em;
    color: #4B525D;
    padding: 7px 10px 8px;
}
.Header_menu ul ul li:hover a{
    display: block; 
    background: #F8F9FA;
    color: #000;
}


/* astra Header css Start */
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
    min-height: 80px;
}
.ast-site-identity {
    padding: 0 0;
}
.ast-primary-header-bar {
    background-color: #fff !important;
    background-image: none;
}
.main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link {
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -js-display: flex;
    display: flex;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.03em;
    color: #07090F;
    transition: 0.5s all ease;
    display: inline-block;
    padding: 10px 14px;
}
.main-header-menu > .menu-item > .menu-link:hover, #astra-footer-menu > .menu-item > .menu-link:hover {
    color: #c9a84c;
    transition: 0.5s all ease;
}
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link{
    color: #07090F;
}
.header-social-inner-wrap {
    display: flex;
    align-items: center;
}
header .ast-phone {
    background-color: #c9a84c1a !important;
    color: rgb(201, 168, 76) !important;
    font-weight: 600;
    height: 32px;
    padding: 7px 20px 7px 20px !important;
    font-size: 12px;
    margin: 0 0 0 0 !important;
    font-style: normal;
    text-align: center;
    letter-spacing: 0.03em;
    transition: 0.5s all ease;
    --tw-duration: .2s;
    transition-duration: .2s;
    border-radius: 7px;
}
header .ast-phone svg {
    height: 15px !important;
    float: left;
    margin: 0px 4px 0 0;
}

header .social-show-label-true .ast-behance {
    padding: 13px 20px !important;
    font-style: normal;
    text-align: center;
    letter-spacing: 0.03em !important;
    transition: 0.5s all ease;
    display: inline-block;
    --tw-duration: .2s;
    transition-duration: .2s;
    background-color: rgb(201, 168, 76) !important;
    font-weight: 600 !important;
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    color: var(--color-white) !important;
    padding-block: calc(var(--spacing) * 2.5) !important;
    border-radius: 7px !important;
    margin-right: 0 !important;
}
header .social-show-label-true .ast-behance .social-item-label{
    color: var(--color-white) !important;
}
header .social-show-label-true .ast-behance:hover {
    background: #0f2545 !important;
    color: #FFFFFF !important;
    transition: 0.5s all ease;
}
/* astra Header css Start end */







/* Banner Css Start */
.banner_scn {
    padding: 150px 0 50px;
    /* min-height: 100vh; */
    overflow: hidden;
    display: flex;
    width: 100%;
    background: url(assets/images/main_bg.jpg);
    background-size: cover;
    position: relative;
    /* height: calc(100vh - 0px); */
    background-position: right;
    margin: 0px !important;
}
.banner_scn:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 127%;
    width: 100%;
    background: linear-gradient(135deg, rgba(10, 29, 56, 0.72) 0%, rgba(15, 37, 69, 0.68) 50%, rgba(10, 29, 56, 0.75) 100%);
    z-index: 1;
}
.banner_scn .container{
	position: relative;
	z-index: 1;
}   
.banner_in{
    display: flex;
}
.banner_left, .banner_right{
    width: 50%;
}

.banner_right {
    gap: calc(var(--spacing) * 6);
    display: grid;
}
.banner_hover_in {
    display: flex;
    justify-content: flex-end;
}
.banner_hover_bx {
    flex-basis: calc(25%);
    position: relative;
    overflow: hidden;
    height: 280px;
    background-repeat: no-repeat;
    background-position: top center;
    transition: 0.5s all ease;
    border-radius: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: end;
    flex-direction: column;
    background-size: cover;
}

.banner_hover_bx.active {
    flex-basis: calc(35%);
}


.banner_hover_bx{
    flex: 1; background-color: rgba(255, 255, 255, 0.05); border: 2px solid rgba(201, 168, 76, 0.3);
}
.banner_ftr_border {
    line-height: 0;
    font-size: 0px;
    z-index: 1;
}

.BannerSlider_in{
    
}
.BannerSlider .owl-stage-outer {
    animation: 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running slideInFromLeft;
    background-color: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.13);
    backdrop-filter: blur(14px);
    border-radius: var(--radius-2xl);
}
@keyframes slideInCustom {
  from {
    transform: translateX(50px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.owl-item.active .item {
  animation: slideInCustom 1s ease forwards;
}

.BannerSlider .w-14 {
    width: calc(var(--spacing) * 14) !important;
}
.BannerSlider .h-14 {
    height: calc(var(--spacing) * 14) !important;
}
.BannerSlider_in img{
    border: 2.5px solid rgba(201, 168, 76, 0.7);
}
.BannerSlider_name{
    font-weight: 700; font-size: 0.92rem;
}
.Unauthorized_tx{
    background-color: rgb(237, 233, 254); color: rgb(109, 40, 217); font-size: 0.72rem; font-weight: 700;
}
.BannerSlider_cntr p{
    font-size: 0.85rem; line-height: 1.45;
}
.Solution_tx{
    background-color: rgba(22, 160, 133, 0.18);
}
.Solution_tx span{
    color: rgb(22, 160, 133); font-weight: 700; font-size: 0.72rem;
}
.speaker_date{
    background-color: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.12);
}
.speaker_date span{
    color: rgb(148, 163, 184); font-size: 0.72rem; font-weight: 600;
}





















/* Investor_Protection css */
.small_hd{
    background-color: rgb(240, 244, 250); color: rgb(15, 37, 69); font-weight: 600;
}

.Investor_Protection_hdr h2{
    font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 800; color: rgb(15, 37, 69); line-height: 1.2;
}
.Investor_Protection_hdr p{
    max-width: 640px; line-height: 1.7; font-size: 1rem;
}
.Investor_tab_CL{
    background-color: rgb(240, 244, 250);
}
.Investor_tab_CL button{
    background-color: transparent; color: rgb(100, 116, 139); font-weight: 700; font-size: 0.9rem; cursor: pointer;
}
.Investor_tab_CL button.active{
    background-color: rgb(201, 168, 76); color: rgb(255, 255, 255); font-weight: 700; font-size: 0.9rem; cursor: pointer;
}

.Investor_show_item{
    background-color: rgb(255, 251, 240);
    border: 1.5px solid rgba(201, 168, 76, 0.094);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 16px;
}
.Investor_show_item {
    text-align: left;
}
.Investor_item_icon {
    background-color: rgba(201, 168, 76, 0.082);
    display: flex;
    align-items: center;
    justify-content: center;
}
.Investor_show_item h3{
    font-weight: 700;
    font-size: 1rem;
    color: rgb(15, 37, 69);
    line-height: 1.3;
    text-align: left;
}
.Investor_show_item p {
    font-size: 0.9rem;
    line-height: 1.65;
    text-align: left;
}
.Investor_show_item a{
    color: rgb(201, 168, 76);
    font-weight: 600;
    text-align: left;
}

#Issues_We_Handle .Investor_show_item:nth-child(1){
	background-color: rgb(255, 245, 245); border: 1.5px solid rgba(231, 76, 60, 0.094); box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 16px;
}
#Issues_We_Handle .Investor_show_item:nth-child(1) .Investor_item_icon{
	background-color: rgba(201, 168, 76, 0.082);
}
#Issues_We_Handle .Investor_show_item:nth-child(1) a{
	color: #c9a84c;
}

#Issues_We_Handle .Investor_show_item:nth-child(2){
    background-color: rgb(239, 246, 255);
    border: 1.5px solid rgba(37, 99, 235, 0.094);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 16px;
}
#Issues_We_Handle .Investor_show_item:nth-child(2) .Investor_item_icon{
	background-color: rgba(37, 99, 235, 0.082);
}
#Issues_We_Handle .Investor_show_item:nth-child(2) a{
	color: rgb(37, 99, 235);
}

#Issues_We_Handle .Investor_show_item:nth-child(3){
    background-color: rgb(240, 253, 244);
    border: 1.5px solid rgba(5, 150, 105, 0.094);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 16px;
}
#Issues_We_Handle .Investor_show_item:nth-child(3) .Investor_item_icon{
	background-color: rgba(5, 150, 105, 0.082);
}
#Issues_We_Handle .Investor_show_item:nth-child(3) a{
	color: rgb(5, 150, 105);
}

#Issues_We_Handle .Investor_show_item:nth-child(4){
    background-color: rgb(254, 242, 242);
    border: 1.5px solid rgba(220, 38, 38, 0.094);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 16px;
}
#Issues_We_Handle .Investor_show_item:nth-child(4) .Investor_item_icon{
	background-color: rgba(220, 38, 38, 0.082);
}
#Issues_We_Handle .Investor_show_item:nth-child(4) a{
	color: rgb(220, 38, 38);
}

#Issues_We_Handle .Investor_show_item:nth-child(5){
    background-color: rgb(250, 245, 255);
    border: 1.5px solid rgba(124, 58, 237, 0.094);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 16px;
}
#Issues_We_Handle .Investor_show_item:nth-child(5) .Investor_item_icon{
	background-color: rgba(124, 58, 237, 0.082);
}
#Issues_We_Handle .Investor_show_item:nth-child(5) a{
	color: rgb(124, 58, 237);
}

#Issues_We_Handle .Investor_show_item:nth-child(6){
    background-color: rgb(240, 244, 250);
    border: 1.5px solid rgba(15, 37, 69, 0.094);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 16px;
}
#Issues_We_Handle .Investor_show_item:nth-child(6) .Investor_item_icon{
	background-color: rgba(15, 37, 69, 0.082);
}
#Issues_We_Handle .Investor_show_item:nth-child(6) a{
	color: #0f2545;
}

/*How_We_Help css For box*/
#How_We_Help .Investor_show_item:nth-child(2){
    background-color: rgb(239, 246, 255);
    border: 1.5px solid rgba(37, 99, 235, 0.094);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 16px;
}
#How_We_Help .Investor_show_item:nth-child(2) .Investor_item_icon{
	background-color: rgba(37, 99, 235, 0.082);
}
#How_We_Help .Investor_show_item:nth-child(2) a{
	color: rgb(37, 99, 235);
}

#How_We_Help .Investor_show_item:nth-child(3){
    background-color: rgb(240, 253, 244);
    border: 1.5px solid rgba(5, 150, 105, 0.094);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 16px;
}
#How_We_Help .Investor_show_item:nth-child(3) .Investor_item_icon{
	background-color: rgba(5, 150, 105, 0.082);
}
#How_We_Help .Investor_show_item:nth-child(3) a{
	color: rgb(5, 150, 105);
}

#How_We_Help .Investor_show_item:nth-child(4){
    background-color: rgb(254, 242, 242);
    border: 1.5px solid rgba(220, 38, 38, 0.094);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 16px;
}
#How_We_Help .Investor_show_item:nth-child(4) .Investor_item_icon{
	background-color: rgba(220, 38, 38, 0.082);
}
#How_We_Help .Investor_show_item:nth-child(4) a{
	color: rgb(220, 38, 38);
}

#How_We_Help .Investor_show_item:nth-child(5){
    background-color: rgb(250, 245, 255);
    border: 1.5px solid rgba(124, 58, 237, 0.094);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 16px;
}
#How_We_Help .Investor_show_item:nth-child(5) .Investor_item_icon{
	background-color: rgba(124, 58, 237, 0.082);
}
#How_We_Help .Investor_show_item:nth-child(5) a{
	color: rgb(124, 58, 237);
}

#How_We_Help .Investor_show_item:nth-child(6){
    background-color: rgb(240, 244, 250);
    border: 1.5px solid rgba(15, 37, 69, 0.094);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 16px;
}
#How_We_Help .Investor_show_item:nth-child(6) .Investor_item_icon{
	background-color: rgba(15, 37, 69, 0.082);
}
#How_We_Help .Investor_show_item:nth-child(6) a{
	color: #0f2545;
}


.Investor_ftr a{
	background-color: rgb(201, 168, 76); font-weight: 700; font-size: 0.95rem; box-shadow: rgba(201, 168, 76, 0.35) 0px 4px 18px; color: #fff;
}


/*About css*/
.H_about_sen{
	background-color: rgb(248, 249, 251);
}
.Home_about_in {
    display: flex;
    position: relative;
}
.H_about_left, .H_about_right{
	width:50%;
}

.H_about_left{
	padding-right: 80px;
    position: relative;
}
.left {
    position: relative;
    position: sticky;
    top: 20px;
}
.video_dv{
	position: relative;
    margin-bottom: 20px;
}
.video_bx {
    height: 326px;
    box-shadow: rgba(10, 29, 56, 0.18) 0px 20px 60px;
    aspect-ratio: 16 / 9;
    width: 100%;
    background: #8e949d;
    border-radius: 20px;
}
.SEBI_Awareness{
	background-color: rgba(201, 168, 76, 0.92); backdrop-filter: blur(8px);
}
.video_counter_bx{
	background-color: rgb(255, 255, 255); box-shadow: rgba(10, 29, 56, 0.07) 0px 2px 16px; border: 1px solid rgba(10, 29, 56, 0.06);
    margin-bottom: 20px;
}
.video_counter_icon{
	background-color: rgba(201, 168, 76, 0.12);
}
.video_counter_bx h4{
	font-weight: 800; font-size: 1.15rem; color: rgb(15, 37, 69); line-height: 1;
}
.video_counter_bx p{
	font-size: 0.72rem; color: rgb(100, 116, 139); font-weight: 500;
}
.Officially_Recognised{
	background-color: rgb(255, 255, 255); border: 1px solid rgba(10, 29, 56, 0.06); box-shadow: rgba(10, 29, 56, 0.06) 0px 2px 16px;
    margin-bottom: 20px;
}
.Officially_Recognised_icon span{
	font-size: 0.8rem; font-weight: 700; color: rgb(15, 37, 69);
}
.SEBI_bx span{
	background-color: rgb(240, 244, 250); color: rgb(15, 37, 69); font-size: 0.75rem; font-weight: 600;
}
.Officially_Recognised p{
	font-size: 0.78rem; color: rgb(148, 163, 184); line-height: 1.6;
}



.H_about_right{
	
}
.H_about_right_bx h4{
	font-size: 1.4rem; font-weight: 700; color: rgb(201, 168, 76); line-height: 1.3;
}
.H_about_right_bx p{
    line-height: 1.85;
    font-size: 0.975rem;
}
.H_about_right_bx p:last-child {
    margin-bottom: 0;
}
.H_about_right_bx ul li span{
	font-size: 0.95rem; font-weight: 500;
}
.H_about_right_bx {
    padding-bottom: 40px;
    margin-bottom: 35px;
    border-bottom: 1px solid rgba(15, 37, 69, 0.08);
}

.H_about_right_bx h3{
    font-size: 1.4rem;
    font-weight: 700;
    color: rgb(201, 168, 76);
    line-height: 1.3;
}  

/*Resolve Stock Market Disputes in 30 Days — Online*/

.ODR_Portal{
	background-color: rgb(232, 245, 233); color: rgb(27, 94, 32); font-weight: 600; border: 1px solid rgba(27, 94, 32, 0.2);
}
.Resolve_Stock_hd h2{
	font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 800; color: rgb(15, 37, 69); line-height: 1.2;
}

.Resolve_Stock_hd h2 span{
	color: rgb(201, 168, 76);
}
.Resolve_Stock_hd p{
	font-size: 0.97rem; line-height: 1.75; max-width: 620px; width: 100%;
}
.icon_right svg {
    float: initial;
    float: right;
    margin: 2px 0 0 10px;
}

.rounded-xl {
    border-radius: calc(var(--radius) + 4px);
}

.Resolve_Stock_body{
    border: 1px solid rgba(15, 37, 69, 0.08); box-shadow: rgba(15, 37, 69, 0.08) 0px 8px 40px;
    margin-top: 50px;
}

.Resolve_body_top{
    background-color: rgb(10, 29, 56);
}
.Resolve_body_top_rt {
    margin-left: auto;
}
.Resolve_body_top_icon{
    background-color: rgba(201, 168, 76, 0.2); border: 1px solid rgba(201, 168, 76, 0.4);
}
.Resolve_body_top_tx h4{
    font-weight: 800; font-size: 1.05rem;
}
.Resolve_body_top_tx p{
   font-size: 0.77rem;
}

.step_dv {
    background-color: rgb(248, 249, 251);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.step_bx{
    border-right: 1px solid rgba(15, 37, 69, 0.08); border-bottom: 1px solid rgba(15, 37, 69, 0.08);
}
.step_bx_icon {
    background-color: rgba(201, 168, 76, 0.12);
}
.step_bx h5 span{
    font-size: 0.68rem; font-weight: 700;
}
.step_bx h4{
    font-weight: 700; font-size: 0.88rem;
}
.step_bx p{
    font-size: 0.8rem; line-height: 1.6;
}
.step_cntr_icn {
    background-color: rgb(15, 37, 69);
    width: 24px;
    height: 24px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -12px;
}
.Why_Smart_in {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.Why_Smart_right_in {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.Why_Smart_left, .Why_Smart_right{
}
.Why_Smart_left_in {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
}
.Why_Smart_left h3{
    font-weight: 800; font-size: 1.1rem; color: rgb(15, 37, 69);
}
.Why_Smart_left_bx{
    background-color: rgb(248, 249, 251); border: 1px solid rgba(15, 37, 69, 0.07);
}

.Why_Smart_left_icon {
    background-color: rgba(201, 168, 76, 0.12);
    border-radius: calc(var(--radius) + 4px);
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: calc(var(--spacing) * 2.5);  
}
.Why_Smart_left_bx h4{
    font-weight: 700; font-size: 0.83rem;
}
.Why_Smart_left_bx p{
    font-size: 0.75rem; line-height: 1.5;
}

.Why_Smart_right{
    background-color: rgb(10, 29, 56);
}
.Why_Smart_right h3{
    font-weight: 800; font-size: 1.1rem;
}

.ul_list li span{
    font-size: 0.85rem; line-height: 1.55;
}
.Why_Smart_btn {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    gap: calc(var(--spacing) * 3);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.Why_Smart_btn a {
    background-color: rgb(201, 168, 76);
    font-weight: 700;
    font-size: 0.86rem;
    min-height: 42px;
}

.Why_Smart_btn button{
    border: 1.5px solid rgba(255, 255, 255, 0.25); color: rgb(255, 255, 255); font-weight: 600; font-size: 0.86rem;
    height: 42px;
}
.Why_Smart_note{
    background-color: rgb(255, 248, 225); border: 1px solid rgba(201, 168, 76, 0.3);
}

.Why_Smart_note p{
    font-size: 0.78rem; line-height: 1.6;
}

body .h2 {
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 800;
    color: rgb(15, 37, 69);
    line-height: 1.2;
}
body .h2 span{
    color: rgb(201, 168, 76);
}
.top_heding p{
    max-width: 500px; line-height: 1.7; font-size: 1rem;
}

/*  How It Works */
.How_Works_border{
    background: linear-gradient(90deg, transparent, rgba(201, 168, 76, 0.25), rgba(201, 168, 76, 0.25), transparent); margin: 0px 12.5%;
}
.How_Works_items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.How_Works_icon{
    background-color: rgb(255, 255, 255); border: 2px solid rgb(232, 236, 244); box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 20px;
}
.How_Works_icon_in{
    background-color: rgb(15, 37, 69);
}
.How_Works_number{
    background-color: rgb(201, 168, 76); color: white; font-weight: 800;
}
.How_Works_text{
    background-color: white; border: 1.5px solid rgb(238, 240, 244);
}

.How_Works_text h3{
    font-weight: 700; font-size: 0.95rem; color: rgb(15, 37, 69); line-height: 1.3; padding: 0px 12px;
}
.How_Works_text p{
    font-size: 0.85rem; line-height: 1.65;
}
.mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
}

.Tell_Your{
    background: linear-gradient(135deg, rgb(15, 37, 69) 0%, rgb(26, 58, 110) 100%); box-shadow: rgba(15, 37, 69, 0.2) 0px 20px 60px;
}
.Tell_Your h4{
   font-size: clamp(1.1rem, 2vw, 1.4rem); font-weight: 700; line-height: 1.4;
}
.Tell_Your p{
    background: linear-gradient(135deg, rgb(15, 37, 69) 0%, rgb(26, 58, 110) 100%); box-shadow: rgba(15, 37, 69, 0.2) 0px 20px 60px;
}

/* Learn Your Rights — Short & Free */
.Short_video_scn{
    background-color: rgb(10, 29, 56);
}

.Free_Resource{
    background-color: rgba(201, 168, 76, 0.15); color: rgb(201, 168, 76); font-weight: 600; border: 1px solid rgba(201, 168, 76, 0.3);
}
.Short_video_lt h2{
    font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 800; line-height: 1.2;
}
.Short_video_lt h2 span{
    color: rgb(201, 168, 76);
}
.Short_video_lt p{
    font-size: 0.95rem; max-width: 520px; line-height: 1.7;
}

.Short_video_hd{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
}
.Short_video_rt {
    margin-left: auto;
    align-items: end;
}
.Follow_tx{
    background-color: rgba(225, 48, 108, 0.15); border: 1px solid rgba(225, 48, 108, 0.3);
}
.Follow_tx span{
    color: rgb(225, 48, 108); font-size: 0.8rem; font-weight: 700;
}
.Subscribe_tx{
    background-color: rgba(255, 0, 0, 0.12); border: 1px solid rgba(255, 0, 0, 0.25);
}
.Subscribe_tx span{
    color: rgb(255, 68, 68); font-size: 0.8rem; font-weight: 700;
}

/* Video item scroll css */
.Short_video_scn{
    overflow: hidden;
}

.Short_video_dv{
    position:relative;
}
.Short_video_left_sd{
    background: linear-gradient(to right, rgb(10, 29, 56), transparent);
}
.Short_video_right_sd{
    background: linear-gradient(to left, rgb(10, 29, 56), transparent);
}
.Short_video_mn{
    gap: 16px;
    overflow: hidden;
    display: flex;
    width: max-content;
    will-change: transform;
    overflow: hidden;
    position: relative;
}
.Short_video_repeat{
    width: 220px; height: 310px; background-color: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);
}

.video_overlap_img, .Short_video_img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.et_pb_video_box {
    position: relative;
    height: 100%;
}
.et_pb_video_box video {
    width: 100% !important;
    position: relative;
    height: 100%;
    object-fit: cover;
}
.video_overlap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.Short_video_shadow{
    background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(10, 29, 56, 0.88) 100%);
}

.Short_video_media_icon{
    background-color: rgba(255, 0, 0, 0.1); border: 1px solid rgba(255, 0, 0, 0.2);
}
.Short_video_media_icon span{
    color: rgb(255, 0, 0); font-size: 0.65rem; font-weight: 700;
}
.Short_video_time {
    background-color: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(4px);
    height: 24px;
    display: flex;
    align-items: center;
}

.Short_video_time span{
    font-size: 0.65rem; font-weight: 600;
}
.Short_video_icon {
    
}
.Short_video_icon_in{
    background-color: rgba(255, 255, 255, 0.92); box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 20px;
}
.Short_video_shors {
    background-color: rgba(201, 168, 76, 0.18);
    border: 1px solid rgba(201, 168, 76, 0.3);
    height: 26px;
    display: inline-flex;
    align-items: center;
}
.Short_video_shors span{
    color: rgb(201, 168, 76); font-size: 0.62rem; font-weight: 700;
}
.Short_video_tx p{
    font-size: 0.78rem; font-weight: 600; line-height: 1.35;
}
.Short_email{
    color: rgb(148, 163, 184); font-size: 0.68rem;
}
.Short_view{
    color: rgb(148, 163, 184); font-size: 0.68rem;
}

.group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
        @media (hover: hover) {
            opacity: 100%;
        }
    }
}

.all_video_dv p{
    color: rgb(100, 116, 139); font-size: 0.8rem;
}
.all_video_dv a{
    color: rgb(201, 168, 76); font-weight: 600;
}


/*Latest Articles & Legal Insights css*/
.Home_Articles_hdr {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
}
.Home_Articles_hdr .btn_dv {
    margin-top: auto;
    margin-left: auto;
}
.Home_Articles_hdr a{
    border: 1.5px solid rgb(15, 37, 69); color: rgb(15, 37, 69); font-weight: 600; font-size: 0.88rem;
}
.hover\:opacity-80 {
    &:hover {
        @media (hover: hover) {
            opacity: 80%;
        }
    }
}
.group-hover\:scale-110 {
    &:is(:where(.group):hover *) {
        @media (hover: hover) {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }
}
.Home_Articles_in {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-columns: 54.5% 43.4%;
}
.Home_Articles_left{
    border: 1px solid rgba(15, 37, 69, 0.08); box-shadow: rgba(15, 37, 69, 0.07) 0px 4px 24px;
}
.Articles_IMG {
    position: relative;
    height: 240px;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
}

.Articles_IMG:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(transparent 50%, rgba(10, 29, 56, 0.55) 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
}
.group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
        @media (hover: hover) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }
}
.Articles_IMG span{
    background-color: rgb(232, 240, 251); color: rgb(15, 37, 69); font-weight: 700;
}
.Articles_left_tx h3{
    font-weight: 700; font-size: 1.15rem; line-height: 1.4;
}
.Articles_left_tx p{
    font-size: 0.9rem; line-height: 1.7;
}

.Articles_name_dv{
    border-top: 1px solid rgba(15, 37, 69, 0.07);
}
.Articles_name_lt{
    background-color: rgb(15, 37, 69);
}
.Articles_name_lt span{
    font-size: 0.7rem; font-weight: 700;
}
.Articles_name_rt h4{
    font-size: 0.8rem; font-weight: 600;
}
.Articles_name_rt h5{
    font-size: 0.72rem;
}

.Articles_name_time{
    font-size: 0.75rem;
}

.Articles_right_bx{
    border: 1px solid rgba(15, 37, 69, 0.08); box-shadow: rgba(15, 37, 69, 0.05) 0px 2px 12px;
}
.Articles_IMG {
    position: relative;
}
.Articles_right_img, .Articles_right_img img {
    width: 90px !important;
    height: 90px !important;
    object-fit: cover;
}
.Articles_left_tx p {
    color: var(--color-gray-500);
    font-size: 0.9rem;
    line-height: 1.7;
    margin-bottom: calc(var(--spacing) * 5);
}

.Articles_right_category span{
    color: rgb(185, 28, 28); font-size: 0.68rem; font-weight: 700; background-color: rgb(254, 242, 242); padding: 1px 8px; border-radius: 999px;
}
.Articles_right_tx h4{
    font-weight: 600; font-size: 0.84rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.Articles_right_date{
    font-size: 0.7rem;
}

.Articles_right_our{
    font-size: 0.7rem;
}

/* Clients Css */
.Clients_in{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.Clients_bx {
    background-color: rgb(248, 249, 251);
    border: 1.5px solid rgb(238, 240, 244);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 16px;
}
.Clients_bx p{
    font-size: 0.9rem; line-height: 1.75;
}


.Clients_bt{
    border-top: 1px solid rgb(238, 240, 244);
}
.Clients_bt_lt{
    background-color: rgb(41, 128, 185); font-weight: 700;
}
.Clients_bt_tx h4{
    font-weight: 700; font-size: 0.9rem;
}

.Clients_counter{
    background-color: rgb(240, 244, 250); border: 1.5px solid rgb(224, 232, 244);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.Clients_counter_bx h4{
    font-size: 1.6rem; font-weight: 800; color: rgb(15, 37, 69); line-height: 1;
}
.Clients_counter_bx p{
    
}

.FAQs_scn{
    background-color: rgb(248, 249, 251);
}
.FAQs_tabs{text-align: center;}
.FAQs_tabs a{
    background-color: rgb(255, 255, 255);
    color: rgb(100, 116, 139);
    font-weight: 600;
    border: 1.5px solid rgba(15, 37, 69, 0.12);
}
.FAQs_tabs a.active, .FAQs_tabs a:focus{
    background-color: rgb(201, 168, 76) !important;
    color: rgb(255, 255, 255) !important;
    border: 1.5px solid rgb(201, 168, 76) !important;
}

.FAQs_accordian_bx{
    background-color: rgb(255, 255, 255);
    border: 1.5px solid rgba(15, 37, 69, 0.07);
    box-shadow: none;
    margin-bottom: 5px;
}
.FAQs_accordian_Cl{
    position: relative;
    cursor: pointer;
}
.FAQs_accordian_Cl span{
    flex: 1;
}
.FAQs_accordian_Cl span {
    font-size: 16px;
}
.FAQs_accordian_Cl:before{
    content: "";
    position: relative;
    left: 0px;
    top:0px;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: rgb(203, 213, 225);
    margin-top: 6px;
}
.FAQs_accordian_Cl:before{
    content: "";
    position: relative;
    left: 0px;
    top:0px;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: rgb(203, 213, 225);
    margin-top: 6px;
}
.FAQs_accordian_Cl:after {
    content: "";
    position: relative;
    left: 0px;
    top: 0px;
    width: 24px;
    height: 24px;
    background: url(assets/images/plus.svg) no-repeat center center;
    background-color: #0f25450f;
    border-radius: 20px;
    background-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.FAQs_accordian_bx.active .FAQs_accordian_Cl:before {
    background-color: rgb(201, 168, 76);
}
.FAQs_accordian_bx.active .FAQs_accordian_Cl:after {
    background: url(assets/images/mins.svg) no-repeat center center;
    background-color: rgb(15, 37, 69);
    background-size: 15px;
}
.FAQs_accordian_show{
    display: none;
}
.FAQs_accordian_show p{
    font-size: 0.85rem;
    line-height: 1.75;
    color: var(--color-gray-600);
}

.have_questions_bx{
    background-color: rgb(15, 37, 69);
}
.have_questions_bx h4{
    font-weight: 700; font-size: 0.92rem;
}
.have_questions_bx p{
    font-size: 0.8rem; margin-top: 2px;
}
.have_questions_bx a{
    background-color: rgb(201, 168, 76); font-weight: 700; font-size: 0.86rem;
}
.Show_more {
    border: 1.5px solid rgba(15, 37, 69, 0.15);
    color: rgb(15, 37, 69);
    font-weight: 600;
    font-size: 0.85rem;
    background-color: rgb(255, 255, 255);
    position: relative;
    cursor: pointer;
}
.readClass:before {
    content: "";
    background: url(assets/images/plus_button.svg) no-repeat left top;
    width: 20px;
    height: 20px;
    background-size: 20px;
    opacity: 0.8;
}
.lessClass:before {
    content: "";
    background: url(assets/images/min_button.svg) no-repeat left top;
    width: 20px;
    height: 20px;
    background-size: 20px;
    opacity: 0.8;
}

.Unanswered_scn{
    background-color: rgb(10, 29, 56);
}
.Unanswered_in h2{
    color: #fff;
    font-size: clamp(1.6rem, 4vw, 2.8rem);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
}
.Unanswered_icon{
    background-color: rgba(201, 168, 76, 0.15); border: 1px solid rgba(201, 168, 76, 0.3);
}

.Unanswered_in h4{
    max-width: 600px; line-height: 1.75; font-size: 1.05rem;
}

.Unanswered_btn_1{
    background-color: rgb(201, 168, 76); font-weight: 700; font-size: 1.05rem; box-shadow: rgba(201, 168, 76, 0.35) 0px 4px 18px;
}
.Unanswered_btn_2{
    border: 1.5px solid rgba(255, 255, 255, 0.3); color: white; font-weight: 600; font-size: 1rem;
}

/* contact_scn css */
.contact_scn{
    background-color: rgb(248, 249, 251);
}
.contact_in {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.contact_scn h2{
    font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 800; color: rgb(15, 37, 69); line-height: 1.2;
}

.contact_scn p{
    max-width: 600px; line-height: 1.7; font-size: 1rem;
}
.contact_map{
    border: 1.5px solid rgb(238, 240, 244); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 24px; height: 100%; min-height: 500px;
}
.contact_right_in{
    border: 1.5px solid rgb(238, 240, 244); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 24px;
}
.contact_right_in h3{
    font-size: 1.5rem; font-weight: 700; color: rgb(15, 37, 69); line-height: 1.2;
}
.contact_right_in p{
    font-size: 0.9rem; line-height: 1.6;
}
.form_group {
    margin-bottom: .25rem;
}
.form_group .form_control{
    border: 1px solid rgb(228, 232, 240); 
    background-color: rgb(255, 255, 255);
    --tw-outline-style: none;
    outline-style: none;
    --tw-duration: .2s;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    color: var(--color-gray-800);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    padding-block: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    border-radius: var(--radius);
    width: 100%;
    font-weight: var(--font-weight-normal);
    height: 46px;
}
.form_group textarea.form_control {
    height: 106px;
}
.form_group .sub_btn {
    background-color: rgb(201, 168, 76) !important;
    width: 100%;
}
.form_group .sub_btn:hover {
    background: #0f2545 !important;
    color: #FFFFFF;
    transition: 0.5s all ease;
}
.form_group .wpcf7-spinner {
    position: absolute;
    left: 0;
    bottom: -27px;
}
.form_group_phone {
    display: flex;
}
.country_code input.form_control {
    background-color: rgb(248, 249, 251);
    width: 64px;
}
.country_form{
    flex: 1;
    margin-left: 8px;
}
.form_email_bt p a {
    color: rgb(201, 168, 76);
    text-decoration: none;
}
.form_email_bt p {
    font-size: 1.1rem;
    font-weight: 700;
    color: rgb(15, 37, 69);
    width: 100%;
    display: block;
    max-width: 100%;
}
.form_email_bt span {
    display: inline-block;
    margin: 1px 20px;
}

/* Hover css */
.hover\:-translate-y-1 {
    &:hover {
        @media (hover: hover) {
            --tw-translate-y: calc(var(--spacing) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }
}
.hover\:opacity-90 {
    &:hover {
        @media (hover: hover) {
            opacity: 90%;
        }
    }
}
.hover\:-translate-y-0\.5 {
    &:hover {
        @media (hover: hover) {
            --tw-translate-y: calc(var(--spacing) * -0.5);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }
}


/* Blog Css */
.ListBLogBx_in {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-columns: 62% 36%;
    display: grid;
}
.ListBLogBx_LEFT {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-columns: 48% 48%;
    display: grid;
    gap: calc(var(--spacing) * 6);
}
.ListBLogBx_6 {
    border: 1px solid rgba(15, 37, 69, 0.08);
    box-shadow: rgba(15, 37, 69, 0.07) 0px 4px 24px;
    border-radius: 20px;
}
.Articles_IMG img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}
.ListBLogBx_6 .Articles_IMG:before {
    display: none;
}
.Articles_IMG .Articles_IMG_a {
    display: block;
    position: relative;
    height: 100%;
}
.Articles_IMG .Articles_IMG_a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(transparent 50%, rgba(10, 29, 56, 0.55) 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
}









/*Footer css*/
footer {
    background-color: rgb(5, 15, 31);
    padding-bottom: 0 !important;
}

.ftrrow.row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: calc(var(--spacing) * 10);
}
.ftrrow .ftrCol1 span{
    flex: 1;
}
.ftrCol1 p{
    font-size: 0.88rem;
    line-height: 1.7;
}
.ftrrow svg {
    height: 20px !important;
    width: 16px !important;
}
.ftr_hd {
    font-style: normal;
    align-items: center;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin-bottom: calc(var(--spacing) * 5);
    color: var(--color-white);
    font-weight: 700;
    font-size: 0.95rem;
}
/* .ftr_hd:before {
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70px;
    background: #C4C4C4;
} */
footer li {
    display: block;
    line-height: 20px;
    margin-bottom: 20px;
    transition: 0.5s all ease;
}
footer a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.03em;
    display: block;
    color: #9398A8;
    transition: 0.5s all ease;
}
footer a:hover {
    color: var(--color-gray-200);
    transition: 0.5s all ease;
}
footer p {
}
.ftrCol4, .ftrCol3 {
    padding-left: 0;
}
.ftr_Form {
    position: relative;
    width: 410px;
    margin-top: 45px;
}
.ftr_Form input.form-control {
    width: 100%;
    height: 48px;
    background: #FFFFFF;
    border: 0;
    border-radius: 0px;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #737C8A;
    outline: none;
    box-shadow: none;
}
button.ftr_btn {
    position: absolute;
    right: 2px;
    top: 2px;
    background: linear-gradient(270deg, #FFC320 -0.12%, #FFA519 97.96%);
    border-radius: 0;
    border: 0;
    font-style: normal;
    font-weight: 4005;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    text-align: center;
    width: 121px;
    height: 44px;
    background: #07090F;
    outline: none !important;
    transition: 0.5s all ease;
}
button.ftr_btn:hover {
    color: #fff;
    background: #c9a84c;
    outline: none !important;
    transition: 0.5s all ease;
}
.ftrSocial {
    margin-top: 25px;
}
.ftrSocial a {
    display: inline-block;
    margin-right: 12px;
    transition: 0.5s all ease;
    width: 30px;
    height: 30px;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    color: #07090F;
    font-size: 16px;
    border-radius: 50%;
    font-weight: 600;
}
.ftrSocial a:hover {
    transition: 0.5s all ease;
    background: #c9a84c;
    color: #fff !important;
}
.bt_ftr {
    padding: 27px 0 22px 0;
    background: #14161C;
}
.bt_ftr li {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    margin: 0 5px;
    color: #FFFFFF;
}
.footer_bt {
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    margin-top: 50px;
}
.bt_ftr p {
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0.03em;
    color: #e2e2e4;
}
.footer_bt_in, .footer_bt_in a {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-gray-600);
}





/* Blog Details Page css */
.BlogPage_category ul.post-categories {
    margin: 0;
    padding: 0;
}
.BlogPage_category {
    display: inline-flex;
    align-items: center;
}
.BlogPage_category svg {
    display: inline-block;
    margin-right: 5px;
}
.Articles_right_category .BlogPage_category {
    padding: 5px 10px;
}
.blog_detail_page {
    width: 100%;
    padding: 70px 0;
    background: #fff;
}
.blog_detail_in {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-columns: 60.5% 37.4%;
}
.blog_detail_page p{
    max-width: 100% !important;
    line-height: 24px;
}
.ast-container {
   display: block !important;
}
.inner_banner {
	padding: 170px 0 150px;
}

.page-template-t_blog .site-content .ast-container, .page-template-t_Smart_ODR .site-content .ast-container{
    max-width: 100% !important;
    padding: 0 !important;
}
.single-post .site-content .ast-container {
    max-width: 100% !important;
    padding: 0 !important;
}
#ast-scroll-top {
    background-color: #c9a84c;
    font-size: 15px;
    padding: 12px 5px;
}
header.entry-header .entry-title {
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 800;
    color: rgb(15, 37, 69);
    line-height: 1.2;
    margin-bottom: 40px;
    text-align: center;
}
.page-id-65 .ast-single-post-featured-section.post-thumb.ast-article-image-container--wide {
    height: 300px;
}




.Resolve_Stock_page_scn{
    background-color: rgb(10, 29, 56); min-height: 75vh;
}

.What_SMART_ODR h2{
    font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; color: rgb(255, 255, 255);
}
.What_SMART_ODR h3{
    font-size: 1rem; color: rgb(229, 231, 235); line-height: 1.7; max-width: 820px;
}
.What_SMART_ODR_in1 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.What_SMART_ODR_in1_repeat{
    background: white; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px;
}
.What_SMART_ODR_nmbr{
    background-color: rgb(16, 185, 129); font-weight: 700; color: white; font-size: 0.9rem;
}
.What_SMART_ODR_in1 h4{
    font-size: 1.05rem; font-weight: 700; color: rgb(15, 37, 69); margin-bottom: 0.5rem;
}
.What_SMART_ODR_in1 p{
    font-size: 0.88rem; color: rgb(100, 116, 139); line-height: 1.6;
}


.What_SMART_ODR_in2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.What_SMART_ODR_in2_repeat h4{
    font-size: 1rem; font-weight: 700; color: white;
}

.What_SMART_ODR_in2_repeat p{
    font-size: 0.85rem; color: rgb(229, 231, 235); line-height: 1.6;
}
.Support_You_in{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.Support_You_bx{
    background-color: rgb(248, 249, 251); border: 1.5px solid rgb(238, 240, 244); box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 16px;
}
.Support_You_in h3{
    font-size: 1rem; font-weight: 700; color: rgb(15, 37, 69); margin-bottom: 0.5rem;
}
.Support_You_in p{
    font-size: 0.88rem; color: rgb(100, 116, 139); line-height: 1.6;
}
a:focus, a:hover {
    
}
.What_Scores_in h2{
    font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; color: rgb(15, 37, 69); margin-bottom: 1.5rem;
}
.What_Scores_in h3{
    font-size: 1rem; color: rgb(100, 116, 139); line-height: 1.7; margin-bottom: 2rem;
}
.What_Scores_in h3{
    font-size: 1rem; color: rgb(100, 116, 139); line-height: 1.7; margin-bottom: 2rem;
}
.What_Scores_in p{
    font-size: 1rem; color: rgb(100, 116, 139); line-height: 1.7; margin-top: 2rem;
}
.What_Scores_ul li{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1rem;
    color: rgb(255, 255, 255);
    font-weight: 600;
}
.What_Scores_ul li span{
    width: 8px; height: 8px; border-radius: 50%; background-color: rgb(251, 191, 36); flex-shrink: 0;
}

button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover .button:hover, .ast-custom-button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus, body .wp-block-file .wp-block-file__button:hover, body .wp-block-file .wp-block-file__button:focus {
    color: #ffffff;
    background-color: #c9a84c;
    border-color: #c9a84c;
}
a.Unanswered_btn_1, a.Unanswered_btn_2 {
    color: #fff;
}

.author-box {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-gray-800);
    font-family: Inter, sans-serif !important;
    display: flex;
    align-items: center;
}
.author_name_author_date {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 10px;
}
.author-initials {
    background-color: rgb(15, 37, 69);
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    display: flex;
    color: #fff;
    text-align: center;
}
.author-date {
    font-size: 0.72rem;
    color: var(--color-gray-400);
}


.Short_video_show {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background: rgb(0 0 0 / 73%);
	overflow-y: scroll;
	padding-top: 30px;
	z-index: 99;
}

.Short_video_show h3 {
	font-size: 22px;
	line-height: 26px;
	padding: 0;
	margin: 0 0 20px 0;
	color: #333;
	font-weight: 600;
}

.Short_video_show_in {
	max-width: 760px;
	width: 100%;
	padding: 20px;
	background: #fff;
	border-radius: 10px;
	margin: 0 auto;
	position: relative;
}

.Short_video_show_close {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgb(201, 168, 76);
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 10px 0px 10px;
    cursor: pointer;
    z-index: 1;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.OverHidden {
	overflow: hidden !important;
}

.popup_bx .et_pb_video_box video {
    height: 400px;
    border-radius: 10px;
}
.Free_Resources_in {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    /* grid-template-columns: 62% 36%; */
    display: grid;
    gap: 20px;
}
.Free_Resources_in .Short_video_repeat {
    width: 100%;
    height: 350px;
}

#page .site-content .ast-container {
    max-width: 100% !important;
    padding: 0;
}
@media (max-width: 1024px) {
    section.Short_video_scn-new {
        overflow: hidden;
    }
	.ast-builder-menu-mobile .main-navigation ul li a {
      background: #f0f5fa !important;
      color: #000 !important;
   }
}








/* SMLH 1.1 slider/overflow fixes */
html, body { max-width:100%; overflow-x:hidden; }
.site-shell, .site-content, .site-main { max-width:100%; overflow-x:clip; }
.Short_video_scn-new { width:100%; max-width:100%; overflow:hidden; }
.Short_video_mn { max-width:none; }
.BannerSlider { position:relative; padding-left:42px; padding-right:42px; }
.BannerSlider .owl-nav, .SMLHBlogSlider .owl-nav, .SMLHResourceSlider .owl-nav { display:flex; justify-content:space-between; align-items:center; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); pointer-events:none; }
.BannerSlider .owl-nav button, .SMLHBlogSlider .owl-nav button, .SMLHResourceSlider .owl-nav button { pointer-events:auto; width:34px; height:34px; border-radius:50%; border:1px solid rgba(201,168,76,.45)!important; background:#0f2545!important; color:#fff!important; font-size:25px!important; line-height:28px!important; display:flex!important; align-items:center; justify-content:center; box-shadow:0 5px 16px rgba(15,37,69,.16); }
.BannerSlider .owl-dots, .SMLHBlogSlider .owl-dots, .SMLHResourceSlider .owl-dots { display:flex; justify-content:center; gap:7px; margin-top:14px; }
.BannerSlider .owl-dot span, .SMLHBlogSlider .owl-dot span, .SMLHResourceSlider .owl-dot span { width:7px!important; height:7px!important; margin:0!important; background:#cbd5e1!important; display:block; border-radius:50%; }
.BannerSlider .owl-dot.active span, .SMLHBlogSlider .owl-dot.active span, .SMLHResourceSlider .owl-dot.active span { background:#c9a84c!important; }
.SMLHBlogSlider, .SMLHResourceSlider { width:100%; }
.SMLHBlogSlider .owl-stage, .SMLHResourceSlider .owl-stage { display:flex; }
.SMLHBlogSlider .owl-item, .SMLHResourceSlider .owl-item { display:flex; }
.SMLHBlogSlider .ListBLogBx_6 { width:100%; }
.SMLHResourceSlider .Short_video_repeat { width:100%; height:310px; }
.contact_form_wrap { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.contact_form_box { min-width:0; }
@media (max-width:767px){
  .BannerSlider { padding-left:0; padding-right:0; }
  .BannerSlider .owl-nav { display:none; }
  .SMLHBlogSlider, .SMLHResourceSlider { padding:0 8px; }
  .contact_form_wrap { grid-template-columns:1fr; }
}


/* SMLH v3 - Hero image expansion and blog grid */
.banner_in {
    align-items: stretch;
}
.banner_right {
    display: block;
    min-height: 430px;
}
.banner_hover_dv,
.banner_hover_in {
    width: 100%;
    height: 100%;
}
.banner_hover_in {
    align-items: stretch;
    justify-content: flex-end;
    gap: 14px;
}
.banner_hover_bx {
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    min-height: 430px;
    border-radius: 14px;
    transition: flex-basis .65s cubic-bezier(.16,1,.3,1), transform .65s cubic-bezier(.16,1,.3,1), border-color .35s ease;
}
.banner_hover_bx img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.02);
    transition: transform .8s cubic-bezier(.16,1,.3,1), filter .5s ease;
}
.banner_hover_bx > div {
    background: linear-gradient(to top, rgba(5, 20, 42, .72) 0%, rgba(5, 20, 42, .20) 45%, transparent 75%) !important;
    opacity: 1 !important;
    transition: background .5s ease;
}
.banner_hover_bx.active {
    flex-basis: 54%;
    transform: translateY(-2px);
    border-color: rgba(201,168,76,.72);
    z-index: 2;
}
.banner_hover_bx.active img {
    transform: scale(1.09);
    filter: brightness(1.02) saturate(1.03) !important;
}
.banner_hover_in:hover .banner_hover_bx:not(.active) img {
    filter: brightness(.66) saturate(.86) !important;
}
.banner_hover_bx:not(.active) {
    flex-basis: 23%;
}
.banner_right .banner_rt_tx {
    display: none !important;
}

/* Blog page: featured article + fixed two-column article grid. No carousel. */
.smlh-blog-page {
    padding: 90px 0 100px;
    background: #fff;
}
.smlh-blog-heading {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center;
}
.smlh-blog-heading .small_hd {
    display: inline-block;
    margin-bottom: 14px;
}
.smlh-blog-heading h1 {
    margin: 0 0 14px;
    color: #0f2545;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    font-weight: 800;
}
.smlh-blog-heading h1 span { color: #c9a84c; }
.smlh-blog-heading p {
    margin: 0 auto;
    color: #64748b;
    max-width: 620px;
}
.smlh-featured-post {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    background: #f7f9fc;
    border: 1px solid rgba(15,37,69,.08);
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 44px;
    box-shadow: 0 18px 50px rgba(15,37,69,.08);
}
.smlh-featured-image {
    position: relative;
    min-height: 410px;
    overflow: hidden;
}
.smlh-featured-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .65s cubic-bezier(.16,1,.3,1);
}
.smlh-featured-image:hover img,
.smlh-blog-card-image:hover img {
    transform: scale(1.06);
}
.smlh-featured-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 8px 13px;
    border-radius: 999px;
    background: #c9a84c;
    color: #0f2545;
    font-size: 12px;
    font-weight: 800;
}
.smlh-featured-content {
    padding: 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.smlh-blog-meta {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    margin-bottom: 12px;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 600;
}
.smlh-blog-meta a { color: #b45309; text-decoration: none; }
.smlh-featured-content h2 {
    margin: 0 0 16px;
    font-size: clamp(1.55rem, 2.5vw, 2.2rem);
    line-height: 1.2;
    color: #0f2545;
}
.smlh-featured-content h2 a,
.smlh-blog-card h3 a { color: inherit; text-decoration: none; }
.smlh-featured-content p,
.smlh-blog-card-content p {
    margin: 0 0 22px;
    color: #64748b;
    line-height: 1.75;
}
.smlh-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0f2545;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}
.smlh-read-more span { color: #c9a84c; transition: transform .25s ease; }
.smlh-read-more:hover span { transform: translateX(4px); }
.smlh-blog-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 28px;
}
.smlh-blog-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(15,37,69,.08);
    border-radius: 20px;
    box-shadow: 0 10px 32px rgba(15,37,69,.06);
    transition: transform .35s ease, box-shadow .35s ease;
}
.smlh-blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(15,37,69,.11);
}
.smlh-blog-card-image {
    display: block;
    aspect-ratio: 16/9;
    overflow: hidden;
    background: #e2e8f0;
}
.smlh-blog-card-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .65s cubic-bezier(.16,1,.3,1);
}
.smlh-blog-card-content { padding: 25px; }
.smlh-blog-card h3 {
    margin: 0 0 12px;
    color: #0f2545;
    font-size: 1.25rem;
    line-height: 1.35;
}
.smlh-no-posts {
    padding: 50px;
    text-align: center;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    color: #64748b;
}

@media (max-width: 921px) {
    .banner_right { min-height: 360px; }
    .banner_hover_bx { min-height: 360px; }
    .smlh-featured-post { grid-template-columns: 1fr; }
    .smlh-featured-image { min-height: 330px; }
}
@media (max-width: 640px) {
    .banner_right { min-height: 330px; }
    .banner_hover_in { gap: 8px; }
    .banner_hover_bx { min-height: 330px; border-radius: 10px; }
    .banner_hover_bx:not(.active) { flex-basis: 20%; }
    .banner_hover_bx.active { flex-basis: 60%; }
    .smlh-blog-page { padding: 65px 0 75px; }
    .smlh-featured-content { padding: 25px; }
    .smlh-featured-image { min-height: 245px; }
    .smlh-blog-grid { grid-template-columns: 1fr; gap: 20px; }
}


/* =========================================================
   SMLH v6 - Blog page reference layout
   Banner immediately below header + featured article + 2-column posts.
   ========================================================= */
.smlh-blog-banner {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 0;
    background: #f3f3f3;
}
.smlh-blog-banner img {
    display: block;
    width: 100%;
    height: clamp(180px, 21vw, 330px);
    object-fit: cover;
    object-position: center;
}
.smlh-blog-page {
    width: 100%;
    padding: 62px 20px 85px;
    background: #fff;
}
.smlh-blog-container {
    width: min(1180px, 100%);
    margin: 0 auto;
}
.smlh-blog-heading {
    text-align: center;
    margin: 0 auto 34px;
    max-width: 850px;
}
.smlh-blog-heading .small_hd {
    display: inline-block;
    margin-bottom: 8px;
    color: #c9a84c;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.smlh-blog-heading h1 {
    margin: 0 0 10px;
    color: #0b2545;
    font-size: clamp(28px, 3.2vw, 42px);
    line-height: 1.12;
    font-weight: 800;
}
.smlh-blog-heading h1 span,
.smlh-section-title h2 span { color: #c9a84c; }
.smlh-blog-heading p {
    margin: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.7;
}
.smlh-featured-post {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
    min-height: 430px;
    margin: 0 0 54px;
    overflow: hidden;
    border: 1px solid #e7ebf0;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(11,37,69,.09);
}
.smlh-featured-image {
    position: relative;
    display: block;
    min-height: 430px;
    overflow: hidden;
    background: #e8edf2;
}
.smlh-featured-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 430px;
    object-fit: cover;
    transition: transform .65s cubic-bezier(.2,.7,.2,1);
}
.smlh-featured-image:hover img { transform: scale(1.055); }
.smlh-featured-badge {
    position: absolute;
    top: 22px;
    left: 22px;
    padding: 8px 13px;
    border-radius: 999px;
    background: #c9a84c;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.smlh-featured-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 48px;
}
.smlh-blog-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 14px;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 600;
}
.smlh-blog-meta > span:first-child { color: #b08b2d; }
.smlh-featured-content h2 {
    margin: 0 0 15px;
    color: #0b2545;
    font-size: clamp(25px, 2.4vw, 36px);
    line-height: 1.2;
    font-weight: 800;
}
.smlh-featured-content h2 a,
.smlh-blog-card h3 a { color: inherit; text-decoration: none; }
.smlh-featured-content p,
.smlh-blog-card-content p {
    margin: 0 0 22px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.75;
}
.smlh-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 11px 18px;
    border-radius: 7px;
    background: #c9a84c;
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    transition: transform .2s ease, background .2s ease;
}
.smlh-read-more:hover { transform: translateY(-2px); background: #b79332; }
.smlh-section-title {
    margin: 0 0 22px;
}
.smlh-section-title h2 {
    margin: 0;
    color: #0b2545;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
}
.smlh-blog-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}
.smlh-blog-card {
    overflow: hidden;
    border: 1px solid #e7ebf0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(11,37,69,.06);
    transition: transform .28s ease, box-shadow .28s ease;
}
.smlh-blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(11,37,69,.11);
}
.smlh-blog-card-image {
    display: block;
    height: 285px;
    overflow: hidden;
    background: #e8edf2;
}
.smlh-blog-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s cubic-bezier(.2,.7,.2,1);
}
.smlh-blog-card:hover .smlh-blog-card-image img { transform: scale(1.06); }
.smlh-blog-card-content { padding: 25px 27px 28px; }
.smlh-blog-card h3 {
    margin: 0 0 12px;
    color: #0b2545;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 800;
}
.smlh-blog-card-content .smlh-read-more { margin-top: 2px; }
.smlh-no-posts {
    padding: 50px;
    border: 1px solid #e7ebf0;
    border-radius: 18px;
    text-align: center;
    color: #64748b;
}
@media (max-width: 900px) {
    .smlh-featured-post { grid-template-columns: 1fr; }
    .smlh-featured-image,
    .smlh-featured-image img { min-height: 360px; height: 360px; }
    .smlh-featured-content { padding: 34px; }
}
@media (max-width: 640px) {
    .smlh-blog-banner img { height: 175px; object-position: center; }
    .smlh-blog-page { padding: 42px 16px 60px; }
    .smlh-blog-heading { margin-bottom: 26px; }
    .smlh-featured-post { border-radius: 15px; margin-bottom: 40px; }
    .smlh-featured-image,
    .smlh-featured-image img { min-height: 245px; height: 245px; }
    .smlh-featured-content { padding: 25px 22px 28px; }
    .smlh-featured-content h2 { font-size: 25px; }
    .smlh-blog-grid { grid-template-columns: 1fr; gap: 20px; }
    .smlh-blog-card-image { height: 230px; }
    .smlh-blog-card-content { padding: 22px; }
}