: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) ;
    --bg-secondary-optcity: rgba(109, 136, 194, 0.5) ;
    --bg-black-optcity: rgba(0, 32, 91, 0.1) ;
    --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.otff";
    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: var(--text-white) !important;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1 !important;
    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: var(--bg-white);
    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: 24px;
}

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

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

/* Header End */

/* Banner Start */

.fortini-banner {
    position: relative;
    background: url(../img/banner.jpg) no-repeat center center;
    background-size: cover;
    padding-bottom: 130px;
}

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

.fortini-banner h4.fortini {
    color: var(--text-white);
    font-family: var(--founder-bold);
    font-size: 28px;
    text-transform: uppercase;
    margin: 0;
}

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

.fortini-banner h2.fortini {
    font-family: var(--Boston-Skyline);
    color: var(--text-tertiary);
    font-size: 150px;
    margin-left: 12px;
    line-height: 120px;
}

.banner-fortini-span {
    font-size: 200px;
} 

.fortini-banner-content .fortini-link a{
    color: var(--text-primary);
}

.fortini-banner-content-two {
    background-color: var(--bg-secondary-optcity);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 20px;
}

.fortini-banner-content-two .row {
    max-width: 60% ;
    width: 100%;
}

/* Banner End */

/* Section One Start  */

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

.fortini-section-one h2.fortini{
    font-size: 40px;
    color: var(--text-primary);
    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-secondary);
    font-size: 150px;
    line-height: 0.9;
    margin: 0;
}

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

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

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

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

.fortini-section-one .fortini-left-content-two {
    margin-top: 12px !important;
}

.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-section-two{
    background-color: var(--bg-black-optcity);
}

.fortini-content-two h2.fortini{
    color: var(--text-primary);
    text-transform: uppercase;
    font-family: var(--founder-bold);
    font-size: 40px;
    margin: 0;
}

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

.fortini-row-two {
    width: 68%;
    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-primary);
    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;
    text-transform: uppercase;
    color: var(--text-white);
    font-family: var(--founder-bold);
    margin: 0;
}

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

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

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

.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: 320px;
    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-light);
    line-height: 1;
    color: var(--text-white);
    font-size: 30px;
    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);
    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 {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(13, 110, 253, .25);
}

.fortini-accordion .accordion-button {
    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: "Founder-Light.otff";
    font-size: 16px;
    color: var(--text-primary);
}

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

/* Section Six Start */

.fortini-section-six{
    background-color: var(--bg-tertiary-optcity);
}

 .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 */

/* Section Seven Start */

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

.fortini-content-seven h4{
    font-size: 36px;
    font-family: var(--founder-bold);
    color: var(--text-primary);
    margin: 0;
}

.fortini-content-seven .fortini-icon-text p{
    margin: 0;
    font-family: var(--founder-regular);
    line-height: 1;
    font-size: 26px;
    color: var(--text-primary);
}

.fortini-content-seven .fortini-icon img {
    max-width: 40px;
    width: 100%;
}

/* Section Seven End */

/* Section Eight Start */

.fortini-section-eight .fortini-eight-content h2.fortini{
    font-size: 98px;
    color: var(--text-primary);
    font-family: var(--Boston-Skyline);
    margin: 0;
}

.fortini-section-eight .fortini-eight-content p.fortini{
    font-family: var(--founder-regular);
    color: var(--text-primary);
    margin: 0;
    font-size: 20px;
}

.fortini-section-eight .fortini-table-head {
    background-color: var(--bg-secondary);
    border-radius: 12px 12px 0 0;
}

.fortini-section-eight .fortini-comparison-table-img img{
    max-width: 150px;
    width: 100%;
}

.fortini-section-eight .fortini-comparison-table-head h6{
    font-family: var(--founder-bold);
    color: var(--text-white);
    margin: 0;
    font-size: 24px;
    text-transform: uppercase;
}

.fortini-section-eight .fortini-head{
    font-family: var(--founder-bold);
    color: var(--text-secondary);
    font-size: 24px;
    margin: 0;
}

.fortini-section-eight ul.first-child  , .fortini-section-eight .first-child li {
    font-size: 24px;
    line-height: normal;
    font-family: var(--founder-regular);
    color: var(--text-primary);
    margin: 0;
    /* padding: 0; */
}

.fortini-section-eight ul.second-child  , .fortini-section-eight .second-child li{
    font-size: 24px;
    line-height: normal;
    font-family: var(--founder-regular);
    color: var(--text-secondary);
    margin: 0;
    /* padding: 0; */
}

.fortini-section-eight .fortini-table-text{
    border: 3px solid var(--bg-tertiary-optcity);
}

.fortini-section-eight .fortini-table-text .col-lg-2,
.fortini-section-eight .fortini-table-text .col-lg-5 {
    border-bottom: 3px solid var(--bg-tertiary-optcity);
    border-right: 3px solid var(--bg-tertiary-optcity);
    display: flex;
    /* min-height: 136px; */
    align-items: center;
}

/* Table All Height Start */

.fortini-section-eight .table-col-one {
    min-height: 70px;
}

.fortini-section-eight .table-head-one {
    min-height: 70px;
}

.fortini-section-eight .table-col-two {
    min-height: 126px;
}

.fortini-section-eight .table-head-two {
    min-height: 126px;
}

.fortini-section-eight .table-col-three {
    min-height: 124px;
}

.fortini-section-eight .table-head-three {
    min-height: 124px;
}

.fortini-section-eight .table-col-four {
    min-height: 70px;
}

.fortini-section-eight .table-head-four {
    min-height: 70px;
}

.fortini-section-eight .table-col-five {
    min-height: 70px;
}

.fortini-section-eight .table-head-five {
    min-height: 70px;
}

/* Table All Height End */

.fortini-section-eight .fortini-comparison-table-top{
    position: relative;
}

.fortini-section-eight .fortini-comparison-table-img img{
    position: relative;
    z-index: 1;
}

.fortini-section-eight .fortini-comparison-table-top::before {
    position: absolute;
    content: "";
    background-color: var(--bg-primary);
    width: 100%;
    height: 114px;
    left: 0;
    border-radius: 12px 12px 0 0;
    top: -48px;
}

.col-first {
    background-color: rgba(109, 136, 194, 0.3);
}

.fortini-section-eight .last-text-table{
    font-size: 18px;
    font-family: var(--founder-regular);
    color: var(--text-primary);
}

/* Section Eight 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: "Founder-Light.otff";
    padding-bottom: 20px;
    font-size: 16px;
}

.fortini-footer-items{
    color: var(--text-white);
    font-family: "Founder-Light.otff";
    list-style: none;
    padding: 0;
    font-size: 16px; 
}

.fortini-footer-items a{
    color: var(--text-white);
    font-family: "Founder-Light.otff";
    text-decoration: none;
}

.mix-text-fortini .light-font{
    font-size: 16px;
    font-family: "Founder-Light.otff";
}

.fortini-footer-content.mix-text-fortini b {
    font-family: 'FoundersGroteskCondensed-Bold.otf';
    font-size: 18px;
}

/* Footer End */


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

    /* Table All Height Start */

    .fortini-section-eight .table-col-three {
        min-height: 142px;
    }

    .fortini-section-eight .table-head-three {
        min-height: 142px;
    }

    .fortini-section-eight .table-col-four {
        min-height: 90px;
    }

    .fortini-section-eight .table-head-four {
        min-height: 90px;
    }

    /* Table All Height End */

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

    .fortini-section-one .fortini-right-content {
        margin-left: -22px;
    }

    .fortini-section-one .fortini-right-content {
        margin-top: 20px;
    }

    .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: 0px;
    }

    .fortini-banner-content-two .row {
        max-width: 80%;
        width: 100%;
    }

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

    .fortini-section-one h4.fortini {
        font-size: 28px;
    }

    .fortini-banner-content br {
        display: none;
    }

    .fortini-content-seven br {
        display: none;
    }

    .fortini-section-one h4 br {
        display: none;
    }
}

@media only screen and (max-width: 1224px){
    .fortini-header .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 4px;
        padding-left: 4px;
    }

    .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: 1174px){

    /* Table All Height Start */

    .fortini-section-eight .table-col-two {
        min-height: 146px;
    }

    .fortini-section-eight .table-head-two {
        min-height: 146px;
    }

    .fortini-section-eight .table-col-five {
        min-height: 88px;
    }

    .fortini-section-eight .table-head-five {
        min-height: 88px;
    }

    /* Table All Height Start */

    section.fortini-banner .bananer-row {
        width: 60% !important;
    }

    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;
    }

    span.close-menu {
        font-size: 30px;
        font-weight: bold;
        color: var(--text-white);
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
        z-index: 10000;
    }

    .mobile-menu-fortini ul {
        margin-top: 60px;
    }

    .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-content-img img {
        width: 100%;
        min-height: 350px;
        cursor: pointer;
        height: 100%;
    }
    .fortini-content-three br {
        display: none;
    }
    .fortini-content-part-two h3.fortini {
        font-size: 22px;
    }

    .fortini-content-part-two p.fortini {
        line-height: normal;
        font-size: 22px;
    }

    .fortini-content-three {
        padding: 25px;
    }

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

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

    /* Table All Height Start */

    .fortini-section-eight .table-col-four {
        min-height: 94px;
    }

    .fortini-section-eight .table-head-four {
        min-height: 94px;
    }

    /* Table All Height End */

    .fortini-content-one h2 br {
        display: none;
    }
    
    .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: -15%;
    }

    .fortini-section-one .owl-carousel .owl-stage-outer {
        padding-bottom: 60px;
    }

    .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-primary) !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){

    /* Table All Height Start */

    .fortini-section-eight .table-col-two {
        min-height: 110px;
    }

    .fortini-section-eight .table-col-three {
        min-height: 110px;
    }

    .fortini-section-eight .table-col-four {
        min-height: 80px;
    }

    .fortini-section-eight .table-col-five {
        min-height: 80px;
    }

    /* Table All Height End */

    .fortini-head {
        position: relative;
    }
    .fortini-head::after {
        position: absolute;
        content: "";
        border-left: 4px solid;
        border-bottom: 4px solid;
        width: 12px;
        transform: rotate(-45deg);
        height: 12px;
        right: 0;
        top: 5px;
    }
    .fortini-section-eight ul.first-child {
        padding-left: 6px;
    }
    .fortini-section-eight ul.second-child {
        font-size: 16px;
        padding-left: 6px;
    }
    .fortini-section-eight .fortini-comparison-table-top::before {
        height: 122px;
    }
    .fortini-section-eight .col-last {
        border-bottom: 3px solid var(--bg-tertiary-optcity) !important;
    }
    .fortini-section-eight .fortini-head {
        font-size: 20px !important;
        text-align: center;
    }
    .fortini-section-eight ul.first-child, .fortini-section-eight .first-child li {
        font-size: 16px;
    }
    .fortini-section-eight ul.second-child, .fortini-section-eight .second-child li {
        font-size: 16px;
    }
    .fortini-section-eight .fortini-table-text .col-lg-2, .fortini-section-eight .fortini-table-text .col-lg-5 {
        display: unset;
        align-items: center;
        padding: 14px;
    }
    .fortini-table-text .col-last{
        min-height: unset !important;
        border-right: 0 !important;
    }
    .fortini-table-text .col-first, 
    .fortini-table-text .col-second{
        display: flex !important;
    }
    .fortini-row-two {
        width: 90%;
        margin: auto;
    }

    .fortini-section-one .owl-carousel .owl-stage-outer {
        padding-bottom: 94px;
    }

    section.fortini-banner .bananer-row {
        width: 100% !important;
        padding-bottom: 38px;
    }

    .fortini-banner-content-two {
        padding: 38px;
    }
    
    .fortini-content-img img {
        width: 100%;
        max-height: unset;
        cursor: pointer;
        height: 100%;
    } 

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

    .fortini-content-three {
        padding: 50px;
        padding-bottom: 82px;
    }

    .fortini-width-one {
        width: 100%;
    }

    .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-content .fortini-link a , .fortini-content-six .fortini-link a {
        display: block;
        width: 100%;
    }
}

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

    /* Table All Height Start */

    .fortini-section-eight .table-col-four {
        min-height: 94px;
    }

    /* Table All Height End */

    .fortini-content-img img {
        min-height: unset;
    }

}

@media only screen and (max-width: 668px){
    .fortini-content-three br {
        display: none;
    }

    section.fortini-banner .bananer-row {
        width: 90% !important;
        padding-bottom: 0;
    }

    .fortini-banner h2.fortini {
        font-size: 74px;
        line-height: 70px;
    }

    .banner-fortini-span {
        font-size: 100px;
        top: -72px;
    }

    .fortini-banner h1.fortini {
        font-size: 230px;
    }

    .fortini-banner h3.fortini {
        font-size: 20px;
    }

    .fortini-banner h4.fortini {
        font-size: 14px;
        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-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: 700px){

    /* Table All Height Start */

    .fortini-section-eight .table-col-one {
        min-height: 90px;
    }

    .fortini-section-eight .table-col-two {
        min-height: 166px;
    }

    .fortini-section-eight .table-col-three {
        min-height: 166px;
    }

    .fortini-section-eight .table-col-four {
        min-height: 130px;
    }

    .fortini-section-eight .table-col-five {
        min-height: 112px;
    }

    /* Table All Height End */

    /* .fortini-section-eight .fortini-table-text .col-lg-2, .fortini-section-eight .fortini-table-text .col-lg-5 {
        min-height: 166px;
    } */
    .fortini-section-eight .last-text-table {
        font-size: 12px;
    }

    .fortini-section-eight .fortini-eight-content h2.fortini {
        font-size: 50px;
    }
    .fortini-section-eight .fortini-comparison-table-img img {
        max-width: 124px;
        width: 100%;
    }
    .fortini-section-eight .fortini-comparison-table-head h6 {
        font-size: 14px;
    }
    .fortini-banner h1.fortini {
        font-size: 190px;
    }

    .banner-fortini-span {
        font-size: 100px;
        top: -55px;
    }

    section.fortini-banner .bananer-row {
        width: 90% !important;
        padding-bottom: 38px;
    }

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

    .fortini-banner-content-two .row {
        max-width: 86%;
        width: 100%;
    }

    .fortini-banner-content-two {
        padding: 16px;
    }

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

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

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

    .fortini-banner {
        background-size: cover !important;
        padding-bottom: 128px;
        background: url(../img/mobile.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: 20%; */
        left: 28%;
    }

  .fortini-section-one .second-child {
        left: 0%;
        width: 70%;
        bottom: -15%;
    } 

    .fortini-section-one .owl-carousel .owl-stage-outer {
        padding-bottom: 64px;
    }

    .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: 75%;
    }

    .fortini-content-part-two {
        min-height: 292px;
        height: 100%;
    }

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

    .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: 18px;
    }

    .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-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;
    }
    .fortini-content-three a {
        background-color: var(--bg-secondary);
        display: block;
    }
}

@media only screen and (max-width: 450px){
    .fortini-section-eight .fortini-comparison-table-top::before {
        height: 107px;
    }
}

@media only screen and (max-width: 420px){
    .fortini-section-eight .table-col-three {
        min-height: 186px;
    }
    .fortini-section-eight .table-col-five {
        min-height: 128px;
    }
}

@media only screen and (max-width: 400px){
    .fortini-section-eight .table-col-two {
        min-height: 186px;
    }

    .fortini-section-eight .table-col-three {
        min-height: 206px;
    }
}

@media only screen and (max-width: 380px){
    .fortini-section-eight .table-col-one {
        min-height: 114px;
    }
    .fortini-section-eight .table-col-two {
        min-height: 208px;
    }
    .fortini-section-eight .table-col-four {
        min-height: 156px;
    }
    .fortini-section-eight .table-col-five {
        min-height: 152px;
    }
}