* {
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: "Open Sans";
    background-color: var(--Primary);
}

h1,
h2,
h3,
h4,
h5,
h6,
span,
p,
textarea,
label,
ul,
input,
button {
    margin: 0;
    padding: 0;
    font-family: "Open Sans";
}

:root {
    --Primary: #ffffff;
    --Secondary: #fc5907;
    --txt: #434547;
    --ttl: #34627c;
    --btnbg: #434549;
    --blkttl: #000000;
    --link: #212326;
    --gray: #6f6f71;
    --sctnbggray: #eeeeee;
    --crdbg: #f9f9f9;
    --crdtxt: "Encode Sans", sans-serif;
}

a {
    text-decoration: none;
}

a:hover {
    color: unset;
}

.padinngs {
    padding: 50px;
}


.hdrTopCntnt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}

.Number {
    color: var(--Secondary);
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
}

.Number:hover {
    color: var(--Secondary);
}

.headerTxt {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}

.headerTxt span {
    color: var(--txt);
    font-size: 15px;
    font-weight: 600;
}

.lgLogo {
    width: 170px;
}


.header.Opportunity.overLay {
    position: relative;
}

.header.Opportunity.overLay::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.452);
    left: 0px;
    top: 0px;
    z-index: 9;
}

.hdrCntnt.zIndx {
    position: relative;
    z-index: 99;
}

.hdrCntnt.zIndx .pTxt.hdrpTxt {
    font-size: 16px;
}

.navBar {
    box-shadow: 1px 6px 19px -6px #0000001f;
    border-top: 1px solid #cfcfcf57;
    background-color: var(--Primary);
    padding: 28px 40px;
}


.navbar{
justify-content: center !important;
}

.clrOrng {
    color: var(--Secondary);
}

.clrOrng:hover {
    color: var(--Secondary);
}

.sctnTtl.thinTtl {
    font-weight: 300;
}

.sctnTopSub.wdh70 {
    width: 80%;
}

.sctnTopSub.wdh70 .sctnTtl {
    font-size: 32px;
}

.navLnk {
    color: var(--link);
    font-size: 13px;
    font-weight: 500;
    transition: .2s ease-in-out;
}

.navLnk:hover {
    color: var(--Secondary);
}

.navbar-nav {
    gap: 25px;
    align-items: center !important;
}

.menuDrpdwn {
    opacity: 0;
    visibility: hidden;
    list-style: none;
    background-color: var(--Primary);
    height: auto;
    border-radius: 10px;
    padding: 20px;
    transition: .3s ease-in-out;
    background-color: var(--Primary);
    display: flex;
    flex-direction: column;
    gap: 17px;
    position: absolute;
    left: 0px;
    top: 30px;
    width: 250px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    z-index: 999999999999999999;
}

.drpdwnItm.dropdown:hover .menuDrpdwn {
    opacity: 1;
    visibility: visible;
}

.navLnk.drpdwnLnk {
    transition: .2s ease-in-out;
    font-weight: 500;
}

.navLnk.drpdwnLnk:hover {
    color: var(--Secondary);
}

.hdrCntnt {
    width: 90%;
    margin: 0 auto;
    height: 100%;
    z-index: 9999999;
    position: relative;
}

.hdrTxt {
    justify-content: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px 30px 10px 10px;
}

.lgTtl {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--Primary);
    line-height: 56px;
}

.header {
    background-position: center;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding: 60px 0px 160px 0px;
}

.hdrmdTtl {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 400;
    color: var(--ttl);
    line-height: 24px;
}

.hdrmdTtl22 {
    font-size: 23px;
    margin-bottom: 20px;
    font-weight: 700;
    color: white;
    line-height: 24px;
}

.formCntnt {
    padding: 30px;
    background-color: rgb(255 255 255 / 7%);
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(25px);

}

.formCntnt2 {
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(25px);
    background: #f3f3f3;

}

.formSubInputs {
    margin-bottom: 12px;
    display: flex;
    gap: 20px;
}

.navbar-expand-lg .navbar-collapse{
    justify-content: center !important;
}

.formInput,
Select {
    border-radius: 6px;
    padding: 5px 7px;
    border: 0px;
    font-size: 12px;
    outline: 0px;
    color: var(--blkttl);
    width: 50%;
}

.formBtm {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
}

.formBtm select {
    width: 49%;
}

.captchaImg {
    display: flex;
}

.captchaCntnt {
    border-radius: 5px;
    display: flex;
    margin-bottom: 20px;
}

.captchaTxt {
    color: var(--Primary);
    font-size: 13px;
}

.smNxtLnk {
    color: var(--Primary);
    font-size: 11px;
}

.captchaLeft {
    background: #1a73e8;
    padding: 5px 20px 5px 5px;
    border-radius: 5px 0px 0px 5px;
}

.imgBox {
    background: var(--Primary);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 0px 5px 5px 0px;
    border: 0px;
    outline: 0px;
}

.mdImg {
    width: 40px;
}

.txtArea {
    width: 100%;
    min-height: 130px;
    padding: 10px 10px;
    border-radius: 8px;
    outline: none;
    color: var(--blkttl);
    font-size: 11px;
    border: 0px;
}

::placeholder,
.selectState {
    font-size: 12px;
    color: var(--gray);
}

.inputLabel {
    color: var(--blkttl);
    font-size: 15px;
    font-weight: 700;
}

.mdBtn {
    background-color: var(--Secondary);
    color: var(--Primary);
    padding: 7px 22px;
    border-radius: 6px;
    font-size: 16px;
    outline: none;
    border: 0px;
    /* width: 120px; */
    font-weight: 700;
    line-height: 30px;
    transition: all 0.3s linear;
}

.mdBtn:hover {
    background: var(--link);
}


#owl-carousel .Item {
    border: 1px solid #e4e4e4;
    padding: 20px;
    border-radius: 10px;
    cursor: pointer;
}

#owl-carousel .Item:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.myCarousel .item {
    border: 1px solid #e4e4e4;
    padding: 20px;
    border-radius: 10px;
    cursor: pointer;
}

.myCarousel .item:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

#owl-carousel img {
    height: 150px;
    object-fit: contain;
}

.item.webpImg {
    align-items: center;
    height: 100%;
    display: flex;
    justify-content: center;
}

#owl-carousel .item.webpImg img {
    object-fit: contain;
    width: 200px;
}

.bggray {
    background-color: #eeeeee5c;
}

.vertiLgImg {
    width: 90%;
    border-radius: 25px;
}

.sctnTtl {
    font-size: 31px;
    font-weight: 600;
    color: var(--blkttl);
    margin-bottom: 22px;
    text-transform: uppercase;
    line-height: 45px;
}

.sctnMdTtl {
    color: var(--ttl);
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 30px;
}

.pTxt {
    color: var(--txt);
    font-size: 14px;
    line-height: 25px;
}

.Uline {
    border-bottom: 1px solid var(--ttl);
    color: var(--ttl);
}

.lgLink {
    background: var(--link);
    display: flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    line-height: 45px;
    border-radius: 6px;
    text-align: center;
    color: var(--Primary);
    font-weight: 700;
    font-size: 14px;
    padding: 4px 31px;
    transition: all 0.3s linear;
}

.lgLink:hover {
    background: var(--Secondary);
    color: white;
}
section{
    padding: 50px 0px;
}

.sectionTxt {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vertiCard {
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
    min-height: 100%;
}

.vertiCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    border-color: #fc5907;
    cursor: pointer;
}

.crdMdImg {
    width: 80px;
    margin-bottom: 10px;
    background: #f6f3f3;
    border-radius: 7px;
}

.crdMdTtl {
    color: black;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: var(--crdtxt);
    line-height: 21px;
}


.crdNxtLnk {
    width: 100%;
    text-align: center;
    background: var(--link);
    border-radius: 10px;
    color: var(--Primary);
    transition: .3s ease-in-out;
    line-height: 40px;
    font-size: 14px;
    padding: 4px;
    transition: all 0.3s linear;
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: center;
}

.crdNxtLnk:hover {
    background: var(--Secondary);
    cursor: pointer;
    color: white;
}

.pTxt.crdPtxt {
    font-size: 13px;
}

.bgImgSection {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.section100 {
    width: 100%;
}

.sectionRgt {
    width: 100%;
    margin-left: auto;
    padding: 20px;
    background: var(--Secondary);
    border-radius: 15px;
    height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
}

.lgIcon {
    width: 120px;
    margin-bottom: 20px;
}

.txtMdTtl {
    color: var(--Primary);
    font-size: 50px;
}
.homeindus {
    padding-top: 50px;
}
.sectionTop {
    width: 100%;
    display: flex;
    justify-content: center;
}

.sctnTopSub {
    width: 80%;
    text-align: center;
}

.main-blog-cards {
    margin-bottom: 40px;
}

.main-blog-cards:hover .blog-overlay {
    opacity: 1;
    visibility: visible;
}

.blog-img-div:hover .blog-overlay {
    opacity: 1;
    visibility: visible;
}

.crdLgTxt {
    color: var(--blkttl);
    font-size: 17px;
    font-weight: 400;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoCrd video {
    width: 100%;
    max-width: 420px;
    border-radius: 4px;
}

.sectionTop.Wdh50 {
    display: unset;
}

.mdBtn.lgBtn {
    width: 220px;
}

.footer {
    padding: 50px 0px;
    min-height: 300px;
    object-fit: cover;
    background-repeat: no-repeat;
    width: 100%;
}

.ftrSub {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.Logo {
    width: 200px;
}

.mdBtn.lgBtn.ftrBtn {
    background-color: var(--Secondary);
    color: var(--Primary);
    transition: .2s ease-in-out;
}

.mdBtn.lgBtn.ftrBtn:hover {
    color: var(--Primary);
}

footer {
    padding: 50px 0px;
}

footer ul {
    list-style: none;

}

footer ul li {
    margin-bottom: 10px;
}


footer ul li a {
    color: var(--blkttl);
    font-size: 14px;
    transition: .2s ease-in-out;
}

footer ul li a:hover {
    color: var(--Secondary);
    border-bottom: 1px solid var(--Secondary);
}

footer .sctnMdTtl {
    position: relative;
}

.sctnMdTtl.Frm {
    font-size: 17px;
    margin-bottom: 15px;
    color: var(--blkttl);
}

footer .sctnMdTtl::after {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 0px;
    width: 50px;
    height: 2px;
    background-color: var(--Secondary);
}

.copyRgt {
    background-color: var(--crdbg);
    text-align: center;
    padding: 20px 10px;
}

.copyRgt a {
    color: var(--Secondary);
    font-weight: 500;
}

.copyRgt .pTxt {
    color: var(--blkttl);
}

.mdIcon {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%;
}


.mdIcon a {
    background-color: var(--Secondary);
    width: 40px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.mdIcon a svg {
    fill: var(--Primary);
    width: 25px;
}

.hdrTxt.pageHdrTxt {
    display: unset;
}

.videoBox iframe {
    width: 100%;
    height: 600px;
}

.imageBox img {
    width: 100%;
    height: 500px;
    object-fit: contain;
}

.kitList {
    padding: 10px 40px;

}

section .formInput {
    padding: 12px 10px;
    margin-bottom: 10px;
}

section select {
    padding: 12px 10px;
}

.pTxt.hdrpTxt {
    font-size: 20px;
    color: var(--Primary);
}

.mdLnk.hdrLnk {
    background-color: var(--Primary);
    color: var(--blkttl);
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    width: 140px;
    border-radius: 7px;
    transition: .2s ease-in-out;
}

.mdLnk.hdrLnk:hover {
    background-color: var(--Secondary);
    color: var(--Primary);
}

.sectionTop.dflexNone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bigImg {
    width: 100%;
    object-fit: cover;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px auto;
}

th {
    border: 1px solid #dcdcdc;
    padding: 10px;
    background-color: var(--Primary);
    text-align: center;
    font-size: 14px;
}

td {
    border: 1px solid #dcdcdc;
    padding: 10px;
    text-align: center;
    color: var(--blkttl);
    font-size: 13px;
    padding: 15px 10px;
}

/* Odd rows = 1st, 3rd, 5th, etc. */
tr:nth-child(odd),
.styled-table tbody tr:nth-child(odd) {
    background-color: rgba(248, 248, 248, 0.241);
}


tr:nth-child(even),
.styled-table tbody tr:nth-child(even) {
    background-color: rgb(250, 250, 250);
}

td.textLft {
    text-align: left;
}

.certiMdImg {
    height: 250px;
}

.vertiCard.Books {
    min-height: 470px;
    margin-bottom: 20px;
}

td span {
    color: var(--Secondary);
    font-size: 15px;
    font-weight: 700;
}

.ftrSub.Dflex {
    justify-content: center;
}

.smIcon svg {
    stroke: var(--Secondary);
    font-size: 13px;

}

.mdImgBox {
    position: relative;
}

.mdSquareImg {
    width: 430px;
    object-fit: cover;
}

.fullWdhImg {
    width: 100%;
}

.ptxtBold {
    font-size: 14px;
    color: var(--ttl);
    font-weight: 600;
}

.fullImg {
    width: 100%;
    object-fit: cover;
}

.tglLine {
    width: 22px;
}

.imgTxt {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 22px !important;
}

.pTxt.brdrBtm {
    border-bottom: 1px solid var(--btnbg);
}

.brdrBtm span {
    color: var(--btnbg);
    font-weight: 700;
}

.ulPadding {
    padding: 0px 40px;
}

.ulPadding li {
    color: var(--txt);
    font-size: 14px;
    font-weight: 600;
}

.pTxt.brdrLft {
    border-left: 2px solid var(--Secondary);
    padding: 0px 10px;
}

.teamCard {
    display: flex;
    align-items: center;
    gap: 20px;
}

.smSquareImg {
    width: 170px;
}

.smImgChange {
    width: 140px;
}

.pTxt.smPtxt {
    font-size: 12px;
}

.videoBox.mdVideoBox iframe {
    height: 300px;
}

.ptxtCard {
    padding: 10px;
    background-color: var(--sctnbggray);
    border-left: 3px solid var(--Secondary);
}

.ptxtCard span {
    font-weight: 600;
}

.smVideosBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.smVideo {
    width: 50%;
    margin-bottom: 20px;
}

.smVideo iframe {
    height: 200px;
    width: 95%;
}

.smVideo span {
    color: var(--Secondary);
    font-size: 14px;
    font-weight: 600;
}

.infoList li {
    color: var(--txt);
    font-size: 13px;
    font-weight: 600;
}

.infoList span {
    font-size: 14px;
    font-weight: 700;
}











/* now */



.remodelingmain {
    width: 95%;
    margin: auto;
    padding: 50px 0px 0px 0px;
}

.remodelingmain2 {
    width: 90%;
    margin: auto;
    padding-top: 50px;
}




.hemodeling-h h1 {
    font-size: 37px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 20px;
}

.hemodeling-h p {
    font-size: 14px;
}

.hemodeling-h p a {
    font-size: 14px;
    color: #34627c;
    text-decoration: underline;
}


.remodeling-mains {
    margin-top: 25px;
}

.remodeling-mains h1 {
    font-size: 25px;
    margin-bottom: 25px;
    color: #34627c;
    font-weight: 700;
}

.remodeling-mains p {
    font-size: 14px;
    margin-bottom: 20px;
}


.remodeling-mains-imga {
    width: 100%;
    margin-bottom: 25px;
}

.remodeling-mains-imga img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.Information-steps h1 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.Information-steps p {
    font-size: 14px;
    line-height: 24px;
}

.Information-steps a {
    font-size: 14px;
    color: #34627c;
    text-decoration: underline;
}


.Information-steps {
    margin-top: 30px;
}



.director-p {
    margin: 15px 0px 15px 0px;
}




.Information-steps-with-image-img {
    width: 100%;
    height: 100%;
}


.Information-steps-with-image-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.Information-steps h3 {
    font-weight: 400;
    font-size: 22px;
    color: #34627c;
}

.Information-steps h3 a {
    font-weight: 400;
    font-size: 20px;
}




.log-images-ds img {
    width: 100%;

}




/* CSS styles for the slider */
.footertop-new-slider {
    /* Add any container styles if needed */
    padding: 20px 0;
}

.slider-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slider-item {
    min-width: 20%;
    /* Adjust based on how many items you want visible at once (100% / itemsPerView) */
    box-sizing: border-box;
    padding: 0 10px;
    /* Add some space between items */
    text-align: center;
}

.slider-item img {
    max-width: 100%;
    height: auto;
    display: block;
    /* Remove extra space below image */
}

.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 1;
    border-radius: 5px;
}

.slider-arrow.prev {
    left: 10px;
}

.slider-arrow.next {
    right: 10px;
}

.slider-arrow:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}



.disclosuretabls p {
    font-size: 14px;
}

.disclosuretabls p a {
    color: black;
    text-decoration: underline;
}


.strengthsmains {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 0px;
}

.strengths-left {
    width: 73%;
}

.strengths-ruight {
    width: 25%;
}

.strengthsmains {
    width: 85%;
    margin: auto;
}

.strengths-text h1 {
    font-size: 38px;
    line-height: 35px;
    font-weight: 400;
    margin-bottom: 20px;
}

.strengths-text p {
    font-size: 16px;
    line-height: 26px;
    margin: 30px 0px;
}

.strengths-text p a {
    text-decoration: underline;
    color: #34627c;
}

.refinishing-div h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #34627c;
}


.refinishing-div {
    margin-bottom: 30px;
}



.refinishing-div ul {
    margin-left: 40px;
}


.refinishing-div ul li {
    font-size: 14px;
}


.homeowners-imagess {
    width: 100%;
}

.homeowners-imagess img {
    width: 100%;
}



.recession-sectiopn {
    background: #eeeeee;
    padding: 70px 0px;
}



.resistant-recession {
    width: 90%;
    margin: auto;
}

.resistant-recession h1 {
    text-align: center;
    margin-bottom: 20px;
}

.resistant-recession h1 span {
    color: #f17021;
}



.resistant-recession p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 15px;
}

.resistant-recession p a {
    color: black;
    text-decoration: underline;
}

.asa {
    margin: 20px 0px;
}

.hemodeling-h button {
    background-color: #434549;
    color: var(--Primary);
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
    border: 0px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 40px;
}

.remodeling-mains h4 {
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 25px;

}

.businessmobdels {
    margin-bottom: 20px;
}

.businessmobdels h1 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 14px;
}

.businessmobdels p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
}

.businessmobdels p a {
    color: #34627c;
    text-decoration: underline;
}

.technologicabusinessmobdelsl {
    margin-top: 50px;
}

.businessmobdels button {
    background-color: #434549;
    color: var(--Primary);
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
    border: 0px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 40px;
}

.remodeling-mains button {
    background-color: #434549;
    color: var(--Primary);
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
    border: 0px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 40px;
}


.new-h h1 {
    font-size: 38px;
    margin-bottom: 50px;
    font-weight: 600;
}

.new-hh h1 {
    font-size: 38px;
    margin-bottom: 10px;
    font-weight: 600;
}

.new-hh p {
    font-size: 14px;
}


.blog-img {
    width: 100%;
    height: 630px;
}


.blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* CSS for blog image hover overlay */
.blog-img-dive {
    position: relative;
    overflow: hidden;
}

.blog-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-image: linear-gradient(to top, #ffffffa4 0, #ffffffa3 100%);
    /* Dark overlay with transparency */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
}

.blog-img-dive:hover .blog-overlay {
    width: 100%;
    visibility: visible;
    opacity: 1;
}

.blog-overlay-content {
    text-align: center;
    color: white;
}

.overlay-icon {
    color: white;
    /* Icon color */
    margin: 0 10px;
    font-size: 24px;
    /* Adjust icon size as needed */
    text-decoration: none;
    /* Remove underline from link */
}

.overlay-text {
    color: black;
    /* Text color */
    margin-top: 15px;
    font-size: 14px;
    /* Adjust text size as needed */
}


.overlay-icon {
    background: black;
    padding: 10px;
    border-radius: 50%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

.ov-iconsmain {
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
}

.blog-text p {
    font-size: 15px;
    color: var(--txt);
}

.overlay-icon.modalBtn {
    padding: 8px;
}


.blog-overlay-content h1 {
    color: black;
    font-size: 20px;
    margin-top: 20px;
    font-weight: 600;
}

.blog-text {
    margin-top: 30px;
}

.blog-text a {
    color: black;
}

.blog-text a h1 {
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: 500;
}

.blog-text a p {
    font-size: 14px;
    line-height: 24px;
}


.singleincos svg {
    width: 18px;
}

.pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.page-link {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 4px;
    color: #333;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.page-link:hover {
    background-color: #f2f2f2;
    /* Hover background color */
}

.page-link.active {
    background-color: black;
    /* Active background color */
    color: white;
    /* Active text color */
    border-color: black;
    /* Active border color */
}

.next-link {
    color: #007bff;
    /* Color for 'Next >' link */
    border-color: transparent;
    /* No border for 'Next >' */
}

.next-link:hover {
    background-color: transparent;
    /* No background change on hover for 'Next >' */
    text-decoration: underline;
    /* Underline on hover for 'Next >' */
}



.blog-detail-banner {
    background: #f9f9fb;
    padding: 40px;
}


.blog-detail-banner-testt {
    width: 90%;
    margin: auto;
}

.blog-detail-banner-testt h1 {
    text-align: center;
    font-size: 38px;
    font-weight: 600;
    line-height: 58px;
}

.priv {
    margin: 20px 0px;
    display: flex;
    align-items: center;
    justify-content: end;
}


.priv div a {
    color: black;
    text-decoration: underline;
}


.priv div {
    display: flex;
    align-items: center;
    gap: 0px;
    border: 1px solid rgba(232, 232, 232, 0.56);
    width: 100%;
    justify-content: end;
    padding: 12px;
}


.detail-main-imge {
    height: 600px;
    width: 100%;
}

.detail-main-imge img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.detail-main-text h1 {
    font-size: 30px;
    font-weight: 400;
    margin: 20px 0px;
}

.detail-main-text p {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 24px;
}

.detail-main-text p a {
    color: #34627c;
    text-decoration: underline;
}





.alldetal-data-blog h1 {
    font-size: 26px;
    margin: 20px 0px;
    color: #34627c;
}


.alldetal-data-blog p {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 24px;
}

.alldetal-data-blog p a {
    color: #34627c;
    text-decoration: underline;
}


.textss {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgb(224, 224, 224);
}



.operational-ss span {
    font-size: 14px;
}

.operational-ss span a {
    text-decoration: underline;
    color: black;
    font-size: 13px;
}


.social-mains {
    padding: 10px;
    background: #f9f9fb;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}


.social-mains-sides h1 {
    font-size: 22px;
    font-weight: 400;
}



.social-mains-sides {
    display: flex;
    justify-content: space-between;
    width: 48%;
}


.re-p h1 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 33px;
}


.Related-postess {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 30px;
    gap: 50px;
}


.videoCrd {
    margin-bottom: 50px;
}

.social-main {
    display: flex;
    align-items: center;
}

.overlay-icon {
    margin: 20px;
    cursor: pointer;
}

/* .modal-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: red;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    } */

.modal {
    background: white;
    width: 100%;
    max-width: 800px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.slider {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.slider img.active {
    opacity: 1;
}

.arrow {
    color: var(--Primary);
    background-color: rgb(214, 212, 212);
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 18px;
    z-index: 2;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    color: var(--Primary);
    border: none;
    padding: 10px;
    cursor: pointer;
}

.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background-color: #ffffff0d;
}

.modal {
    width: 100%;
    max-width: 800px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.slider-container {
    width: 100%;
    height: 500px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}



.slider img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 500px;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.slider img.active {
    opacity: 1;
}

. {
    color: var(--blkttl);
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 18px;
    z-index: 2;
}

.arrow.up {
    position: absolute;
    top: 0;
}

.arrow.down {
    position: absolute;
    bottom: 0;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    color: var(--Secondary);
    background-color: transparent;
    font-size: 30px;
    font-weight: 600;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.sctnTtl.Frm {
    text-transform: uppercase;
    font-size: 35px;
}

.header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4));
    /* Adjust alpha for brightness effect */
}

.mdBtn2 {
    margin-top: 25px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.vertiCard a{
    cursor: pointer;
}
.vertiCard-section {
    padding: 70px 0px;
}

.crdNxtLnk img {
    width: 26px;
}


.hdrTxt p {
    color: white;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 20px;
}

.hdrTxt p:last-of-type {
    padding: 0;
}


.sectionContnt p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
}

.sectionContnt h1 {
    color: white;
    font-size: 31px;
    font-weight: 600;
    margin-bottom: 22px;
}



.sectionContnt2 p {
    color: white;
}

.blog-card {
    position: relative;
    margin-bottom: 30px;
}

.blog-img-div {
    position: relative;
    overflow: hidden;
}

.blog-img img {
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease;
}

.blog-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.blog-card:hover .blog-overlay {
    opacity: 1;
}

.blog-card:hover .blog-img img {
    transform: scale(1.1);
}

.blog-overlay-content {
    text-align: center;
    color: white;
    padding: 20px;
}

.ov-iconsmain {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 15px;
}

.overlay-icon {
    color: white;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 8px;
    transition: transform 0.3s ease;
}

.overlay-icon:hover {
    transform: scale(1.1);
}

.blog-overlay h1 {
    color: white;
    font-size: 24px;
    margin-bottom: 10px;
}

.overlay-text {
    color: #ccc;
    font-size: 14px;
}