@charset "utf-8";
/*..............embedded fonts..............*/
    
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

/*..............embedded fonts..............*/

/*font-family: "Figtree", sans-serif;*/

/*..............custom fonts..............*/

:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.6s ease-in-out 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-primary: #667284;
    --clr-secondary: #222;
    --clr-accent: #4141db;
    --clr-blue-deep: #16284C;
    --clr-blue-light: #033A82;
    --clr-blue-btn: #0944B8;
    --clr-white: #fff;
    --clr-green: #006A5C;

    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 25px 0;
    --broder-radius: 30px;
    --border-radius-image: 10px;
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
}

:root{
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: "Figtree", sans-serif;
    /*--ff-title: "Roboto", sans-serif;*/
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-exbold: 800;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 60px;
    --f-size-XXL: 48px;
    --f-size-XL: 40px;
    --f-size-L: 30px;
    --f-size-M: 24px;
    --f-size-S: 20px;
    --f-size-Body: 20px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
}

body,p { font-family: var(--ff-base); font-weight: var(--fw-semibold); font-size: var(--f-size-Body); color: var(--clr-primary);}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{ font-family: var(--ff-base); font-weight: var(--fw-bold); color: var(--clr-blue-deep); margin: var(--margin-title);}
h1,.h1 { font-size: var(--f-size-XXXL);}
h2,.h2 { font-size: var(--f-size-XXL);}
h3,.h3 { font-size: var(--f-size-XL);}
h4,.h4 { font-size: var(--f-size-L);}
h5,.h5 { font-size: var(--f-size-M);}
h6,.h6 { font-size: var(--f-size-S);}

p { margin: var(--margin-title);}


/*..............common styles..............*/
body { margin: 0; padding: 0; }
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{color: var(--clr-white);}
/*h1, h2, h3, h4, h5, h6 { font-weight: 500; margin:0 0 20px; padding:0; color: #000;}
h1{ font-size:100px; font-family: 'c Cooking Beef';}
h2{ font-size:100px; font-family: 'c Cooking Beef';}
h3{ font-size:25px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
p{ font-size:24px; color: #000; margin:0 0 20px; padding:0; font-family: 'Josefin Sans', sans-serif;}*/
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { /*color: #179ae2;*/ outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{  font-family: var(--ff-base); font-weight: var(--fw-semibold); font-size: var(--f-size-Body); color: var(--clr-primary); outline: none !important; }
input[type="submit"], input[type="submit"]:focus, input:focus, textarea:focus, select:focus, .form-control:focus{ outline: none; box-shadow: none;}

/* --- for placeholder color --- */


/* --- Button Styles --- */
.btn { border: 0; display: inline-block; vertical-align: top; background: var(--clr-blue-btn); color: #fff; 
    padding: 14px 40px; font-size: 18px; font-weight: var(--fw-semibold); border-radius: 10px;}
.btn-wh { background: var(--clr-white); color: var(--clr-blue-light); border: 1px solid #DDDDDD;}
.btn-green { background: var(--clr-green); color: #fff;}


.btn:hover{background: var(--clr-blue-light); color: #fff;}
.btn-wh:hover{ background: var(--clr-green); color: #fff; }
.btn-green:hover, .btn-banner-search:hover {background: var(--clr-blue-btn); color: #fff; border-color: var(--clr-blue-light);}

.btn:focus, button:focus{outline: none;}

/* --- Button Styles --- */


/*..............common styles..............*/

.click { display:none; /*color: #000; float: right; font-size: 28px;*/     position: absolute;
    top: 0;
    right: 0;
    /*background-color: #777575;*/
    /*width: 50px;
    height: 50px;
    */
    width: 30px;
    height: 45px;}
.main_menu a.closebtn{
    display: none;
    }

/*for header css*/
.main-header { /*background: rgba(30, 30, 34, 0.9);*/ padding: 15px 0; border-bottom: 1px solid #E1E4E9; position: sticky; top: 0; background-color: var(--clr-white); z-index: 1;}
.headerRow{display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
.header-right{display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}

.logo { max-width: 354px;}
/*.dnt-btn { float: right; margin-left: 10px; padding-top: 5px;}
.dnt-btn a { background: #97c88b; color: #fff; text-transform: uppercase; border-radius: 6px; padding: 10px 25px; letter-spacing: 1px;}*/

/*.main_menu { float: right; }*/
.main_menu ul { margin: 0; padding: 0; list-style: none;}
.main_menu ul li { list-style: none; display: inline-block; vertical-align: top; margin: 0 25px; position: relative;}
.main_menu ul li a { display: block; font-weight: var(--fw-bold); padding: 30px 5px; color: var(--clr-blue-light); position: relative; transition: var(--transition-common);}
.main_menu ul li a:before{width: 0; height: 3px; position: absolute; bottom: 0; content: ""; background-color:var(--clr-green); left: 0; right: 0; margin: 0 auto; transition: var(--transition-common);}
.main_menu ul li a:hover:before, .main_menu ul li.current-menu-item a:before{width: 100%;}

.main_menu ul li:hover a, .main_menu ul li.current-menu-item a { color: var(--clr-green);}

.main_menu ul li.menu-item-has-children span { position: absolute; top: 29px; right: -8px; width: 10px; height: 21px;}

/*sub-menu-css(Start)*/
.main_menu ul li ul.sub-menu{position: absolute; width: 250px; left: 0; background-color: var(--clr-white); border: 1px solid #DDDDDD; border-radius: 10px; overflow: hidden; top: 90px; z-index: 2; display: none;}
.main_menu ul li:hover ul.sub-menu{display: block;}
.main_menu ul li ul.sub-menu li{ margin: 0 15px;}
.main_menu ul li ul.sub-menu li a{padding: 8px 0px;}

/*sub-menu-css(End)*/
/*for header css*/

/*-- header-search(Start) --*/
.header-search{cursor: pointer; width: 50px; height: 50px; border-radius: 100px; border: 1px solid #E1E4E9; background-color: #F4F7F5; display: flex; align-items: center; justify-content: center;}

    .search-box{ position: fixed; height: 160px; width: 100%; background: var(--clr-blue-deep); z-index: 99; left: 0; top: 0; transition: all 0.6s ease-in-out 0s; display: none;}
    .search-boxinner{ position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; width: 80%; margin: 0 auto;}
    .search-boxinner form{display: flex;}
    .search-input{width: 100%; /*padding: 6px 50px 6px 10px;*/ padding: 6px 6px; background: transparent; border-radius: 0; border:none; border-bottom: 1px solid #ccc; height: 50px; font-size: 18px; color: var(--clr-white);}
    .search-btn{border-radius: 0; border:none; cursor: pointer; width: 40px; background: transparent; color: #ddd; font-size: 21px;}
    .search-close { position: absolute; color: #fff; top: 8px; right: 34px; cursor: pointer; font-size: 26px; background: #ff1515; width: 34px; height: 34px; border-radius: 100px; display: flex; align-items: center; justify-content: center; text-align: center;}
/*-- header-search(End) --*/


.slider-wrap { position: relative;}
.slider-wrap.home-banner { text-align: right;}
.home-banner { background: #F7FAFF; /*min-height: 450px;*/}
.slider-wrap.home-banner .home-banner-pic { /*max-width: 1099px;*/ max-width: 1059px; height: 439px; position: relative; width: 100%; margin-left: auto; padding-top: 25px;}
.slider-wrap.home-banner img { width: 100%; height: 100%; object-fit: contain; object-position: bottom;}
.hom-banner-content{position: absolute; top: 50px; max-width: 630px; text-align: left;}
.hom-banner-content h1 span{display: block;}

.banner-search form{display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; border: 1px solid #ddd; border-radius: 15px; background-color: var(--clr-white); padding: 5px 5px 5px 20px;}
.banner-search .form-control{border: none; width: calc(100% - 150px); margin-right: 5px; height: 45px;}
.btn-banner-search{background-color: var(--clr-green); color: var(--clr-white); font-size: 18px; font-weight: var(--fw-semibold); padding: 11px 30px; border-radius: 10px; outline: none !important; border: none;}

.banner-search-list { margin-top: 15px;}
.banner-search-list ul{list-style: none; padding: 0; margin: 0; display: flex; flex-flow: row wrap;}
.banner-search-list ul li{position: relative; padding: 5px 15px; color: var(--clr-secondary);}
.banner-search-list ul li:first-child{ padding: 5px 0px;}
.banner-search-list ul li:last-child{ padding: 5px 0px 5px 15px;}
.banner-search-list ul li:after{position: absolute; background: url(../images/banner-link-devider.png); width: 1px; height: 25px; top: 0; list-style: 0; content: ""; right: 0px; top: 9px;}
.banner-search-list ul li:first-child:after, .banner-search-list ul li:last-child:after{display: none;}
.banner-search-list ul li a{color: #244F8B; font-size: 16px; font-weight: var(--fw-bold);}
.banner-search-list ul li a:hover{color: var(--clr-green);}

/*for main sections css*/

/*main.main-section { padding: 80px 0;}*/

.common-padding{padding-top: 100px; padding-bottom: 100px;}
.common-padding-md{padding-top: 80px; padding-bottom: 80px;}
.common-padding-sm{padding-top: 50px; padding-bottom: 50px;}
.common-padding-ss{padding-top: 30px; padding-bottom: 30px;}

.slick-arrow {
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    z-index: 1;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.14);
    transition: all 0.6s ease-in-out 0s;
}
.slick-prev {
    background-image: url(../images/strategic-arrowL.png);
    background-repeat: no-repeat;
    background-position: center center;
    left: 0;
}
.slick-next {
    background-image: url(../images/strategic-arrowR.png);
    background-repeat: no-repeat;
    background-position: center center;
    right: 0;
}
/*.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus*/

.slick-prev:before, .slick-next:before{display: none;}


.hom-benifit-icon-box{padding: 30px; border-radius: var(--broder-radius); border: 1px solid #ddd; display: flex; flex-flow: row wrap; height: 100%;}
.hom-benifit-icon{width: 112px; height: 112px; border-radius: 100px; background-color: #E6EFFE; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.hom-benifit-content-right{width: calc(100% - 112px); padding-left: 30px;}
.hom-benifit-content-right h4, .hom-benifit-content-right p, .hom-trusted-content-right h5, .hom-trusted-content-right p{margin-bottom: 20px;}
.benifit-content-bottom h4 a { color: var(--clr-secondary);}
.benifit-content-bottom h4 a:hover { color: var(--clr-blue-light);}

.benefits-text-link{font-weight: var(--fw-exbold); color: var(--clr-blue-btn); transition: var(--transition-common);}
.benefits-text-link span{ transition: var(--transition-common);}
.benefits-text-link:hover span{margin-left: 5px;}
.benefits-text-link:hover {color: var(--clr-blue-light);}

.hom-not-sure-box{padding: 30px 35px; background: #F6F8F7; border: 1px solid #ddd; border-radius: var(--broder-radius); display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between;}

.hom-not-sure-left{width: auto; padding-right: 15px; display: flex; flex-flow: row wrap; align-items: center; justify-content: center;}
.hom-not-sure-icon{width: 118px; height: 118px; border-radius: 100px; display: flex; align-items: center; justify-content: center; background-color: #07466A; overflow: hidden;}
.hom-not-sure-right{padding-left: 30px;}
.hom-not-sure-right h4{margin-bottom: 15px;}
.hom-not-sure-right p{margin-bottom: 0; max-width: 420px;}
.hom-not-sure-btn{width: auto;}





.hom-trusted-icon-box{/*padding: 30px; border-radius: var(--broder-radius); border: 1px solid #ddd;*/ display: flex; flex-flow: row wrap; height: 100%;}
.hom-trusted-icon{width: 100px; height: 100px; border-radius: 100px; background-color: #E8F2EF; display: flex; align-items: center; justify-content: center;}
.hom-trusted-content-right{width: calc(100% - 112px); padding-left: 20px;}

/*for main sections css*/


/*for footer sections css*/

.ftr-sec { background-color: #021B41; padding: 20px 0;}

.copy-right p{margin-bottom: 0;}

.ftr-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap; justify-content: flex-end; column-gap: 30px;}
.ftr-menu ul li { text-transform:capitalize;}
.ftr-menu ul li a { color: var(--clr-white);}
.ftr-menu ul li a:hover { /*color: var(--clr-primary);*/ color: #c3c3c3;}

/*for footer sections css*/

/*======== inner-page-css(Start) ========*/

/*-- blog-page-css(Start) --*/

.blog-sec .benifit-side-bar { margin-top: 0;}

.blog-box-lg-wraper{display: flex; flex-flow: row wrap; align-items: center;}
.blog-pic-lg{border-radius: var(--broder-radius); overflow: hidden; width: 40%;}
.blog-content-lg{width: 60%; padding-left: 60px;}
.blog-box-lg-wraper .blog-content-lg h4 a, .benifit-content-bottom h4 a, .search-result-item header.entry-header .entry-title.h4 a{color: var(--clr-secondary);}
.blog-box-lg-wraper .blog-content-lg h4 a:hover, .benifit-content-bottom h4 a:hover, .search-result-item header.entry-header .entry-title.h4 a:hover{color: var(--clr-blue-light);}

/*-- blog-page-css(End) --*/

/*-- blog-details-page-css(Start) --*/
.blog-details h2{color: var(--clr-secondary);}
.blog-details .breadcrumb-list ul { justify-content: flex-start;}
.blog-details .tag-benifit { display: inline-block; margin: 20px 0;}
.blog-details{color: #1E447E; font-weight: var(--fw-semibold);}
.blog-details-pic{border-radius: var(--broder-radius); overflow: hidden; height: 400px; overflow: hidden; position: relative;}
.blog-details-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
h6.blog-details-date {font-size: 18px; color: #1E447E; font-weight: var(--fw-semibold);}

.blog-details ul li, .blog-details ol li{color: #000;}
.blog-details-top-title-row .tag-benifit { display: inline-block; margin: 20px 0;}

/*-- blog-details-page-css(End) --*/

.on-this-list { height: 300px; overflow: auto;}
.on-this-list ul{list-style: none; padding: 0; margin: 0;}
.on-this-list ul li{padding: 20px 0; position: relative;}
.on-this-list ul li:after{bottom: 0; width: 100%; height: 1px; background: linear-gradient(to right, #fff, #337DE6, #033A82, #337DE6, #fff); content: ""; position: absolute;}
.on-this-list ul li a { width: 100%; display: flex; justify-content: space-between; flex-flow: row wrap; align-items: center; transition: var(--transition-common); /*color: var(--clr-blue-deep);*/ color: var(--clr-secondary); font-weight: var(--fw-exbold); padding-right: 25px; position: relative;}
.on-this-list ul li a span{color: #337DE6; transition: var(--transition-common);
    width: 20px;
    position: absolute;
    right: 0;
    top: 2px;}
.on-this-list ul li a:hover, .on-this-list ul li.active a, .on-this-list ul li a:hover span, .on-this-list ul li.active a span{color: var(--clr-blue-btn);}


/*-- benefits-usiversal-page-css(Start) --*/

.benifit-banner{background-color: #F1F5FB; min-height: 558px; position: relative;}
.banner-btn-row{display: flex; flex-flow: row wrap; column-gap: 20px; /*justify-content: center;*/}
.benifit-banner-row{display: flex; flex-flow: row wrap; column-gap: 30px; justify-content: space-between; align-items: flex-end; height: 100%;}

.benifit-banner-middle { max-width: 860px; position: relative; width: 100%; display: flex; flex-flow: row wrap; align-items: center; margin: 0 auto; height: 558px;}
.benifit-banner-pic-left{max-width: 372px; /*position: relative; bottom: -115px;*/ position: absolute; bottom: 0; left: 0;}
.benifit-banner-pic-right{max-width: 491px; /*position: relative; bottom: -94px;*/ position: absolute; bottom: 30px; right: 0;}
.benifit-banner-middle-shape{position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%);}
.benifit-banner-middle-content{max-width: 811px; margin: 0 auto; position: relative; z-index: 1;}



.breadcrumb-list ul{display: flex; flex-flow: row wrap; list-style: none; padding: 0; margin: 0; /*justify-content: center;*/}
.breadcrumb-list ul li{ padding-right: 30px; position: relative;}
.breadcrumb-list ul li:after{ position: absolute; right: 11px; top: 54%; content: "\f054"; font-family: "FontAwesome"; font-weight: 900; color: #8F8F8F; font-size: 12px; transform: translateY(-50%);}
.breadcrumb-list ul li:last-child{padding-right: 0px;}
.breadcrumb-list ul li:last-child:after{display: none;}
.breadcrumb-list ul li a{color: #8F8F8F;}
.breadcrumb-list ul li a:hover, .breadcrumb-list ul li.active a{color: #2F77E3;}

.benifit-banner-middle-content p { max-width: 595px; margin: 0 auto 30px;}
.benifit-banner-middle .btn-wh:hover { background: var(--clr-blue-light); color: #fff;}

.benifit-title { margin-bottom: 50px;}
.benifit-title h6{letter-spacing: 14px; text-transform: uppercase; /*color: var(--clr-blue-light);*/ color: var(--clr-secondary);}

.benifit-top-pic{border-radius: var(--broder-radius); position: relative; padding-top: 78%; overflow: hidden;}
.benifit-top-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: var(--transition-common);}
.benifit-box:hover .benifit-top-pic img{transform: scale(1.1);}

.tag-date-row{display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin-bottom: 25px;}
.tag-benifit{background-color: #E2EFFB; color: var(--clr-blue-light); border-radius: 50px; min-width: 112px; padding: 7px 10px; font-weight: var(--fw-semibold); text-align: center;}
.date-benifit{color: #666D87;}
.benifit-content-bottom{padding-top: 25px;}

.benifit-side-bar{margin-top: 74px;}
.on-this-box{border-radius: var(--broder-radius); border: 1px solid #ddd; padding: 30px 30px 40px;}
/*.on-this-list ul{list-style: none; padding: 0; margin: 0;}
.on-this-list ul li{padding: 20px 0; position: relative;}
.on-this-list ul li:after{bottom: 0; width: 100%; height: 1px; background: linear-gradient(to right, #fff, #337DE6, #033A82, #337DE6, #fff); content: ""; position: absolute;}
.on-this-list ul li a { width: 100%; display: flex; justify-content: space-between; flex-flow: row wrap; align-items: center; transition: var(--transition-common); color: var(--clr-blue-light);}
.on-this-list ul li a span{color: #337DE6; transition: var(--transition-common);}
.on-this-list ul li a:hover, .on-this-list ul li.active a, .on-this-list ul li a:hover span, .on-this-list ul li.active a span{color: var(--clr-green); padding-left: 10px;}*/
body.blue-universal .slider-wrap.about-banner{background-color: #F1F5FB;}
body.blue-universal .about-banner-content h1{color: #1E447E;}

/*body.blue-universal .on-this-list ul li a{color: var(--clr-blue-light);}
body.blue-universal .on-this-list ul li a:hover, body.blue-universal .on-this-list ul li.active a, body.blue-universal .on-this-list ul li a:hover span, body.blue-universal .on-this-list ul li.active a span{color: var(--clr-blue-btn);}*/

.help-box {border-radius: var(--broder-radius); overflow: hidden; padding: 30px 30px 30px 30px; min-height: 352px; background-color: #94E6FF; display: flex; align-items: flex-end; flex-flow: row wrap; background-repeat: no-repeat; background-size: cover;}
.help-box-content h4 {/*color: var(--clr-blue-light);*/ color: #444;}
.help-box-content h4, .help-box-content p, .impotant-box-content h4, .impotant-box-content p{margin-bottom: 15px;}

.impotant-box{border-radius: var(--broder-radius); overflow: hidden; padding: 30px 30px 30px 30px; min-height: 352px; display: flex; align-items: flex-end; flex-flow: row wrap; background-color: #F6F8F7; border: 1px solid #ddd;}
.imporatnt-img { width: 60px; height: 60px; margin-bottom: 10px;}
.impotant-box-content .btn{padding: 14px 10px; width: 100%;}

.inbox-box{background: linear-gradient(45deg, #033A82, #021533); display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; position: relative; border-radius: var(--broder-radius); overflow: hidden; /*min-height: 352px;*/}
.inbox-box-bg{position: absolute; bottom: 0; top: 0; left: 0; width: 100%; object-fit: cover;}
.inbox-pic-left{/*max-width: 540px;*/ width: 40%;}
.inbox-content-right{position: relative; /*max-width: 865px;*/  width: 60%; margin: 0 auto; padding: 20px;}
.inbox-content-right h2{margin-bottom: 6px; color: var(--clr-white);}
.inbox-content-right p{margin-bottom: 15px; color: #bbb;}

.inbox-form-right form div.mc4wp-form-fields{max-width: 553px; margin: 0 auto; border-radius: 10px; overflow: hidden; background-color: #fff; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; padding: 5px;}
.inbox-form-right div.mc4wp-form-fields .btn{width: 162px;}
.inbox-form-right div.mc4wp-form-fields .form-control{width: calc(100% - 162px); border: none; height: 100%;}


/*-- benefits-usiversal-page-css(End) --*/


/*-- benefits-Housing-Support-page-css(Green)(Start) --*/

body.green-housing .slider-wrap.about-banner{background-color: #E3F0E6;}
body.green-housing .about-banner-content h1{color: var(--clr-green);}

body.green-housing .breadcrumb-list ul li a:hover, body.green-housing .breadcrumb-list ul li.active a{color: var(--clr-green);}
/*body.green-housing .benifit-title h6{color: var(--clr-green);}*/

body.green-housing .banner-btn-row .btn.btn-wh{color: var(--clr-green); background-color: var(--clr-white);}
body.green-housing .banner-btn-row .btn.btn-wh:hover{color: var(--clr-white);}


body.green-housing .on-this-list ul li:after{ background: linear-gradient(to right, #fff, #04D5B9, #04D5B9, #04D5B9, #fff);}
/*body.green-housing .on-this-list ul li a { color: var(--clr-green);}*/
body.green-housing .on-this-list ul li a span{color: #04D5B9;}
body.green-housing .on-this-list ul li a:hover, body.green-housing .on-this-list ul li.active a, body.green-housing .on-this-list ul li a:hover span, body.green-housing .on-this-list ul li.active a span{color: var(--clr-blue-light);}
body.green-housing .benefits-text-link {color: #04D5B9;}
body.green-housing .benefits-text-link:hover {color: var(--clr-green);}
body.green-housing .tag-benifit{background-color: #E3F0E6; color: var( --clr-green);}
/*body.green-housing .help-box-content h4 {color: var(--clr-green);}*/
body.green-housing .banner-btn-row .btn, body.green-housing .view-all-row .btn, body.green-housing .help-box-content .btn, body.green-housing .inbox-form-right .btn{background-color: var(--clr-green);}

body.green-housing .banner-btn-row .btn:hover, body.green-housing .view-all-row .btn:hover, body.green-housing .help-box-content .btn:hover, body.green-housing .inbox-form-right .btn:hover{ background: #02330B; border-color: var(--clr-blue-light);}

body.green-housing .help-box{background-color: #E3F0E6;}

body.green-housing .inbox-box { background: linear-gradient(45deg, #038210, #02330B);}

/*-- benefits-Housing-Support-page-css(Green)(End) --*/

/*-- benefits-pink-families-page(Pink)-css(Start) --*/

body.pink-families .slider-wrap.about-banner{background-color: #FEE3EC;}
body.pink-families .about-banner-content h1{color: #D92D6B;}

body.pink-families .breadcrumb-list ul li a:hover, body.pink-families .breadcrumb-list ul li.active a{color: #FF5D97;}
/*body.pink-families .benifit-title h6{color: #D92D6B;}*/
body.pink-families .banner-btn-row .btn.btn-wh{color: #D92D6B; background-color: var(--clr-white);}
body.pink-families .banner-btn-row .btn.btn-wh:hover{color: var(--clr-white);}


body.pink-families .on-this-list ul li:after{ background: linear-gradient(to right, #fff, #FF5D97, #FF5D97, #FF5D97, #fff);}
/*body.pink-families .on-this-list ul li a { color: #D92D6B;}*/
body.pink-families .on-this-list ul li a span{color: #FF5D97;}
body.pink-families .on-this-list ul li a:hover, body.pink-families .on-this-list ul li.active a, body.pink-families .on-this-list ul li a:hover span, body.pink-families .on-this-list ul li.active a span{color: var(--clr-blue-light);}
body.pink-families .benefits-text-link {color: #FF5D97;}
body.pink-families .benefits-text-link:hover {color: var(--clr-green);}
body.pink-families .tag-benifit{background-color: #FEE3EC; color: #D92D6B;}
/*body.pink-families .help-box-content h4 {color: #D92D6B;}*/
body.pink-families .banner-btn-row .btn, body.pink-families .view-all-row .btn, body.pink-families .help-box-content .btn, body.pink-families .inbox-form-right .btn{background-color: #D92D6B;}

body.pink-families .banner-btn-row .btn:hover, body.pink-families .view-all-row .btn:hover, body.pink-families .help-box-content .btn:hover, body.pink-families .inbox-form-right .btn:hover{ background: #5D0A43; border-color: #5D0A43;}

body.pink-families .help-box{background-color: #F0E3EB;}

body.pink-families .inbox-box { background: linear-gradient(45deg, #8A015A, #5D0A43);}

/*-- benefits-pink-families-page(Pink)-css(End) --*/





















/*-- benefits-purple-disability-page(Purple)-css(Start) --*/

body.purple-disability .slider-wrap.about-banner{background-color: #F1EEF9;}
body.purple-disability .about-banner-content h1{color: #532796;}
body.purple-disability .breadcrumb-list ul li a:hover, body.purple-disability .breadcrumb-list ul li.active a { color: #532796;}

body.purple-disability .on-this-list ul li a span{color: #532796;}
body.purple-disability .on-this-list ul li:after { background: linear-gradient(to right, #fff, #CCC1FF, #532796, #CCC1FF, #fff);}
body.purple-disability .inbox-box { background: linear-gradient(45deg, #5A0382, #270233);}
body.purple-disability .tag-benifit { background-color: #CCC1FF; color: #532796;}

body.purple-disability .help-box { background-color: #CCC1FF;}
body.purple-disability .benefits-text-link { color: #532796;}
body.purple-disability .banner-btn-row .btn.btn-wh{color: #532796; background-color: #fff;}
body.purple-disability .banner-btn-row .btn.btn-wh:hover{color: #fff;}
body.purple-disability .help-box-content .btn, body.purple-disability .inbox-form-right .btn, body.purple-disability .view-all-row .btn, 
body.purple-disability .banner-btn-row .btn{background-color: #532796;}
body.purple-disability .help-box-content .btn:hover, body.purple-disability .inbox-form-right .btn:hover, body.purple-disability .view-all-row .btn:hover, body.purple-disability .banner-btn-row .btn:hover{background-color: #6e2f94;}

/*-- benefits-purple-disability-page(Purple)-css(End) --*/





/*-- benefits-orange-pension-page(Purple)-css(Start) --*/

body.orange-pension .slider-wrap.about-banner{background-color: #FDEFE2;}
body.orange-pension .about-banner-content h1{/*color: #331F02;*/ color: #D06A00;}
body.orange-pension .breadcrumb-list ul li a:hover, body.orange-pension .breadcrumb-list ul li.active a { /*color: #824D03;*/ color: #ED7B06;}

body.orange-pension .on-this-list ul li a span{color: #ED7B06;}
body.orange-pension .on-this-list ul li:after { background: linear-gradient(to right, #fff, #fbcc8a, #ED7B06, #fbcc8a, #fff);}
body.orange-pension .inbox-box { background: linear-gradient(45deg, #824D03, #331F02);}
body.orange-pension .tag-benifit { background-color: #FDEFE2; color: #ED7B06;}

body.orange-pension .help-box { background-color: #FFE6C4;}
body.orange-pension .benefits-text-link { color: #ED7B06;}
body.orange-pension .benefits-text-link:hover { color: #824D03;}
body.orange-pension .banner-btn-row .btn.btn-wh{color: #ED7B06; background-color: #fff;}
body.orange-pension .banner-btn-row .btn.btn-wh:hover{color: #fff;}
body.orange-pension .help-box-content .btn, body.orange-pension .inbox-form-right .btn, body.orange-pension .view-all-row .btn, body.orange-pension .banner-btn-row .btn{background-color: #ED7B06;}
body.orange-pension .help-box-content .btn:hover, body.orange-pension .inbox-form-right .btn:hover, body.orange-pension .view-all-row .btn:hover, body.orange-pension .banner-btn-row .btn:hover{background-color: #331F02;}

/*-- benefits-orange-pension-page(Purple)-css(End) --*/







/*-- benefits-orange-pension-page(Purple)-css(Start) --*/

body.cyan-work .slider-wrap.about-banner{background-color: #E8F6F7;}
body.cyan-work .about-banner-content h1{color: #007F85;}
body.cyan-work .breadcrumb-list ul li a:hover, body.cyan-work .breadcrumb-list ul li.active a { color: #007F85;}

body.cyan-work .on-this-list ul li a span{color: #007F85;}
body.cyan-work .on-this-list ul li:after { background: linear-gradient(to right, #fff, #9EE2E6, #007F85, #9EE2E6, #fff);}
body.cyan-work .inbox-box { background: linear-gradient(45deg, #007F85, #023033);}
body.cyan-work .tag-benifit { background-color: #9EE2E6; color: #007F85;}

body.cyan-work .help-box { background-color: #9EE2E6;}
body.cyan-work .benefits-text-link { color: #007F85;}
body.cyan-work .banner-btn-row .btn.btn-wh{color: #007F85; background-color: #fff;}
body.cyan-work .banner-btn-row .btn.btn-wh:hover{color: #fff;}
body.cyan-work .help-box-content .btn, body.cyan-work .inbox-form-right .btn, body.cyan-work .view-all-row .btn, body.cyan-work .banner-btn-row .btn{background-color: #007F85;}
body.cyan-work .help-box-content .btn:hover, body.cyan-work .inbox-form-right .btn:hover, body.cyan-work .view-all-row .btn:hover, body.cyan-work .banner-btn-row .btn:hover{background-color: #023033;}

/*-- benefits-orange-pension-page(Purple)-css(End) --*/


body.category .about-banner-content h1, body.category .about-banner-content p { /*max-width: 626px;*/ max-width :639px;}
body.category .about-banner-content{/*max-width: 890px;*/ max-width: 860px; width: 100%;}


/*-- about-page-css(Start) --*/

.about-banner-pic { width: 100%; margin-left: auto; max-width: 887px; padding-top: 29%; position: relative;}
.about-banner-pic img { position: absolute; top: 0; bottom: 0; object-fit: cover; left: 0; width: 100%; height: 100%;}
.about-banner-content{/*max-width: 890px;*/ max-width: 820px; width: 100%; top: 50%; transform: translateY(-50%); position: absolute;}
.about-banner-content h6{color: #2F77E3;}
.about-bann-shape{ position: absolute; top: 50%; transform: translateY(-50%); left: -50px; z-index: -1;}

.about-benifit-pic{border-radius: var(--broder-radius); overflow: hidden; max-width: 720px;}
.about-benifit-pic img{width: 100%;}
.sky-bg{background-color: #DAF4FF;}

.tick-circle-list ul{padding: 0; margin: 0; list-style: none; display: flex; flex-flow: row wrap; justify-content: space-between;}
.tick-circle-list ul li{width: 48%; position: relative; margin-bottom: 15px; padding-left: 45px; color: #000; font-weight: var(--fw-bold);}
.tick-circle-list ul li:before{ position: absolute; left: 0;  font-family: "FontAwesome"; content: "\f058"; top: 0; color: var(--clr-green);}
.tick-circle-list ul li a{color: #000;}
.about-guides-pic{border-radius: var(--broder-radius); overflow: hidden; max-width: 708px; margin-left: auto;}
.about-guides-pic img{width: 100%;}

.about-find-pic { max-width: 478px; margin-left: auto;}
.about-info-btn-row { display: flex; flex-flow: row wrap; column-gap: 20px;}
.about-info-btn-row .btn.btn-wh {color: var(--clr-green);}
.about-info-btn-row .btn.btn-wh:hover {color: var(--clr-white);}
.about-find-content { max-width: 720px;}
.orange-bg{background-color: #FAE9E9;}


/*-- about-page-css(End) --*/

/*-- blog-page-css(Start) --*/

.blog-banner { min-height: 247px; display: flex; align-items: center;}
.blog-sec .benifit-content-bottom a.benefits-text-link { color: #337DE6;}
.blog-sec .benifit-content-bottom a.benefits-text-link:hover { color: var(--clr-blue-btn);}

/*-- blog-page-css(End) --*/

/*-- guides-page-css(Start) --*/

.complex-wrapper{display: flex; flex-flow: row wrap; justify-content: space-between; column-gap: 30px;}
.complex-box{width: 18%; padding: 40px 20px; background-color: var(--clr-white); border-radius: 20px; box-shadow: 0 2px 6px 3px rgba(0, 0, 0, 0.04);}
.complex-icon{width: 90px; height: 90px; background-color: #EA7740; border-radius: 100px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;}

.process-number-wrapper{display: flex; flex-flow: row wrap; justify-content:  center; column-gap: 30px;}
.process-number-box{padding: 0 25px 10px 25px; position: relative; width: 30%;}
.process-number-box:before{background-color: #EEEEEE; box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.01); border-radius: 20px; width: 100%; left: 0; bottom: 0; top: 31px; position: absolute; content: ""; z-index: -1;}
.process-number-circle{width: 62px; height: 62px; border-radius: 100px; overflow: hidden; border: 5px solid var(--clr-white); display: flex; align-items: center; justify-content: center; background-color: var(--clr-blue-btn); color: var(--clr-white); font-weight: var(--fw-bold); font-size: var(--f-size-M);}
.process-number-bottom { padding-top: 20px;}
.complex-content h5, .process-number-bottom h5 {color: var(--clr-secondary);}
.process-pic{border-radius: var(--broder-radius); overflow: hidden; max-width: 708px; margin-left: auto;}
.related-sec .benifit-content-bottom a.benefits-text-link { color: #337DE6;}
.related-sec .benifit-content-bottom a.benefits-text-link:hover { color: var(--clr-blue-btn);}
/*.related-sec .benifit-content-bottom .tag-benifit { background-color: #FFF;}*/

/*-- guides-page-css(End) --*/

/*-- search-page(Start) --*/

/*section.search-page { min-height: calc(100vh - 191px);}*/
.search-pic-left { width: 100%; border: 1px solid #ddd; border-radius: var(--broder-radius); overflow-x: hidden; padding-top: 50%; position: relative;}
.search-pic-left img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}

body.search-no-results .search-page .search-header .page-title { word-break: break-word;}

/*-- search-page(End) --*/

/*-- not-found-page(Start) --*/

.not-found-box{border: 1px solid #ddd; border-radius: var(--broder-radius); overflow: hidden; padding: 50px 40px;}
/*section.not-found-sec { height: calc(100vh - 191px);}*/

/*-- no-content-page-height-fixing(Start) --*/

body.error404, body.search.search-no-results{min-height: 100vh; display: flex; flex-direction: column;}
body.error404 footer, body.search.search-no-results footer { margin-top: auto;}

/*-- no-content-page-height-fixing(End) --*/

/*-- not-found-page(End) --*/

/*Media Query css*/

@media only screen and ( min-width: 1301px ) {
    .container { max-width: 1120px;}

}

@media only screen and ( min-width: 1501px ) {
    .container { max-width: 1320px;}

}

@media only screen and ( min-width: 1801px ) {
    .container { max-width: 1620px;}

}

@media only screen and ( max-width: 1800px ) {
    :root{
        --f-size-XXXL: 50px;
        --f-size-XXL: 45px;
        --f-size-XL: 36px;

        --f-size-L: 28px;
        --f-size-M: 22px;
        --f-size-S: 18px;
        --f-size-Body: 18px;

        /*--f-size-XXXL: 60px;
        --f-size-XXL: 48px;
        --f-size-XL: 40px;
        --f-size-L: 30px;
        --f-size-M: 24px;
        --f-size-S: 20px;
        --f-size-Body: 20px;*/
    }
    .main_menu ul li ul.sub-menu { top: 87px;}
    .search-input, .btn-banner-search{font-size: 18px;}
    /*.benifit-banner-pic-left { max-width: 290px;}
    .benifit-banner-pic-right { max-width: 410px;}
    .benifit-banner-middle { max-width: 780px;}
    .benifit-banner-middle-content { max-width: 731px;}
    .benifit-banner-middle-shape { max-width: 790px;}*/
    .benifit-banner-pic-left { max-width: 322px;}
    .benifit-banner-pic-right { max-width: 440px; bottom: 20px;}
    .slider-wrap.home-banner .home-banner-pic { max-width: 809px; height: 400px;}
    .hom-banner-content { top: 40px;}
    .hom-benifit-icon { width: 100px; height: 100px;}
    .hom-benifit-content-right { width: calc(100% - 100px); padding-left: 20px;}
    .hom-benifit-icon-box { padding: 25px;}
    .hom-trusted-icon { width: 80px; height: 80px; padding: 20px;}
    .hom-trusted-content-right { width: calc(100% - 80px); padding-left: 15px;}
    .hom-not-sure-icon { width: 100px; height: 100px;}
    .hom-not-sure-right { padding-left: 20px;}

    .common-padding{padding-top: 80px; padding-bottom: 80px;}
    .common-padding-md{padding-top: 70px; padding-bottom: 70px;}
    /*.common-padding-sm{padding-top: 50px; padding-bottom: 50px;}
    .common-padding-ss{padding-top: 30px; padding-bottom: 30px;}*/
    .about-banner-pic { max-width: 680px;}
    body.category .about-banner-content { max-width: 790px;}
    .banner-btn-row .btn { padding: 14px 25px;}
    .about-banner-content { max-width: 810px;}
    .benifit-title h6 { letter-spacing: 12px;}
    .benifit-title { margin-bottom: 40px;}
    .benifit-side-bar { margin-top: 62px;}
    .tag-benifit { min-width: 100px; padding: 5px 10px;}
    .on-this-box { padding: 30px 20px 30px;}
    .help-box { padding: 30px 20px 30px 20px;}
    .impotant-box{ padding: 30px 20px 30px 20px;}
    .on-this-list ul li { padding: 15px 0;}
    

}
@media only screen and ( max-width:1700px ) {
    .about-banner-content { max-width: 750px;}
    .process-number-bottom { padding-top: 10px;}
    .process-number-wrapper { column-gap: 20px;}
    .process-number-box { padding: 0 20px 10px 20px; width: 31%;}

}
@media only screen and ( max-width:1600px ) {
    :root{
        --f-size-XXXL: 45px;
        --f-size-XXL: 40px;
        --f-size-XL: 32px;
        --f-size-L: 26px;
        --f-size-M: 20px;
        --f-size-S: 17px;
        --f-size-Body: 17px;

        --broder-radius: 25px;


        /*--f-size-XXXL: 50px;
        --f-size-XXL: 45px;
        --f-size-XL: 36px;

        --f-size-L: 30px;
        --f-size-M: 22px;
        --f-size-S: 18px;
        --f-size-Body: 18px;*/
    }
    /*.benifit-banner-pic-left {
        max-width: 270px;
    }
    .benifit-banner-pic-right {
        max-width: 390px;
    }
    .benifit-banner-middle {
        max-width: 760px;
    }
    .benifit-banner-middle-shape {
        max-width: 740px;
    }
    .benifit-banner { min-height: 468px;}*/
    .main_menu ul li ul.sub-menu {top: 86px;}
    .search-input, .btn-banner-search{font-size: 17px;}
    .benifit-banner-middle { max-width: 780px;}
    .btn { padding: 12px 30px; font-size: 17px;}
    .slider-wrap.home-banner .home-banner-pic { max-width: 659px;  height: 360px;}
    .hom-banner-content {top: 20px;}
    .hom-benifit-icon-box { padding: 20px;}
    .about-banner-content { max-width: 760px;}
    .about-banner-pic { max-width: 600px;}
    .about-bann-shape{width: 96%;}
    .tag-benifit { min-width: 90px; padding: 3px 10px;}
    .tag-date-row { margin-bottom: 20px;}
    .on-this-box { padding: 30px 15px 30px;}
    .help-box { padding: 30px 15px 30px 15px; min-height: 332px;}
    .impotant-box{ padding: 30px 15px 30px 15px; min-height: 332px;}
    .imporatnt-img { width: 50px; height: 50px;}
    .blog-banner { min-height: 200px;}
    .complex-wrapper { column-gap: 10px;}
    .complex-box { width: 18%; padding: 30px 15px; border-radius: 15px;}
    .process-number-wrapper {column-gap: 15px;}
    .process-number-box:before { border-radius: 15px;}
    


}
@media only screen and ( max-width:1499px ) {
    :root{
        --f-size-XXXL: 40px;
        --f-size-XXL: 35px;
        --f-size-XL: 28px;
        --f-size-L: 24px;
        --f-size-M: 18px;
        --f-size-S: 16px;
        --f-size-Body: 16px;

        --broder-radius: 20px;
        --margin-title: 0 0 20px 0;

        /*--f-size-XXXL: 45px;
        --f-size-XXL: 40px;
        --f-size-XL: 32px;
        --f-size-L: 26px;
        --f-size-M: 20px;
        --f-size-S: 17px;
        --f-size-Body: 17px;*/
    }
    /*.benifit-banner-pic-left {
        max-width: 250px;
        bottom: -48px;
    }
        .benifit-banner-pic-right {
        max-width: 280px;
        bottom: -14px;
    }
        .benifit-banner-middle {
        max-width: 690px;
    }
    .benifit-banner-middle {
        max-width: 690px;
    }
    .benifit-banner-middle-content {
        max-width: 594px;
    }
    .benifit-banner {
        min-height: 438px;
        padding: 80px 0 0;
    }*/
    .main_menu ul li ul.sub-menu { top: 84px;}
    .search-input, .btn-banner-search{font-size: 16px;}
    .benifit-banner-pic-left { max-width: 282px;}
    .benifit-banner-pic-right { max-width: 400px; bottom: 15px;}
    .btn { padding: 12px 15px; font-size: 16px;}
    .banner-btn-row { column-gap: 15px;}
    .impotant-box-content .btn { padding: 12px 5px;}
    .benifit-banner-middle-content h1, .benifit-banner-middle-content p{margin-bottom: 15px;}
    .logo { max-width: 300px;}
    .main-header { padding: 10px 0;}
    .blog-content-lg { padding-left: 20px;}
    .slider-wrap.home-banner .home-banner-pic { max-width: 569px; height: 350px;}
    .header-search { width: 40px; height: 40px;}
    .banner-search form { border-radius: 10px; padding: 3px 3px 3px 10px;;}
    .btn-banner-search { border-radius: 7px}

    .common-padding{padding-top: 70px; padding-bottom: 70px;}
    .common-padding-md{padding-top: 60px; padding-bottom: 60px;}
    .common-padding-sm{padding-top: 40px; padding-bottom: 40px;}
    /*.common-padding-ss{padding-top: 30px; padding-bottom: 30px;}*/
    .about-banner-content { max-width: 660px;}
    .about-banner-pic { max-width: 530px;}
    /*.about-bann-shape { width: 88%;}*/
    .about-bann-shape { width: 82%; left: -20px;}
    .benifit-title h6 { letter-spacing: 10px;}
    .on-this-box { padding: 20px 10px 20px;}
    .help-box { padding: 20px 10px 20px 10px; min-height: 282px;}
    .impotant-box{ padding: 20px 10px 20px 10px; min-height: 282px;}
    .on-this-list ul li { padding: 8px 0;}
    .on-this-list { height: 257px;}
    .inbox-form-right div.mc4wp-form-fields .btn { width: 122px;}
    .inbox-form-right div.mc4wp-form-fields .form-control { width: calc(100% - 122px);}
    .inbox-form-right form div.mc4wp-form-fields { padding: 3px;}
    .process-number-wrapper { column-gap: 10px;}
    .process-number-circle { width: 52px; height: 52px; border-width: 3px;}
   


}
@media only screen and ( max-width: 1300px ) {
    :root{
        --f-size-XXXL: 38px;
        --f-size-XXL: 32px;
        --f-size-XL: 26px;
        --f-size-L: 22px;

        /*--f-size-M: 18px;
        --f-size-S: 16px;
        --f-size-Body: 16px;*/

        /*--f-size-XXXL: 40px;
        --f-size-XXL: 35px;
        --f-size-XL: 28px;
        --f-size-L: 24px;
        --f-size-M: 18px;
        --f-size-S: 16px;
        --f-size-Body: 16px;*/
    }
    .benifit-banner-middle { max-width: 600px; height: 380px;}
    /*.benifit-banner-pic-left { max-width: 200px; bottom: -69px;}
    .benifit-banner-pic-right { max-width: 250px;}
    .benifit-banner { min-height: 372px; padding: 60px 0 0;}
    */
    .benifit-banner-pic-left { max-width: 242px;}
    .benifit-banner-pic-right { max-width: 320px;}
    .benifit-banner { min-height: 372px; padding: 20px 0 0;}
    .slider-wrap.home-banner .home-banner-pic { max-width: 519px; height: 340px;}
    .not-found-box { padding: 40px 30px;}
    /*section.not-found-sec { height: calc(100vh - 131px);}*/
    .hom-benifit-icon { width: 80px; height: 80px; padding: 20px;}
    .hom-benifit-content-right { width: calc(100% - 80px); padding-left: 15px;}
    .hom-not-sure-icon { width: 80px; height: 80px; padding: 24px;}
    .hom-not-sure-right { padding-left: 15px;}
    .hom-not-sure-box { padding: 20px 20px;}
    .hom-not-sure-right h4 { margin-bottom: 10px;}

    .common-padding{padding-top: 60px; padding-bottom: 60px;}
    .common-padding-md{padding-top: 50px; padding-bottom: 50px;}
    /*.common-padding-sm{padding-top: 40px; padding-bottom: 40px;}
    .common-padding-ss{padding-top: 30px; padding-bottom: 30px;}*/
    .benifit-title { margin-bottom: 30px;}
    .benifit-side-bar { margin-top: 52px;}
    .about-banner-content { max-width: 630px;}
    /*.search-close{ width: 30px; height: 30px;}*/
    .search-close { width: 26px; height: 26px; font-size: 18px; right: 10px;}
    .search-boxinner { width: 90%;}
    
}
@media only screen and ( max-width:1199px ) {
    :root{
        --f-size-XXXL: 34px;
        --f-size-XXL: 30px;
        --f-size-XL: 24px;
        --f-size-L: 20px;
        
        /*--f-size-M: 18px;
        --f-size-S: 16px;
        --f-size-Body: 16px;*/
        --broder-radius: 15px;
        --margin-title: 0 0 15px 0;


        /*--f-size-XXXL: 38px;
        --f-size-XXL: 32px;
        --f-size-XL: 26px;
        --f-size-L: 22px;
        
        --f-size-M: 18px;
        --f-size-S: 16px;
        --f-size-Body: 16px;*/
    }
    .main_menu ul li ul.sub-menu {top: 64px;}
    .benifit-banner-middle {
        max-width: 500px;
    }
   /* .benifit-banner-pic-left {
        max-width: 180px;
        bottom: -21px;
    }
    .benifit-banner-pic-right {
        max-width: 220px;
        bottom: 0;
    }
    .benifit-banner {
        padding: 20px 0 0;
    }*/
    .benifit-banner-pic-left { max-width: 222px;}
    .benifit-banner-pic-right{ max-width: 250px;}
    .banner-btn-row { gap: 10px;}
    .main_menu ul li { margin: 0 14px;}
    .main_menu ul li a { padding: 20px 5px;}
    .main_menu ul li.menu-item-has-children span { top: 20px;}
    .logo {max-width: 260px;}
    .main-header { padding: 0px 0;}
    .slider-wrap.home-banner .home-banner-pic { max-width: 100%; height: auto;}
    .hom-banner-content { top: 0px; position: relative; width: 100%; max-width: 820px; padding: 30px 0; text-align: center; margin: 0 auto;}
    .main_menu ul li { margin: 0 10px;}
    .logo { max-width: 210px;}
    .not-found-box { padding: 40px 20px;}

    .common-padding{padding-top: 50px; padding-bottom: 50px;}
    .common-padding-md{padding-top: 40px; padding-bottom: 40px;}
    .common-padding-sm{padding-top: 30px; padding-bottom: 30px;}
    .common-padding-ss{padding-top: 25px; padding-bottom: 25px;}
    .slider-wrap.about-banner{ display: flex; flex-flow: row wrap;}
    .slider-wrap.about-banner .container{ order: 1;}
    .about-banner-pic {
        max-width: 800px;
        position: relative;
        margin: 0 auto;
        width: 100%;
        order: 2;
        padding-top: 40%;
    }
    .about-banner-pic img{
        width: auto;
        /*width: 100%;*/
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .about-banner-content {
        max-width: 820px;
        position: relative;
        margin: 0 auto;
        /*order: 2;*/
        top: 0;
        transform: translateY(0);
        text-align: center;
        padding: 30px 0;
    }
    .about-bann-shape{display: none; left: 0;}
    body.category .about-banner-content h1, body.category .about-banner-content p{max-width: 100%;}
    .slider-wrap .breadcrumb-list ul { justify-content: center;}
    .banner-btn-row { justify-content: center;}
    .about-benifit-pic, .about-guides-pic, .about-find-pic { margin: 0 auto 30px;}
    .about-find-content { max-width: inherit; text-align: center;}
    .about-find-sec .about-find-content .about-info-btn-row{justify-content: center;}
    .benifit-title h6 {letter-spacing: 6px;}
    .help-box { min-height: 262px;}
    .on-this-list { height: 220px;}
    .imporatnt-img { width: 40px; height: 40px;}
    .inbox-content-right { padding: 15px;}
    .blog-banner { min-height: 180px;}
    .process-pic { margin: 0 auto 20px;}
    
    
    
}
@media only screen and ( max-width:1024px ) {

}
@media only screen and ( max-width: 991px ) {
    :root{
        --f-size-XXXL: 38px;
        --f-size-XXL: 32px;
        --f-size-XL: 26px;
        --f-size-L: 22px;

        /*--f-size-M: 18px;*/
        --f-size-S: 15px;
        --f-size-Body: 15px;
    }
    .search-input, .btn-banner-search{font-size: 15px;}
    .btn { padding: 10px 15px; font-size: 15px; border-radius: 6px;}

    .benifit-banner-middle {
        max-width: inherit;
        width: 100%;
        margin: 0 auto;
        order: 1;
        height: auto;
        padding-top: 40px;
    }
    /*.benifit-banner-pic-left {
        max-width: 180px;
        bottom: 0px;
        order: 2;
    }*/
    .benifit-banner-pic-left {
        /*max-width: 180px;*/
        bottom: 0px;
        order: 2;
        position: relative;
    }
    .benifit-banner-pic-right {
        /*max-width: 220px;*/
        bottom: 5px;
        order: 3;
        position: relative;
        padding-top: 15px;
    }
    /*.benifit-banner-middle-shape {
        max-width: 620px;
    }*/
    .benifit-banner-middle-shape {
        max-width: 500px;
    }
    .impotant-box-content .btn { padding: 10px 5px;}
    .ftr-menu ul { column-gap: 13px;}
    .hom-not-sure-icon { width: 70px; height: 70px; padding: 18px;}
    .hom-not-sure-btn { margin: 15px auto;}
    .hom-not-sure-left { width: 100%; padding-right: 0;}

    .common-padding{padding-top: 40px; padding-bottom: 40px;}
    /*.common-padding-md{padding-top: 40px; padding-bottom: 40px;}
    .common-padding-sm{padding-top: 30px; padding-bottom: 30px;}
    .common-padding-ss{padding-top: 25px; padding-bottom: 25px;}*/
    .benifit-title h6 { letter-spacing: 4px;}
    .help-box { padding: 20px 20px 20px 20px; min-height: inherit; text-align: center; width: 100%; display: block;}
    .impotant-box { padding: 20px 20px 20px 20px; min-height: inherit; display: block; text-align: center; width: 100%;}
    .imporatnt-img { margin: 0 auto 15px;}
    .on-this-box { padding: 20px 20px 20px;}
    .inbox-box { align-items: flex-end;}
    .benifit-side-bar, .blog-sec .benifit-side-bar { margin-top: 42px;}
    .complex-wrapper { justify-content: center; column-gap: 20px;}
    .complex-box { width: 31%; padding: 20px 15px;}
    .complex-icon { width: 80px; height: 80px; margin: 0 auto 15px;}

}
/*@media only screen and ( min-width: 767px ) {
    .main_menu{
        display: block !important;
    }
}*/
@media only screen and ( min-width: 768px ) {
    .main_menu{
        display: block !important;
    }
    #mySidenav{
        width: auto !important;
    }
}
@media only screen and ( max-width: 767px ) {

    /*-- toggle-new-menu-icon to cross-icon(Start) --*/
  /*{position: relative;
  padding: 1.5rem;}*/
    .menu-toggle {
  position: relative;
  order: 2;
}
.menu-toggle, .menu-toggle:hover {
  color: #000;
}

.menu-toggle-bar {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 0;
  margin: 0 auto;
  left: 0;
  width: 26px;
  height: 3px;
  border-radius: 4px;
  background-color: black;
  transition: all 0.3s ease;
}
.menu-toggle-bar.menu-toggle-bar--top {
  transform: translate(0, -8px);
}
.menu-toggle-bar.menu-toggle-bar--bottom {
  transform: translate(0, 8px);
}
.nav-open .menu-toggle-bar.menu-toggle-bar--top {
  transform: translate(0, 0) rotate(45deg);
}
.nav-open .menu-toggle-bar.menu-toggle-bar--middle {
  opacity: 0;
}
.nav-open .menu-toggle-bar.menu-toggle-bar--bottom {
  transform: translate(0, 0) rotate(-45deg);
}
    /*-- toggle-new-menu-icon to cross-icon(End) --*/

    .click{
        display: block;
        cursor: pointer;
    }
    .main_menu a.closebtn{
        color: #000;
        display: block;
    }

    /*-- For_mob_menu(Start) --*/
    .main_menu {
        /*height: 100%;*/
    min-height: calc(100vh - 46px);
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 46px;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.97);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 20px;
    z-index: 999;
    right: -100%;
    }
    body.nav-open .main_menu {
    right: 0 !important;
    }

    .main_menu a {
        /*padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;*/
        display: block;
        transition: 0.3s;
    }

    .main_menu a:hover {
        color: #333;
    }

    .main_menu .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
    body.scrollOff{height: 100vh; overflow: hidden; position: relative;}
    /*body.scrollOff:before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}*/

    .main_menu ul li:hover ul.sub-menu { display: none;}
    .main_menu ul li.menu-item-has-children.active ul.sub-menu{display: block;}
    ul.sub-menu { position: relative; left: 0; width: 100%; border-radius: 0px; top: 0px;}
    .main_menu ul li.menu-item-has-children span { top: 12px; right: 0px; width: 14px; height: 18px;}
    .main_menu ul li{display: block;}
    .main_menu ul li a:before { height: 1px;}
    .main_menu ul li a { padding: 10px 5px;}
    .main_menu ul li ul.sub-menu { position: relative; width: 100%; left: 0; border-radius: 6px; top: 0px;}
    .header-search { margin-right: 20px; order: 1; width: 35px; height: 35px; font-size: 16px;}
    .search-box { z-index: 999;}

    /*-- For_mob_menu(End) --*/

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 95%;
    }
    :root{
        --f-size-XXXL: 30px;
        --f-size-XXL: 28px;
        --f-size-XL: 22px;
        --f-size-L: 18px;
        
        --f-size-M: 17px;
        /*--f-size-S: 15px;
        --f-size-Body: 15px;*/

         /*--f-size-XXXL: 34px;
        --f-size-XXL: 30px;
        --f-size-XL: 24px;
        --f-size-L: 20px;
        
       --f-size-M: 18px;
        --f-size-S: 15px;
        --f-size-Body: 15px;*/
    }

    .benifit-banner-pic-left{ max-width: 190px;}
    .benifit-banner-pic-right { max-width: 230px;}
    .not-found-box { padding: 40px 15px;}
    .copy-right{text-align: center; margin-bottom: 15px;}
    .ftr-menu ul { justify-content: center;}
    .hom-not-sure-icon { width: 60px; height: 60px; padding: 17px; margin: 0 auto 20px;}
    .hom-not-sure-right { padding-left: 0px; width: 100%; text-align: center;}
    .benifit-title h6 { letter-spacing: 3px;}
    .benifit-title { margin-bottom: 20px;}
    .blog-details-pic { height: 300px;}
    .inbox-pic-left { width: 100%; order: 2;}
    .inbox-content-right { padding: 40px 15px; width: 100%; order: 1;}
    .inbox-box { align-items: center;}
    .inbox-form-right div.mc4wp-form-fields .btn { width: 100px;}
    .inbox-form-right div.mc4wp-form-fields .form-control {width: calc(100% - 100px);}
    .blog-pic-lg { width: 100%;}
    .blog-content-lg { padding-left: 0px; width: 100%; padding-top: 20px;}
    .blog-banner { min-height: 140px;}
    .complex-box { width: 47%; border-radius: 10px;}
    .complex-icon { width: 70px; height: 70px;}
    .process-number-box { padding: 0 15px 10px 15px; width: 48%;}




}
@media only screen and ( max-width: 575px ) {
    :root{
        --f-size-XXXL: 28px;
        --f-size-XXL: 26px;
        --f-size-XL: 20px;
        
        /*--f-size-L: 18px;
        --f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 15px;*/

         /*--f-size-XXXL: 30px;
        --f-size-XXL: 28px;
        --f-size-XL: 22px;
        --f-size-L: 18px;
        
        --f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 15px;*/
    }

    .benifit-banner-pic-left { max-width: 150px;}
    .benifit-banner-pic-right { max-width: 190px;}
    .hom-benifit-icon { width: 70px; height: 70px;  padding: 15px;}
    .hom-benifit-content-right { width: calc(100% - 70px); padding-left: 15px;}
    .hom-benifit-icon-box { padding: 15px;}
    .hom-not-sure-box { padding: 20px 15px;}

    .common-padding{padding-top: 35px; padding-bottom: 35px;}
    .common-padding-md{padding-top: 35px; padding-bottom: 35px;}
    /*.common-padding-sm{padding-top: 30px; padding-bottom: 30px;}
    .common-padding-ss{padding-top: 25px; padding-bottom: 25px;}*/
    .tick-circle-list ul li { width: 100%; margin-bottom: 10px; padding-left: 28px;}
    .benifit-title h6 { letter-spacing: 2px;}
    .inbox-content-right { padding: 30px 15px;}
    .inbox-form-right div.mc4wp-form-fields .form-control { width: calc(100% - 80px);}
    .inbox-form-right div.mc4wp-form-fields .btn { width: 80px; padding: 8px 3px; border-radius: 4px;}
    .inbox-form-right form div.mc4wp-form-fields { border-radius: 6px;}
    .complex-icon { width: 60px;  height: 60px; padding: 11px;}


}
@media only screen and ( max-width: 480px ) {
    :root{
        --f-size-XXXL: 26px;
        --f-size-XXL: 24px;

        /*--f-size-XL: 20px;
        --f-size-L: 18px;
        --f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 15px;*/
        --broder-radius: 10px;

        /*--f-size-XXXL: 28px;
        --f-size-XXL: 26px;
        --f-size-XL: 20px;
        --f-size-L: 18px;
        
        --f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 15px;*/
    }
    .benifit-banner-pic-left { max-width: 110px;}
    .benifit-banner-pic-right { max-width: 150px;}
    .header-search { margin-right: 5px; width: 30px; height: 30px; font-size: 15px;}
    .logo { max-width: 190px;}
    .hom-not-sure-box { padding: 20px 10px;}
    .banner-btn-row .btn { padding: 8px 10px;}
    .breadcrumb-list ul li { padding-right: 20px;}
    .breadcrumb-list ul li:after { right: 8px; font-size: 10px;}
    .benifit-title h6 { letter-spacing: 1px;}

    .help-box { padding: 20px 15px 20px 15px;}
    .impotant-box { padding: 20px 15px 20px 15px;}
    .on-this-box { padding: 20px 15px 20px;}
    .blog-details-pic { height: 250px;}
    .inbox-content-right { padding: 20px 15px;}
    .not-found-box { padding: 30px 10px;}
    .process-number-circle {width: 42px; height: 42px; border-width: 3px;}
    .process-number-box:before { border-radius: 10px; top: 21px;}



}
@media only screen and ( max-width: 380px ) {
    .logo { max-width: 160px;}
    .hom-benifit-icon { width: 50px; height: 50px; padding: 12px;}
    .hom-benifit-content-right { width: calc(100% - 50px); padding-left: 10px;}
    .help-box { padding: 20px 10px 20px 10px;}
    .impotant-box { padding: 20px 10px 20px 10px;}
    .on-this-box { padding: 20px 10px 20px;}
    .blog-details-pic { height: 200px;}

    .inbox-form-right form div.mc4wp-form-fields{background-color: transparent; padding: 0px;}
    .inbox-form-right div.mc4wp-form-fields .form-control { width: 100%; margin-bottom: 10px; background-color: #fff; border-radius: 5px; height: 38px;}
    .inbox-form-right div.mc4wp-form-fields .btn { width: 100%; border-radius: 5px;}
    .inbox-content-right { padding: 20px 10px;}
    .complex-box { width: 46%; padding: 15px 10px;}
    .complex-icon { width: 55px; height: 55px; padding: 11px;}
    .process-number-box { width: 100%;}


}

/*Media Query css*/