:root{
    --bg-black: #000000;
    --text-black: #000000;
    --bg-white: #ffffff;
    --text-white: #ffffff;
    --bg-primary: #00205B;
    --text-primary: #00205B;
    --bg-secondary: #924E8C;
    --text-secondary: #924E8C;
    --bg-tertiary: #E5BAC1;
    --bg-tertiary-optcity: rgba(229, 186, 193, 0.4) ;
    --text-tertiary: #E5BAC1;
    --founder-bold: "FoundersGroteskCondensed-Bold.otf";
    --founder-regular: "FoundersGroteskCondensed-Regular.otf";
    --founder-light: "FoundersGroteskX-Condensed-Light.otf";
    --Boston-Skyline: "Boston-Skyline.otf";
}

@font-face {
    font-family: "FoundersGroteskCondensed-Bold.otf";
    src: url(../fonts/FoundersGroteskCondensed-Bold.otf);
}
@font-face {
    font-family: "FoundersGroteskCondensed-Regular.otf";
    src: url(../fonts/FoundersGroteskCondensed-Regular.otf);
}
@font-face {
    font-family: "FoundersGroteskX-Condensed-Light.otf";
    src: url(../fonts/FoundersGroteskX-Condensed-Light.otf);
}
@font-face {
    font-family: "Founder-Light";
    src: url(../fonts/Founder-Light.otf);
}
@font-face {
    font-family: "Boston-Skyline.otf";
    src: url(../fonts/Boston-Skyline.otf);
}

body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* On laod Modal Start */

.fortini-onload-modal img{
    display: block;
    height: auto;
    margin: 0 auto 2rem auto;
    max-width: 190px;
    width: 100%;
}

.fortini-onload-content p{
    color: #4a2a80;
    font-size: 22px;
    font-family: var(--founder-bold);
    line-height: normal;
}

.fontini-no-btn {
    display: inline-block;
    margin: 1rem;
    min-width: 90px;
    background-color: #4a2a80;
    border: none !important;
    box-shadow: 0 0 0 2px #4a2a80;
    border-radius: 1.5rem;
    color: #fff !important;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1 !important;
    /* min-width: 180px; */
    padding: .5em 2rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .3s !important;
    transition: all .3s !important;
}

.fontini-no-btn:hover{
    background-color: #fff;
    color: #4a2a80 !important;
    padding: .5em 2rem !important;
}



/* On laod Modal End */




.fortini-btn {
    font-family: var(--founder-bold);
    color: var(--text-white);
    background-color: var(--bg-secondary);
    font-size: 22px;
    padding: 10px 30px !important;
    border-radius: 50px;
    text-decoration: none;
}

.fortini-btn:hover{
    color: var(--text-white);
}

/* Header Start */
.mobile-fortini-menu{
    display: none;
  }

.fortini-header{
    background-color: var(--bg-primary);
}

.fortini-header .fortini-logo {
    min-width: 170px;
    width: 170px;
    object-fit: contain;
}

.fortini-header .nav-item {
    padding-right: 50px;
}

.fortini-header .nav-link{
    font-size: 18px;
    font-family: var(--founder-bold);
    color: var(--text-white);
}

/* Header End */

/* Banner Start */

.fortini-banner {
    position: relative;
    background: url(/wp-content/uploads/2024/09/bannerspecialist.jpg) no-repeat center center;
    background-size: cover;
    padding-bottom: 130px;
}

.fortini-banner h3.fortini {
    position: absolute;
    font-size: 30px;
    color: var(--text-primary);
    font-family: var(--founder-bold);
    text-transform: uppercase;
    left: 36%;
    transform: translateX(-36%);
    top: 10%;
}

.fortini-banner h4.fortini {
    font-size: 30px;
    color: var(--text-primary);
    font-family: var(--founder-regular);
    margin: 0;
    margin-top: -24px;
}

.fortini-banner h1.fortini {
    font-family: var(--Boston-Skyline);
    color: var(--text-secondary);
    font-size: 273px;
    line-height: 1;
    margin: 0;
}

/* Banner End */

/* Section One Start  */

.fortini-section-one{
    background-color: var(--bg-primary);
}

.fortini-section-one h2.fortini{
    font-size: 40px;
    color: var(--text-white);
    font-family: var(--founder-bold);
    margin: 0;
}

.fortini-section-one .fortini-content-img-one img {
    max-width: 524px;
    width: 100%;
}

.fortini-section-one h1.fortini {
    font-family: var(--Boston-Skyline);
    color: var(--text-tertiary);
    font-size: 150px;
    line-height: 0.9;
    margin: 0;
}

.fortini-section-one h3.fortini{
    font-family: var(--founder-bold);
    color: var(--text-tertiary);
    font-size: 30px;
}

.fortini-section-one h4.fortini{
    font-family: var(--founder-regular);
    color: var(--text-white);
    font-size: 30px;
}

.fortini-section-one .fortini-left-content {
    margin-right: -66px;
    margin-top: -24px;
}

.fortini-section-one .fortini-right-content{
    margin-left: -66px;
    margin-top: -24px;
}

.fortini-section-one p.fortini{
    font-family: var(--founder-regular);
    color: var(--text-white);
    font-size: 18px;
    margin: 0;
}

.row-fortini-one{
    display: block;
}

.row-fortini-two-one{
    display: none;
}

/* Section One End  */

/* Section Two Start */

.fortini-content-two h2.fortini{
    color: var(--text-secondary);
    font-family: var(--founder-bold);
    font-size: 50px;
    margin: 0;
}

.fortini-content-img-two img {
    max-width: 120px;
    width: 100%;
}

.fortini-content-two p.fortini {
    font-size: 20px;
    color: var(--text-black);
    font-family: var(--founder-regular);
    margin: 0;
    white-space: nowrap;
    line-height: 1;
}

.fortini-row-two {
    width: 90%;
    margin: auto;
}

/* Section Two End */

/* Section-Three Start */

.fortini-section-three .container{
    max-width: 1600px;
    margin: 0;
    padding: 0;
}

.fortini-content-three{
    background: var(--bg-tertiary-optcity);
    max-height: 462px;
    height: 100%;
}

.fortini-section-three .modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto;
    background-color: white;
    opacity: 1;
    border-radius: 50px;
}

.fortini-content-img img {
    width: 100%;
    max-height: 462px;
    cursor: pointer;
    height: 100%;

}

.fortini-content-three h3.fortini{
    font-size: 30px;
    color: var(--text-secondary);
    font-family: var(--founder-bold);
	text-transform: uppercase;
    margin: 0;
}

.fortini-content-three p.fortini{
    font-size: 22px;
    color: var(--text-black);
    line-height: 1.2;
    font-family: var(--founder-regular);
    margin: 0;
}

.fortini-content-three h4.fortini{
    font-size: 22px;
    color: var(--text-secondary);
    line-height: 1.2;
    font-family: var(--founder-bold);
    margin: 0;
}

.fortini-content-three a{
    background-color: var(--bg-primary);
}

.fortini-section-three .modal-dialog {
    max-width: 1000px;
}

.fortini-section-three .modal-header {
    border-bottom: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fortini-section-three .modal-content {
    background-color: transparent;
    border: transparent;
    border-radius: 0;
}

.fortini-section-three .btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(13, 110, 253, .25);
    opacity: 1;
}

/* Section-Three End */

/* Section Four Start */

.fortini-content-four h1.fortini{
    font-family: var(--Boston-Skyline);
    font-size: 150px;
    color: var(--text-secondary);
    margin: 0;
}

.fortini-content-four h3.fortini {
    font-family: var(--founder-bold);
    font-size: 30px;
    color: var(--text-secondary);
    margin: 0;
    margin-top: -36px;
}

.fortini-content-part-two {
    background-color: var(--bg-primary);
    border-radius: 5px;
    min-height: 260px;
    height: 100%;
    padding: 34px 10px;
}

.fortini-content-part-two h3.fortini{
    font-family: var(--founder-bold);
    color: var(--text-white);
    font-size: 30px;
    margin: 0;
}

.fortini-content-part-two p.fortini{
    font-family:  var(--founder-regular);
    line-height: normal;
    color: var(--text-white);
    font-size: 22px;
    margin: 0;
}

.fortini-row-four{
    width: 80%;
    margin: auto;
}

.fortini-row-four .fortini-btn{
    max-width: 214px;
    display: block;
    margin: auto;
}


.fortini-accordion .accordion-body {
    width: 90%;
    padding: 12px 0 0 0;
}
.fortini-width-one{
    width: 50%;
}
button.accordion-button::before {
    position: absolute;
    border-bottom: 2px solid var(--text-primary);
    content: "";
    bottom: 0;
    width: 93%;
}

.fortini-accordion .accordion-button:not(.collapsed) {
    color: var(--text-primary);
    /* border-bottom: 2px solid var(--text-primary); */
    font-size: 22px;
    font-family: var(--founder-bold);
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}
.accordion-button:not(.collapsed)::after {
    background-image: url(../img/download.svg);
    transform: rotate(-180deg);
}
.fortini-accordion .accordion-button::after {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    margin-left: auto;
    content: "";
    background-image: url(../img/download.svg);
    background-repeat: no-repeat;
    transition: transform .2s ease-in-out;
    top: 36px;
    background-size: contain;
    position: absolute;
    right: 0;
}


.fortini-accordion .accordion-button:focus {
    /* border-bottom: 2px solid var(--text-primary); */
    z-index: 3;
    /* border-color: transparent; */
    outline: 0;
    box-shadow: 0 0 0 0 rgba(13, 110, 253, .25);
}

.fortini-accordion .accordion-button {
    /* border-bottom: 2px solid var(--text-primary); */
    padding: 12px 0;
    color: var(--text-primary);
    font-size: 22px;
    font-family: var(--founder-bold);
}
.fortini-accordion .accordion-item {
    padding-bottom: 16px;
    border: transparent;
}

.fortini-accordion .accordion-item .accordion-button{
    width: 90%;
}


.fortini-row-four-two {
    width: 92%;
    margin: auto;
}

.fortini-accordion p.fortini{
    font-family: var(--founder-regular);
    font-size: 20px;
    color: var(--text-primary);
}

.fortini-accordion .fortini-btn {
    background-color: var(--bg-primary);
    padding: 10px 50px !important;
}
 
/* Section Four End */

/* Section Five Start */

.fortini-section-five{
    background: url(../img/banner-2.jpg) no-repeat center center;
    width: 100%;
    background-size: cover;
}

.fortini-section-five .fortini-content-img img{
    max-width: 92px;
    width: 100%;
}
.fortini-section-five .fortini-content-text-five h2.fortini{
    color: var(--text-white);
    font-size: 50px;
    font-family: var(--founder-bold);
}
.fortini-section-five .fortini-content-text-five p.fortini{
    color: var(--text-white);
    font-size: 20px;
    font-family: var(--founder-regular);
    margin: 0;
}

/* Section Five End */

/* Section Six Start */

 .row-six-fortini{
    width: 86%;
}

.fortini-section-six .fortini-content-six h3.fortini{
    font-size: 30px;
    color: var(--text-primary);
    font-family: var(--founder-bold);
    margin: 0;
}

/* Section Six End */

/* Footer Start */

.fortini-footer{
    background-color: var(--bg-primary);
}

.fortini-footer .footer-content-img img{
    max-width: 224px;
    width: 100%;
}

.footer-content-img-icon img{
    max-width: 48px;
    padding-left: 10px;
}

.fortini-footer-content p.fortini{
    color: var(--text-white);
    font-family: var(--founder-regular);
    padding-bottom: 20px;
    font-size: 20px;
}

.fortini-footer-items{
    color: var(--text-white);
    font-family: var(--founder-regular);
    list-style: none;
    padding: 0;
    font-size: 20px; 
}

.fortini-footer-items a{
    color: var(--text-white);
    font-family:var(--founder-regular);
    text-decoration: none;
}

/* Footer End */


@media only screen and (max-width: 1390px) {
    .fortini-section-one .fortini-left-content {
        margin-right: -22px;
        margin-top: -24px;
    }
    .fortini-section-one .fortini-right-content {
        margin-left: -22px;
        margin-top: -24px;
    }
    .fortini-content-two p.fortini {
        white-space: normal;
    }

    .fortini-two-br{
        display: none;
    }
    .fortini-accordion p.fortini br{
        display: none;
    }
    .row-six-fortini {
        width: 100%;
    }
    .fortini-row-four {
        width: 94%;
        margin: auto;
    }

    .fortini-row-four-two {
        width: 100%;
        margin: auto;
    }
    .fortini-header .nav-item {
        padding-right: 30px;
    }
    .fortini-section-one h4.fortini {
        font-size: 28px;
    }
}

@media only screen and (max-width: 1224px){
    .fortini-section-one h4.fortini {
        font-size: 24px;
    }
    .fortini-section-one h1.fortini {
        font-size: 129px;
    }
    .fortini-section-six .fortini-content-six h3.fortini br{
        display: none;
    }
    .fortini-btn {
        font-size: 18px;
        padding: 8px 26px !important;
    }
    footer.fortini-footer .container {
        padding: 3rem 10px !important;
    }
    .fortini-footer-items {
        gap: 20px !important;
    }
}

@media only screen and (max-width: 1200px){
	    .fortini-row-four {
        width: 100%;
        padding: 0 !important;
        margin: auto;
    }
}

@media only screen and (max-width: 1174px){
    span.fortini-menu {
        font-size: 33px;
        color: var(--text-white);
        font-family: var(--founder-bold);
        background-color: var(--bg-secondary);
        padding: 10px 35px;
        border-radius: 50px;
    }
    .fortini-header .navbar-nav{
    display: none;
  }

  .fortini-header button.navbar-toggler {
    display: none;
}
      .mobile-fortini-menu{
        display: block;
      }

.mobile-menu-fortini {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bg-primary);
    z-index: 9999;
    padding: 20px;
    box-sizing: border-box;
    overflow-y: auto;
}

.mobile-menu-fortini ul {
    text-align: center;
    list-style-type: none;
}

.mobile-menu-fortini li {
    padding: 15px;
}

body.menu-open {
    overflow: hidden;
}

/* Styles for the close icon */
span.close-menu {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 10000;
}

.mobile-menu-fortini ul {
    margin-top: 60px; /* Adding space below the close icon */
}
.mobile-fortini-menu a{
    font-family: var(--founder-bold);
    color: var(--text-white);
    font-size: 22px;
    text-decoration: none;
}

}

@media only screen and (max-width: 1080px){
    .fortini-banner h3.fortini {
        left: 30%;
        transform: translateX(-30%);
}

.fortini-content-part-two h3.fortini {
    font-size: 22px;
}
.fortini-content-part-two p.fortini {
    line-height: normal;
    font-size: 22px;
}
.fortini-content-three {
    background: var(--bg-tertiary-optcity);
    padding: 25px;
}

.fortini-content-three .fortini-link {
    margin-top: 20px !important;
}
}

@media only screen and (max-width: 1050px){
    .row-fortini-one{
        display: none;
    }

    .fortini-section-one .fortini-content-img-one img {
        max-width: 320px;
        width: 100%;
    }

    .fortini-products{
        position: relative;
    }

    .fortini-content-one{
        padding-bottom: 1.5rem !important;
    }
    .fortini-section-one .first-child {
        position: absolute;
        z-index: 9;
        left: 40%;
        top: -18px;
    }

    .fortini-section-one .second-child {
        position: absolute;
        left: 10%;
        width: 50%;
        bottom: -4%;
    }

    .fortini-section-one .owl-nav {
        position: relative;
        margin-top: 47px;
        text-align: center;
    }

    .fortini-section-one button.owl-prev {
        position: absolute;
        left: 40%;
    }

    .fortini-section-one button.owl-next {
        position: absolute;
        right: 40%;
    }

    .owl-nav img {
        width: 100%;
    }

    .fortini-section-one .owl-dots button.owl-dot.active {
        opacity: 1;
        background-color: var(--bg-tertiary) !important;
    }
    .fortini-section-one .owl-dots {
        text-align: center;
    }
    .fortini-section-one .owl-dots button.owl-dot {
        text-align: center;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        opacity: 1;
        display: inline-block;
        background: var(--text-white) !important;
        margin: 0 3px;
    }

    .row-fortini-two-one{
        display: block;
    }
}


@media only screen and (max-width: 992px){
    .fortini-content-img img {
        width: 100%;
        max-height: unset;
        cursor: pointer;
        height: 100%;
    } 

    .fortini-section-three{
        background-color: var(--bg-tertiary-optcity);
        padding-bottom: 50px;
    }
    .fortini-content-three {
        background: transparent;
        padding: 25px;
    }
    .fortini-width-one {
        width: 100%;
    }
    .fortini-section-five .fortini-content-text-five h2.fortini {
        font-size: 40px;
    }
    .fortini-content-text-five h2 br {
        display: none;
    }

    .fortini-footer-items li {
        padding-bottom: 12px;
    }

    .fortini-mobile-carousel-two .owl-nav {
        position: relative;
        margin-top: 47px;
        text-align: center;
    }

    .fortini-mobile-carousel-two button.owl-next {
        position: absolute;
        right: 40%;
    }

    .fortini-mobile-carousel-two button.owl-prev {
        position: absolute;
        left: 40%;
    }

    .fortini-mobile-carousel-two .owl-dots {
        text-align: center;
    }

    .fortini-mobile-carousel-two .owl-dots button.owl-dot.active {
        opacity: 1;
        background-color: var(--bg-tertiary) !important;
    }

    .fortini-mobile-carousel-two .owl-dots button.owl-dot {
        text-align: center;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        opacity: 1;
        display: inline-block;
        background: var(--bg-primary) !important;
        margin: 0 3px;
    }

    .fortini-banner h3.fortini {
        left: 29%;
        transform: translateX(-30%);
    }
}

@media only screen and (max-width: 800px){
    .fortini-banner h3.fortini {
        left: 24%;
        transform: translateX(-24%);
    }
}

@media only screen and (max-width: 668px){
    .fortini-banner h1.fortini {
        font-size: 140px;
    }
    .fortini-banner h3.fortini {
        font-size: 20px;
    }

    .fortini-banner h4.fortini {
        font-size: 20px;
        margin-top: -10px;
    }

    .fortini-btn {
        font-size: 16px;
    }

    .fortini-banner {
        padding-bottom: 78px;
    }

    .fortini-section-one h2.fortini {
        font-size: 30px;
    }

    .fortini-section-one h1.fortini {
        font-size: 120px;
    }

    .fortini-section-one h3.fortini {
        font-size: 30px;
    }
    .fortini-section-one h4.fortini {
        font-size: 20px;
    }

    .fortini-section-one .fortini-content-img-one img {
        max-width: 300px;
        width: 100%;
    }
    .fortini-section-one p.fortini {
        font-size: 16px;
    }

    .fortini-content-two h2.fortini {
        font-size: 40px;
    }

    .fortini-content-four h1.fortini {
        font-size: 130px;
    }

    .fortini-content-part-two p.fortini br {
        display: none;
    }

    .fortini-section-five .fortini-content-text-five h2.fortini {
        font-size: 30px;
    }

    .fortini-section-six .fortini-content-six h3.fortini {
        font-size: 26px;
    }

    .fortini-content-three p.fortini br{
        display: none;
    }
    .fortini-section-one .second-child {
        position: absolute;
        left: 10%;
        width: 68%;
        bottom: 0;
    }

    .fortini-section-one .first-child {
        position: absolute;
        z-index: 9;
        left: 28%;
        top: -18px;
    }
}


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


    .fortini-header .fortini-logo {
        min-width: 120px;
        width: 120px;
    }

    span.fortini-menu {
        font-size: 18px;
    }

    .mobile-fortini-menu a {
        font-size: 18px;
    }
    .fortini-banner h1.fortini {
        font-size: 125px;
    }

    .fortini-banner h3.fortini {
        top: 8%;
        left: 17%;
        transform: translateX(-24%);
    }

    .fortini-banner {
        padding-bottom: 240px;
        background: url(/wp-content/uploads/2024/09/Mobile-1.jpg) no-repeat center center;
    }

    .fortini-banner-content a {
        padding: 8px 62px !important;
    }

    .fortini-section-one h1.fortini {
        font-size: 100px;
    }
    .fortini-section-one h4.fortini {
        font-size: 18px;
    }

    .fortini-section-one .fortini-content-img-one img {
        max-width: 250px;
    }
    .fortini-section-one .first-child {
        left: 28%;
    }

    .fortini-section-one .second-child {
        left: -26%;
        width: 100%;
        bottom: -4%;
    }

    .fortini-section-one button.owl-next {
        right: 28%;
    }

    .fortini-section-one button.owl-prev {
        left: 28%;
    }

    .fortini-content-one.second-child.text-end h3 {
        font-size: 22px !important;
    }

    .fortini-content-two h2.fortini {
        font-size: 34px;
    }

    .fortini-row-two {
        width: 100%;
    }

    .fortini-content-img-two img {
        max-width: 86px;
    }

    .fortini-content-two p.fortini {
        font-size: 18px;
    }

    .fortini-content-three h3.fortini {
        font-size: 22px;
    }

    .fortini-content-three p.fortini {
        font-size: 18px;
    }

    .fortini-content-three h4.fortini {
        font-size: 18px;
    }

    .fortini-content-four h1.fortini {
        font-size: 100px;
    }

    .fortini-content-four h3.fortini {
        font-size: 22px;
        margin-top: -30px;
    }

    .fortini-content-part-two p.fortini {
        font-size: 15px;
    }

    .fortini-mobile-carousel-two button.owl-next {
        right: 28%;
    }

    .fortini-mobile-carousel-two button.owl-prev {
        left: 28%;
    }

    .fortini-accordion .accordion-item .accordion-button {
        width: 100%;
    }

    .fortini-accordion .accordion-button::after {
        width: 20px;
        height: 20px;
        top: 39px;

    }

    .fortini-section-five .fortini-content-img img {
        max-width: 80px;
    }
    .fortini-section-six .fortini-content-six h3.fortini {
        font-size: 18px;
    }
    .footer-content-img-icon img {
        max-width: 36px;
    }

    .fortini-row-four {
        width: 100%;
        margin: auto;
    }

    .fortini-content-part-two p.fortini br {
        display: block;
    }

    .fortini-content-part-two a {
        padding: 8px 58px !important;
    }

    .fortini-content-part-two h3.fortini {
        font-size: 18px;
    }
}

@media only screen and (max-width: 376px){
    .fortini-banner h3.fortini {
        top: 3%;
        left: 17%;
        transform: translateX(-24%);
    }

    .fortini-section-one .first-child {
        left: 20%;
    }

    .fortini-section-one .second-child {
        left: -14%;
        width: 100%;
        
}  
}