@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300&family=Inter:wght@200;300;400;500;600;700&display=swap');

html, body{
    overflow-x: hidden;
}


@media screen and (min-width: 1800px)
{
    .container {
        max-width: 1440px !important;
    }
}

h1 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 53px;
    /* or 133% */


    color: #020E1A;
}


ul.main-list{
    padding-inline-start: 0;

}


.ml-20{
    margin-left: 20px;
}

    h1 span {
        color: #f02c2c
    }

.main-section {
    padding: 200px 0 100px;
    background: #ffffff;
}


    .main-section h1 {
        color: #020e1a;
        font-weight: 700;
    }

        .main-section h1 span {
            color: #f02c2c
        }


div#form-message {
    margin-bottom: 20px;   
    font-family: 'Inter', sans-serif;
    font-weight: 400 !important;
    font-size: 16px !important;
    text-align: center;
    color: #4CAF50;
}

    

.get-section {
    padding: 100px 0;
}

.btn-theme {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 33px;
    text-align: center;
    color: #FFFFFF !important;
    /*padding: 20px 85px;*/
    background: #f02c2c;
    border: 2px solid #f02c2c;
    border-radius: 5px;
    white-space: normal;
    width: fit-content;
    text-transform: uppercase;
    transition: all 200ms ease-in-out;
}


.btn-lg .btn-theme {
    font-size: 26px;
}


.theme-btn {
    background: #f02c2c;
    border: 2px solid #f02c2c;
    border-radius: 5px;
    padding: 10px 20px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    transition: all 200ms ease-in-out;
    line-height: 46px;
}


.theme-btn-secondary {
    border: 2px solid #f02c2c;
    border-radius: 5px;
    background: transparent;
    padding: 10px 20px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 46px;
    color: #f02c2c;
    transition: all 200ms ease-in-out;
}

    .theme-btn-secondary:hover, .theme-btn:hover, .button:hover {
        text-decoration: none;
    }

.btn-theme span {
    font-size: 20px;
    color: #FFEA2E;
}


.navbar-nav li{
    margin-right: 10px;
}


.testi-box {
    background: #ffffff;
    border: 2px solid #a8a8a829;
    border-radius: 10px;

    margin-bottom: 25px;
    transition: .3s ease;
    text-align: center;
   
    align-items: center;
}

.testi-box .content {
    padding: 20px;
}
img.icon-img {
    border-radius: 12px;
    vertical-align: middle;
    border-style: none;
    max-width:100%
}
.bonus-box {
    background: #FFFFFF;
    border: 2px solid #DDDDDD;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px;
    transition: .3s ease;
}


.theme-btn-secondary-strat {
    border: 2px solid #f02c2c;
    border-radius: 5px;
    background: transparent;
    padding: 10px 20px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #f02c2c;
    transition: all 200ms ease-in-out;
}


.btn-theme-white .border-white {
    border: 2px dashed #f02c2c !important;
    margin: 5px;
    padding: 7px 50px;
}

.price {
    border: 2px dashed #f02c2c;
    border-radius: 5px;
    background: transparent;
    padding: 10px 20px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #f02c2c;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    text-align: center;
}

.price h4{
    margin-bottom: 0;
}
.get-box {
    background: #fbfbfb;
    border: 2px solid #DDDDDD;
    /*box-shadow: 0 120px 100px 0 rgba(0,0,0,.02), 0 80px 60px 0 rgba(0,0,0,.06), 0 40px 32px 0 rgba(0,0,0,.05), 0 10px 16px 0 rgba(0,0,0,.08), 0 10px 8px 0 rgba(0,0,0,.03), 0 2px 4px 0 rgba(0,0,0,.02);*/
    border-radius: 10px;
    padding: 15px 10px;
    margin-bottom: 25px;
    transition: .3s ease;
    display: flex;
}


h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}

p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */


    color: #3c3c3c;
}


.mb-50{
    margin-bottom: 50px;
    margin-top: 50px;
}



.count-section {
    background: #f02c2c;
    padding: 50px 0; 
}


.count-section .count-box {
    text-align: center
}


.count-box h5 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 44px;
    /* identical to box height, or 110% */


    color: #FFFFFF;
}
h1.title.text-center{margin-bottom: 50px;
    }
.btn-bg {
    margin: auto;
    background: #f02c2c;
    height: auto;
    padding: 29px 0;
    border-radius: 12px;
    color: #fff;
  
}

.btn-style{
    border: 2px solid #ffffff;
    border-radius: 5px;
    padding: 10px 20px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    transition: all 200ms ease-in-out;
    line-height: 46px;
    
}
.btn-style:hover{color: #ffffff;
    color: #252525;
    text-decoration: none;
    transform: scaleX(0.95) scaleY(0.95);
    background: #fff;
}
.btn-bg h3 {
    margin-bottom: 0px;
}
.count-box h2 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    /* identical to box height, or 73% */


    color: #FFEA2E;
}


.getbox:hover {
    box-shadow: 0 120px 100px 0 rgb(0 0 0 / 2%), 0 80px 60px 0 rgb(0 0 0 / 6%), 0 40px 32px 0 rgb(0 0 0 / 5%), 0 10px 16px 0 rgb(0 0 0 / 8%), 0 10px 8px 0 rgb(0 0 0 / 3%), 0 2px 4px 0 rgb(0 0 0 / 2%);
    transform: translateY(-8px);
}

.advantages-section {
    background: #ECECEC;
    padding: 100px 0;
}


.testi-section{
    padding: 100px 0;
    background: #a8a8a826;
}

h1.title.text-center.brand {
    margin-bottom: 30px;
}
.star-rating {
    color: #fbbc04;
    font-size: 20px;
}

.client h5 {
    font-family: 'Inter', sans-serif;
    color: #f02c2c;
    font-weight: 600;
    margin-bottom: 0;
}

.client h7 {
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
}


.flex{
    display: flex;
}


.client-img{
  margin-left: auto;

}


.bonus-section {
    background: #ECECEC;
    padding: 100px 0;
}


.faq-section {
    background: #ECECEC;
    padding: 100px 0;
}

.full-section {
    background: #f02c2c;
    padding: 100px 0;
}


.btn-theme-white {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 33px;
    text-align: center;
    color: #f02c2c !important;
    /*padding: 20px 85px;*/
    text-transform: uppercase;
    background: #FFF2DA;
    border: 2px solid #FFF2DA;
    border-radius: 5px;
    white-space: normal;
    width: fit-content;
    transition: all 200ms ease-in-out;
}

.btn-theme-white span {
    font-size: 20px;
}

.full-section h1{
    color: #fff;
}

    
.full-section h1 span {
        color: #FFEA2E;
        animation: color-change 1s ease-out infinite;
    }

    .about-section{
        padding: 100px 0;
    }


    .mb-20{
        margin-bottom: 20px;
    }


    .mt-20{
        margin-top: 20px;
        margin-bottom: 70px;
    }

    .copyrights p{
        margin-bottom: 0;
        padding: 20px 0;
        color: #fff;
    }


.panel-title > a:before {
    float: right !important;
    font-family: "Material Icons";
    content: "\e15b";
    padding-right: 5px;
}



.panel-title > a.collapsed:before {
    float: right !important;
    content: "\e145";
}

.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus {
    text-decoration: none;
}

.panel-heading {
    padding: 20px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel {
    margin-bottom: 20px !important;
    background-color: #ffffff;
    box-shadow: 0px 10px 20px 1px rgb(4 4 4 / 5%);
    border-radius: 10px;
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #00bcd4;
    text-align: center;
    color: #fff;
}

h4.panel-title{
    margin-bottom: 0;
}


    h4.panel-title a {
        margin-bottom: 0;
        color: #212529;
    }

.panel-body {
    font-family: Inter;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 0px 0px 10px 10px;
}


/*.fixed-top {
    top: 40px;
    right: 150px;
    left: 150px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 8px 20px 12px rgb(0 0 0 / 5%);
}*/


.get-box img {
    height: 80px;
    margin-right: 10px;
}


a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
    color: initial;
}


.content p{
    margin-bottom: 0 !important;
}

.get-box .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.advantages-section ul{
    list-style: none;
}


    .advantages-section ul li span {
        color: #f02c2c;
        position: absolute;
        left: 20px;
    }

.btn-theme span{
    animation: color-change 1s ease-out infinite;
}

@keyframes color-change {
    0% {
        color: #FFEA2E;
    }

    25% {
        color: #fff;
    }

    50% {
        color: #FFEA2E;
    }

    75% {
        color: #fff;
    }


    100% {
        color: #FFEA2E;
    }
}

@keyframes color-change-2 {
    0% {
        color: #F44336;
    }

    


    50% {
        color: #020E1A;
    }




    100% {
        color: #F44336;
    }
}


.btext {
    background: #f02c2c;
    position: relative;
    width: fit-content;
    padding: 10px;
    margin-top: -20px;
    border-radius: 0 0 10px 10px;
    margin-left: auto;
}

    .btext h5 {
        margin-bottom: 0;
        color: #fff;
        font-family: 'Inter' 
    }


.ptb-15 {
    padding-top: 15px;
    padding-bottom: 10px;
}


.get-box:hover {
    box-shadow: 0 120px 100px 0 rgb(0 0 0 / 2%), 0 80px 60px 0 rgb(0 0 0 / 6%), 0 40px 32px 0 rgb(0 0 0 / 5%), 0 10px 16px 0 rgb(0 0 0 / 8%), 0 10px 8px 0 rgb(0 0 0 / 3%), 0 2px 4px 0 rgb(0 0 0 / 2%);
    transform: translateY(-8px);
}


.testi-box:hover {
    box-shadow: 0 120px 100px 0 rgb(0 0 0 / 2%), 0 80px 60px 0 rgb(0 0 0 / 6%), 0 40px 32px 0 rgb(0 0 0 / 5%), 0 10px 16px 0 rgb(0 0 0 / 8%), 0 10px 8px 0 rgb(0 0 0 / 3%), 0 2px 4px 0 rgb(0 0 0 / 2%);
    transform: translateY(-8px);
}

.bonus-box:hover {
    box-shadow: 0 120px 100px 0 rgb(0 0 0 / 2%), 0 80px 60px 0 rgb(0 0 0 / 6%), 0 40px 32px 0 rgb(0 0 0 / 5%), 0 10px 16px 0 rgb(0 0 0 / 8%), 0 10px 8px 0 rgb(0 0 0 / 3%), 0 2px 4px 0 rgb(0 0 0 / 2%);
    transform: translateY(-8px);
}


.btn-theme:hover {
    transform: scaleX(0.95) scaleY(0.95);

}

.btn-theme-white:hover {
    transform: scaleX(0.95) scaleY(0.95);
}



.theme-btn:hover {
    text-decoration: none;
    color: #fff;
    transform: scaleX(0.95) scaleY(0.95);
}


.theme-btn-secondary:hover {
    background: #2D2D2D;
    border-color: #2D2D2D;
    color: #fff
}


.theme-btn:hover {
    background: #2D2D2D;
    border-color: #2D2D2D;
    color: #fff
}


.flexalign {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-section a{
    width: fit-content;
}


.cta-section {
    padding: 0 100px;
    background: #f02c2c;
}

.conv-section {
    padding: 100px 0;
}


    .conv-section .image span {
        background: #f02c2c;
        padding: 10px;
        border-radius: 50%;
        color: #fff;
        margin-right: 15px;
    }

    .mt-50{
        margin-top: 50px;
    }

.conv-box {
    background: #fbfbfb;
    padding: 20px;
    /* border: 2px solid #f02c2c; */
    border-radius: 10px;
    margin-bottom: 30px;
}

footer {
    background: #242424;
}


.conv-box h5 {
    font-size: 18px;
    font-family: 'Inter';
    line-height: 30px;
}

.brd{
    border-radius: 15px;
}


.prgoress_indicator {
    position: fixed;
    right: 20px;
    bottom: 75px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transform: translateY(15px) !important;
    transition: all 200ms linear !important;
}

    .prgoress_indicator.active-progress {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) !important;
    }

    .prgoress_indicator::after {
        position: absolute;
        content: "\e5ce";
        font-family: "Material Icons";
        text-align: center;
        line-height: 46px;
        font-size: 18px;
        color: #ec2b2b;
        left: 0;
        top: 0;
        height: 46px;
        width: 46px;
        cursor: pointer;
        display: block;
        font-weight: 900;
        z-index: 1;
        transition: all 200ms linear !important;
    }

    .prgoress_indicator::before {
        position: absolute;
        content: "\e5ce";
        font-family: "Material Icons";
        text-align: center;
        line-height: 46px;
        font-size: 18px;
        font-weight: 900;
        opacity: 0;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        left: 0;
        top: 0;
        height: 46px;
        width: 46px;
        cursor: pointer;
        display: block;
        z-index: 2;
        transition: all 200ms linear !important;
    }

    .prgoress_indicator:hover ::after {
        color: #ec2b2b;
    }

    .prgoress_indicator:hover ::before {
        opacity: 1;
    }

    .prgoress_indicator svg path {
        fill: none;
    }

    .prgoress_indicator svg.progress-circle path {
        stroke: #ec2b2b;
        stroke-width: 4;
        box-sizing: border-box;
        transition: all 200ms linear !important;
    }

.footer_sticky_body .prgoress_indicator {
    z-index: 99999999;
}


/*.main-section .btn-theme {
    padding: 5px 105px;
}*/

.contacticon {
    height: 46px;
    font-size: 22px !important;
    width: 46px;
    padding: 0 !important;
    border-radius: 50px;
    line-height: 46px;
    background-color: #f02c2c;
    color: #fff;
    
    transition: all 200ms ease-in-out;
}
    .contacticon i {
        color: #fff;
        padding: 7px 15px;
    }

.btn-theme .border-white {
    border: 2px dashed #f02c2c !important;
    margin: 5px;
    padding: 7px 50px;
}

@media(max-width: 480px) {

    .google-review p{font-size: 16px!important; line-height: 18px;}
    #index2nav .fixed-top{padding: 0!important;}
    .servebox {margin-top: 50px;}
    .navbar-nav .theme-btn-secondary {
        
        padding: 10px 7px;
    }

    .navbar-nav .theme-btn {
        
        padding: 10px 7px;
    }
        .order-box {
        padding: 20px;
        margin-bottom: 25px;
        transition: .3s ease;
        padding-right: 20px !important;
        margin-right: 0px !important;
        border-right: none !important;
        border-bottom: 2px solid #d3d3d3;
    }
    .gallery {
        
        padding: 15px 15px !important;
    }
    .count-box h5 {
       
        font-size: 20px;
        line-height: 30px;
    }
    /*.conv-box br{
        display: none
    }*/
    .p-30{
        padding-right: 30px;
        padding-left: 30px;
    }

    .count-box h2 {
        
        font-size: 33px;
        line-height: 40px;
    }

    .btn-theme .border {
        border: 2px dashed #f9f9f9 !important;
        margin: 5px;
        padding: 7px 16px !important;
    }
    .btn-theme .border-white {
        padding: 7px 40px;
    }

    .main-section .flex {
        display: block;
    }
    .main-section .ml-20 {
        margin-left: 0;
    }
    .full-section h1.title {
        font-size: 20px;
        font-weight: 700;
    }

    .order-form-section h2 {
        line-height: 32px !important;
        font-size: 21px !important;
    }

    .conv-box h5 {
        /* font-size: 14px; */
        font-family: 'Inter';
        line-height: 30px;
        margin-bottom: 0px;
    }

    .order-box p {
    font-size: 13px;
    line-height: 26px;
}
    .price-details h3 {
        font-family: 'Inter', sans-serif;
        font-size: 18px;
    }

    form {
        padding: 50px 5px !important;
        margin-top: 33px;
    }
    
    .conv-box h4 {
        font-size: 18px;
    }
    .btn-theme {
        /*padding: 7px 20px;*/
        font-size: 16px;
        width: 100%;
        line-height: 20px;
        font-weight: 500;

    }
        .btn-theme span {
            font-size: 14px;
            color: #FFEA2E;
        }

    .btn-theme-white {
        font-size: 16px;
        width: 100%;
        line-height: 20px;
        font-weight: 500;
    }
        .btn-theme-white .border-white {
            border: 2px dashed #f02c2c !important;
            margin: 5px;
            padding: 7px 17px;
        }
    .about-section h1{
        margin-top: 50px;
    }
    .main-section .btn-theme {
        
        font-size: 16px;
        width: 100%;
        line-height: 20px;
        font-weight: 600;
    }
    h4.panel-title a {
        font-size: 19px;
    }
    .count-section .count-box {
        text-align: center;
        margin-bottom: 30px;
    }
    .advantages-section ul li{
        margin-bottom: 30px !important;
    }

    .bonus-box .flex{
        display: block;
    }

    .main-section {
        padding: 125px 0 100px;
    }
    .fixed-top {
        top: 5px;
        right: 10px;
        left: 10px;
        border-radius:0px;
        background-color: #fff;
        box-shadow: 0px 8px 20px 12px rgb(0 0 0 / 5%);
    }
    .navbar-nav li {
        margin-right: 10px;
        margin-bottom: 15px;
        margin-left: 10px;
        width: max-content
    }

    /*.navbar-nav li:nth-child(3) {
       
        margin-bottom: 0px;
    }
*/
    h1.title {
        font-size: 25px;
        font-weight: 700;
    }
    h4 {
        font-family: 'Inter', sans-serif;
        font-weight: 500;
        font-size: 20px;
    }
    .advantages-section ul li span {
        color: #f02c2c;
        position: absolute;
        left: 20px;
        font-size: 20px;
    }
    .client h5 {
        font-family: 'Inter', sans-serif;
        color: #f02c2c;
        font-weight: 600;
        margin-bottom: 0;
        font-size: 17px;
    }
    .bonus-section h1.title {
        font-size: 19px;
        font-weight: 700;
    }
    .btext h5 {
        margin-bottom: 0;
        color: #fff;
        font-family: 'Inter';
        font-size: 17px;
    }
    .btn-theme-white span {
        font-size: 14px;
    }

     h1 {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 30px !important;
        color: #020E1A;
    }
    .main-section a{
        text-align: center;
    }
    .main-list li h4 {
        color: #fff;
        font-size: 16px;
    }
    .main-list li span {
        margin-right: 10px !important;
        color: #FFEA2E;
        font-size: 17px;
    }
    .main-list li h4 {
        color: #fff;
        line-height: 13px;
    }
}


.hamburger-btn span {
    display: inline-block;
    position: absolute;
    left: 0;
    background: #ffffff;
    height: 2px;
    width: 25px;
    opacity: 1;
    z-index: 1;
    border-radius: 10px;
}

.hamburger-btn {
    width: 34px;
    height: 24px;
    position: relative;
    cursor: pointer;
    background: transparent;
    border: 0;
    outline: 0;
    transition: all 0.3s ease-out 0s;
}

.navbar-toggler:focus, .navbar-toggler:hover {
    outline: none !important
}


.hamburger-btn span:nth-child(1) {
    top: 0;
    background: #ffffff;
}

    .hamburger-btn span:nth-child(2) {
        top: 10px;
        width: 14px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.hamburger-btn span:nth-child(3) {
    top: 20px;
    right: 0;
    left: 0;
    background: #ffffff;
}

.navbar-light .navbar-toggler {
    border: none !important;
}


.main-section .btn-theme {
    -webkit-animation-name: pop;
    -webkit-animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    color: #f02c2c !important;
    background: #FFF2DA;
    border: 2px solid #FFF2DA;
    width: 100%;
}

    .main-section .btn-theme span {
        animation: none;
        color: #f02c2c
    }

.btn-theme {
    -webkit-animation-name: pop;
    -webkit-animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
}

.btn-theme-white {
    -webkit-animation-name: pop;
    -webkit-animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
}


@-webkit-keyframes pop {
    0% {
    }

    5%,25% {
        transform: scaleX(0.99) scaleY(0.99);
    }

    15%,35% {
        transform: scaleX(0.97) scaleY(0.97);
    }

    40% {
        transform: scaleX(1) scaleY(1);
    }
}

.order-section {
    padding: 180px 0 0px;
    background: #f02c2c;
}

.order-section h1{
    color: #fff;
}



    .order-section h1 span {
        color: #FFEB3B;
    }


.order-form-section h2 {
    color: #f02c2c;
    font-family: Inter;
    font-weight: 600;
    margin-bottom: 35px;
    line-height: 45px;
    font-size: 28px;
}

.price-details h3{
    font-family: 'Inter', sans-serif
}


.bonus-section h1 span {
    animation: color-change-2 1s ease-out infinite;
}

.order-box {
    /*background: #fbfbfb;
    border: 2px solid #DDDDDD;*/
    
    padding: 20px;
    margin-bottom: 25px;
    transition: .3s ease;
    padding-right: 40px;
    margin-right: 40px;
    border-right: 2px solid #d3d3d3;
}


.order-form-section ul {
    list-style: none;
}

    .order-form-section ul li span {
        color: #f02c2c;
        position: absolute;
        left: 35px;
    }


.advantages-section ul li {
    margin-bottom: 40px;
}

.order-form-section{
    padding: 100px 0;
}


@media(min-width: 1401px) and (max-width: 1600px) {
    .main-section .btn-theme {
        padding: 5px 85px;
    }
}


.main-list{
    list-style: none;
    margin-top: 20px;
}


    .main-list li span {
        position: relative;
        margin-right: 5px;
        color: #FFC107;
        top: 0px;
    }

    .main-list li h4 {
        color: #fff;
    }

    .main-list li {
        display: flex;
        margin-bottom: 10px;

    }


.gallery {
    column-count: 5;
    --webkit-column-count: 5;
    --moz-column-count: 5;
    gap: 1rem;
    padding: 50px 50px;
}


.gallery-section{
    padding: 50px 0 100px;
    background: #ececec;
}

.image img {
    height: auto;
    width: 100%;
    border: 2px solid #DDDDDD;
    border-radius: 10px;
    transition: .3s ease;
}

/* Responsive-ness for different screen-sizes */
@media screen and (max-width: 810px) {
    .gallery {
        column-count: 3;
        --webkit-column-count: 3;
        --moz-column-count: 3;
    }
}

@media screen and (max-width: 500px) {
    .gallery {
        column-count: 2;
        --webkit-column-count: 2;
        --moz-column-count: 2;
    }
    h2.quotes{font-size: 25px!important;}
    .main-text-btm h2{font-size: 24px!important;}
}

@media screen and (max-width: 400px) {
    .gallery {
        column-count: 1;
        --webkit-column-count: 1;
        --moz-column-count: 1;
    }
}
@media screen and (max-width: 360px) {h2.quotes{font-size: 25px!important;}
.main-text-btm h2{font-size: 24px!important;}}

.gallery .image {
    margin-bottom: 20px;
    
}


    .gallery .image img:hover {
        box-shadow: 0 120px 100px 0 rgb(0 0 0 / 2%), 0 80px 60px 0 rgb(0 0 0 / 6%), 0 40px 32px 0 rgb(0 0 0 / 5%), 0 10px 16px 0 rgb(0 0 0 / 8%), 0 10px 8px 0 rgb(0 0 0 / 3%), 0 2px 4px 0 rgb(0 0 0 / 2%);
        transform: translateY(-8px);
    }


.input-contain {
    position: relative;
}

input, select {
    font-family: 'Inter' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 13px 13px;
    width: 100%;
}

input, .placeholder-text, select, option {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 13px 6px;
    width: 100%;
    /* margin-bottom: 30px !important; */
    border: 2px solid #cbcbcb;
    /* border-radius: 5px; */
    background: #fbfbfb;
}
select#exampleFormControlSelect1 {
    border-bottom: 1px solid #ddd;
    border-top: none;
    border-left: none;
    border-right: none;
    background: none;
    padding-left: 0;
    font-family: 'Inter', sans-serif;
    color: #888;
    font-size: 18px;
}
.placeholder-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 3px solid transparent;
    background-color: transparent;
    display: flex;
    align-items: center;
    pointer-events: none;
}

input:focus + .placeholder-text .text, :not(input[value=""]) + .placeholder-text .text {
    background-color: #fff;
    font-size: 16px;
    line-height: 24px;
    color: #f02c2c;
    transform: translate(0, -100%);
}

.text {
    transform: translate(0);
    transition: transform 0.15s ease-out, font-size 0.15s ease-out, background-color 0.2s ease-out, color 0.15s ease-out;
}

.text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 0 0.5rem;
    background-color: transparent;
    color: #999999;
}


form {
    padding: 40px 25px;
    background: #fbfbfb;
    border-radius: 12px;
    border: 2px solid #ddd;
}

#section-tabs li {
    padding: 15px 20px;
    font-family: Hanken Grotesk;
    font-weight: 500;
    font-size: 20px;
    background: #e9e9e9;
}

.contact-form a {
    color: #f02c2c;
    font-size: 19px;
    text-decoration: none;
}


#section-tabs {
    display: flex;
    padding-inline-start: 0;
    margin-top: -50px;
}

    #section-tabs li.current.active {
        border-top: 2px solid #f02c2c;
        color: #000;
        background: #fbfbfb;
    }

.review li{list-style: none;}
/*input[type="radio"] {
    display: inline-grid;
    place-content: center;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 22px;
    height: 22px;
    border: 1px solid currentColor;
    border-radius: 50%;
    margin-right: 10px;
}

input[type="radio"]:checked::before {
    transform: scale(1);
    content: "\f00c";
    color: #fff;
    display: grid;
    place-content: center;
    font: normal normal normal 10px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

input[type="radio"]::before {
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 0em 4em #00963f;
}


label.radio-inline {
    margin-bottom: 0;
}

.radio-inline {
    padding: 20px 12px;
    border-radius: 5px;
}

input.frmradio {
    margin-bottom: 0 !important;
}*/

.form-check-input {
    position: absolute;
    margin-top: 5px;
    margin-left: -32px;
}

.form-check {
    display: inline-block;
}

label{
    font-family: 'Inter', sans-serif;
}


.mb-40{
    margin-bottom: 40px;
}

.nav-tabs .nav-item {
    width: 50%;
    text-align: center;
    background: #646464;
}


.mb-30{
    margin-bottom: 20px;
    margin-top: 20px;
}

.nav-tabs .nav-link {
    /* border: 1px solid transparent; */
    /* border-top-left-radius: 15px; */
    /* border-top-right-radius: 0.25rem; */
    color: #fff;
    font-family: 'Inter';
    border: none;
    border-radius: 0;
    padding: 15px;
    font-weight: 500;
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        
        background-color: #fbfbfb;
    }



section .theme-btn {
    line-height: initial;
}

.btn-theme .border {
    border: 2px dashed #f9f9f9 !important;
    margin: 5px;
    padding: 7px 50px;
}


.nav-tabs .nav-link.disabled {
    color: #fff;
}

.order-form-section h5{
    font-family: 'Inter';
    color: #a92421;
    font-weight: 600;
}


.order-form-section h6 {
    font-family: 'Inter';
    font-weight: 700;
    line-height: 40px;
}


html, body{
    scroll-behavior: smooth;
}


td {
    font-family: Inter;
    padding: 10px 20px;
    width: 50%;
}

table{
    width: 100%
}


.order-box h2 span {
    animation: color-change-2 1s ease-out infinite;

}

.price-details h1 span {
    animation: color-change-2 1s ease-out infinite;
}


.title span img{
    height: 47px;
}

.title img {
    height: 47px;
}


h4.panel-title

{
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 20px;
}


@media (max-width: 768px){
    .deskhide{
        display:block !important;

    }
    .mobhide {
        display: none !important;
    }
    .title img {
        height: 32px;
    }
    .prgoress_indicator {
        bottom: 108px;
    }
    /* .navbar-nav {
        flex-direction: row !important;
    } */
    /* footer {
        background: #eaeaea;
        padding-bottom: 80px;
    } */
}

@media (min-width: 769px) {
    .deskhide {
        display: none !important;
    }

    .mobhide {
        display: block !important;
    }
}


.order-box .title img{
    height:45px;
}


.image .fa-whatsapp:before {
    content: "\f232";
    font-size: 24px;
    padding: 2px;
}


span.fa-whatsapp {
    background:#4caf50  !important;
}


.conv-box h5 a {
   color:  #212529
}

    .conv-box h5 a:hover {
        text-decoration: none;
        color: #f02c2c
    }


.theme-btn i {
    font-size: 23px;
    margin-right: 10px;
}


.order-form-section .what {
    background: #4caf50 !important;
    border: 2px solid #4caf50;
}

.order-form-section .what {
    background: #4caf50 !important;
    border: 2px solid #4caf50;
    color: #fff;
}


    .order-form-section .what:hover {
        background: #FFCF52 !important;
        border-color: #FFCF52 !important;
        color: #000;
    }

    .what{
        width: fit-content;
    }

@media screen and (min-width: 1800px)
{
    .container-sec {
        max-width: 1646px !important;
    }

    
}


.model {
    position: absolute;
    margin-top: 87px;
    z-index: -1;
    max-width: 115%;
}


.floatbar {
    position: fixed;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    bottom: 0px;
    background: #891c19;
    border-top: 2px solid #fff;
    padding: 10px 20px;
}


.flex-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
}


.detailstab a {
    color: #ff0600;
}


.floatbar h1 span {
    color: #f1f1f1;
    font-size: 16px;
}

.floatbar h1 {
    color: #FFEA2E;
    font-weight: 600;
    animation: color-change 1s ease-out infinite;
    margin-bottom: 0;
}

.slick-prev, .slick-next {
    position: absolute;
    top: 135%;
    font-size: 1.8rem;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    margin: auto;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slide {
    transition: filter .4s;
}

.fas {
    color: #96bd0b;
}

.slick-prev {
    left: 0;
}

.slick-prev, .slick-next {
    position: absolute;
    top: 35%;
    font-size: 1.8rem;
    display: none !important;
}

.customer-logos1::before {
   
}

.slick-list:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 5%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 95%, rgba(255,255,255,1) 100%);
    z-index: 1;
}

.advsection.ecomm {
    padding: 50px 0 0px 0;
    background-position: center;
    background-size: cover;
}

.servebox .content h5 {
    font-family: var(--mainfont);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
}

.servebox .content a {
    font-family: var(--secfont);
    font-style: normal;
    font-weight: 500;
    color: var(--theme-color);
    transition: all 200ms ease-in-out;
}

.servebox .content {
    padding: 30px;
}

.servebox img {
    border-radius: 15px 15px 0px 0px;
}

.servebox {
    margin-bottom: 30px;
    margin-left: 30px;
    transition: .3s ease;
    background: #fff;
    border-radius: 15px;
}


    .servebox:hover {
        box-shadow: 0 120px 100px 0 rgb(0 0 0 / 2%), 0 80px 60px 0 rgb(0 0 0 / 6%), 0 40px 32px 0 rgb(0 0 0 / 5%), 0 10px 16px 0 rgb(0 0 0 / 8%), 0 10px 8px 0 rgb(0 0 0 / 3%), 0 2px 4px 0 rgb(0 0 0 / 2%);
        transform: translateY(-8px);
    }

@media(min-width: 1080px) {
    .mt-xl-80 {
        margin-top: 80px;
    }
}


.servebox .content a:hover {
    margin-left: 10px;
}

.headtext h3 {
    font-size: 20px;
    font-weight: 500;
    color: #f02c2c;
}

#index2nav .fixed-top {
    top: 0;
    right: 0;
    left: 0;
    padding: 15px 42px 15px 42px;
    background: rgb(0 0 0 / 41%);
    /*box-shadow: 0rem 0.25rem 1rem rgb(33 53 108 / 16%);*/
    backdrop-filter: blur(0.5rem);
    padding-bottom: 10px;
    position: fixed;
}

#index2nav .shrink {
    background-color: #ffffff;
    position: fixed;
    width: 100%;
    box-shadow: 0 1px 40px rgb(0 0 0 / 20%);
}

#index2nav .navbar-nav .nav-link {
    color: #2D2D2D;
    font-size: 17px;
    padding: 10px 20px;
    font-family: var(--mainfont);
    font-weight: 600;
    text-transform: capitalize;
}

.navbar-nav li.moblink {
    
    display: flex;
    gap: 10px;
}

.contacticon.whatsapp {
    background-color: #25D366;
}

.contact {
    background: #f02c2c;
    color: white !important;
    border-radius: 5px;
    padding: 10px 25px !important;
    transition: all 200ms ease-in-out;
    width: 100%;
}
    .contact:hover {
        background-color: #262626;
        /* transform: scaleX(0.95) scaleY(0.95); */
    }
.contacticon:hover {
    transform: scaleX(0.95) scaleY(0.95);
}
#index2nav .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 17px;
    padding: 10px 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.navcard {
    position: relative;
    padding-left: 35px;
}

    .navcard img {
        position: absolute;
        width: 26px;
        left: 0;
        top: 0;
    }

    .navcard h6 {
        font-size: 14px;
        margin: 0 0 2px;
        line-height: 15px;
        font-family: var(--mainfont);
        font-weight: 600;
    }

    .navcard .desc {
        margin-left: 0;
        color: #666;
        line-height: 15px;
        display: block;
        font-size: 12px;
        font-family: var(--mainfont);
    }

.dropdown-menu {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);
    transform: translateY(10px);
    transition: transform .3s ease-in-out,opacity .3s ease-in-out;
    padding: 0px;
    border: 0px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    padding: 2px 0 6px;
}
#index2nav .dropdown-item {
    display: block;
    width: 100%;
    padding: 10px 16px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-family: var(--mainfont);
}
#index2nav a.dropdown-item:hover {
    background-color: #dfdfdf;
}

.tqbox {
    background: #f1f1f1;
    padding: 20px 30px;
    width: 62%;
    display: flex;
    gap: 36px;
    margin: auto;
}
a.whats {
    background: #25d366;
}
.whats {
    padding: 5px 10px !important;
    border-color: #25d366 !important;
}
.tqbox .whats {
    margin-top: 0;
    height: fit-content;
    display: flex;
    font-size: 16px;
}
.nav-link.contact a {
    color: #fff;
    font-weight: 600;
}
a.whats i {
    padding-right: 5px !important;
    color: #fff !important;
    padding-top: 9px;
}


.back-btn{
background: #f02c2c;
    color: white !important;
    border-radius: 5px;
    padding: 10px 25px !important;
    transition: all 200ms ease-in-out;}

    .back-btn a{color: #fff;
        font-weight: 600;}
        .back-btn a:hover{text-decoration: none;}

    .back-btn:hover {
        background-color: #262626;
        transform: scaleX(0.95) scaleY(0.95);
        
    }
    a.btn-theme.whats:hover {

        
        text-decoration: none;
    }
    
    @media (max-width: 480px){
        .btn-bg{margin: 0px;
                padding: 10px;
        }

        .client-area {
            padding: 50px 0;
        }

        .tab-content > .active {
            margin-top: 20px;
        }
        .google-review img {
            width: 150px;
        }
        h2.quotes{font-size: 25px!important;line-height: 1.2!important;}

        .main-text br{
            display: none;
        }
        .main-text-btm h2 {
            font-size: 23px !important;
            line-height: 1.3 !important;
        }
        .main-list li h4 {
            font-size: 18px !important;
        }
        .navbar-brand{padding-left: 12px!important;
            padding-top: 12px;}
        .d-flex.db h4, .d-flex.db p {
            text-align: center !important;
        }

        .carousel-caption .full-section{
            margin-bottom: 0;
        }
        a.whats i {
            padding-right: 5px !important;
            color: #fff !important;
            padding-top: 2px;
        }
    .d-flex.db {
        display: block !important;
    } 

    .tqbox {
        background: #f1f1f1;
        padding: 20px 30px;
        width: 100%;
        display: block;
        gap: 36px;
        margin: auto;
    }

    .tqbox a {
        width: fit-content;
        margin-top: 15px !important;
        text-align: center;
    }
    .tab-list > li{
        border-left:none!important; }

        .client-area h3{margin-top: 50px;
        }

}  
@media (max-width: 1787px){

    .google-review p{padding-left: 36px;}

.btn-template, .btn-template1, .btn-theme {
    font-size: 16px !important;
    line-height: 20px;
}}

hr.line {
    margin-top: 73px;
    border: 1px solid#ddd;
}

.content i {
    padding: 0px;
    font-size: 24px;
    border-radius: 50px;
    text-align: center;
    color: #3c3c3c;
    position: absolute;
    left: 0px;
}
p.content-point {
    margin-bottom: 0 !important;
    position: relative;
    padding-left: 20px;
}

.sec-color img {
    border-radius: 15px;
}


.heilight-txt {
    padding: 150px 0 70px;
    background-image: url(../images/hero.jpg);
    /* background-position: top; */
    background-repeat: no-repeat;
    background-color: black;
}


.client-area {
    padding: 100px 0 100px;
    background-color: #f7f7f7;
}

.quotes {
    display: none;
    /*background-color: #f02c2c;*/
    width: fit-content;
    color: #fff;
    /*padding: 0 11px 5px 11px;*/
}

h2.quotes {
    font-size: 48px !important;
    font-weight: 700 !important;
}

.main-text .quotes.active {
    display: inline !important;
}

@media screen and (max-width: 1366px) {
    .main-text-btm h2 {
        color: #fff !important;
        line-height: 1.2 !important;
    }
}

@media screen and (max-width: 600px) {
    .tab-list > li > h3 {
        font-size: 22px !important;
    }
}


.main-text-btm h2 {
    color: #fff !important;
    font-size: 48px;
    font-weight: 700;
}



.row.justify-content {
    align-items: center;
    justify-content: center;
}

.row.justify-content-review {
    align-items: flex-end;
    padding: 0 11px 8px 11px;
}

.review-form h2 {
    font-size: 45px;
}

span.red-color {
    color: #f02c2c;
    font-weight: 700;
}

.google-review {
    margin-top: 34px;
}

    .google-review p {
        color: #fff;
        font-size: 20px;
    }

form.enquiry-form {
    padding: 26px 26px;
    background: #ffffff;
}

.enquiry-form h3 {
    margin-bottom: 21px;
}

.review ul {
    padding: 0;
}

.client-area h3 {
    margin-bottom: 30px;
}

.re-view-cont {
    background: #fff;
    border: 2px solid #ffffff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 18px;
}

.review {
    height: 518px !important;
    width: 100%;
}

.project-gallery > a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
}

    .project-gallery > a > img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        box-shadow: 0 2px 16px var(--shadow);
    }

.project-gallery {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    grid-auto-rows: 120px;
    grid-auto-flow: dense;
}

.horizontal {
    grid-column: span 2;
}

.vertical {
    grid-row: span 2;
}

.big {
    grid-column: span 2;
    grid-row: span 2;
}



a.e-now {
    color: #fff;
}

    a.e-now:hover {
        text-decoration: none;
    }


/* new */


.content-wrapper {
    min-height: 100%;
    position: relative;
}

.get-in-touch {
    max-width: 650px;
    margin: 0 auto;
    /* position: relative;
   top: 50%;
   transform: translateY(-50%);
       
   */
}

.title {
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 27px;
    line-height: 22px;
    padding-bottom: 6px;
    font-weight: 600;
}


.get-in-touch p {
    text-align: center;
    font-family: 'Inter', sans-serif;
    margin-bottom: 9px;
    font-size: 20px;
}

.contact-form {
    .form-field

{
    position: relative;
    margin: 12px 0;
    font-family: 'Inter', sans-serif;
}

.input-text {
    display: block;
    width: 100%;
    height: 40px;
    border-width: 0 0 1px 0;
    border-color: #ced4da;
    font-family: Lusitana, serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    &:focus

{
    outline: none;
}

&:focus,
&.not-empty {
    + .label

{
    transform: translateY(-24px);
    font-size: 14px
}

}
}

.label {
    position: absolute;
    left: 20px;
    bottom: -5px;
    /* font-family: Lusitana, serif; */
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #888;
    cursor: text;
    transition: transform .2s ease-in-out;
}

.submit-btn {
    display: inline-block;
    background-color: #f02c2c;
    color: #fff;
    font-size: 17px;
    line-height: 35px;
    padding: 8px 16px;
    border: none;
    cursor: pointer;
    border-radius: 12px;
}

}


.submit-btn:hover {
    background-color: #262626;
    transform: scaleX(0.95) scaleY(0.95);
    transition: all 200ms ease-in-out;
}


.note {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-family: Lusitana, serif;
    font-size: 16px;
    line-height: 21px;
    .link

{
    color: #888;
    text-decoration: none;
    &:hover

{
    text-decoration: underline;
}

}
}


/* tab */


.tab-list > li {
    padding: 0 3%;
    border-left: 1px solid #6c6c6c;
    text-align: left;
    float: left;
    cursor: pointer;
}

    .tab-list > li:first-child {
        border-left: none;
    }

    .tab-list > li:hover > h3,
    .tab-list > li.active > h3 {
        color: #f02c2c;
    }

.container.tabs h3 {
    color: #747474;
}

.tab-list > li > h3 {
    font-weight: bold;
    display: block;
    transition: all 500ms ease;
}

.tabs-content {
    opacity: 0;
    display: none;
    margin: 3em 0;
    opacity 1s ease-out;
}

    .tabs-content.active {
        opacity: 1;
        display: block;
    }

    /* Tab 1 Set */
    .tabs-content#content-select-1 > div {
        padding: 0 4em;
    }

    .tabs-content > div > i {
        font-size: 65px;
        float: left;
        display: block;
        margin-top: 10px;
    }

    .tabs-content > div > article {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }


/* Bar Set Style */
.tab-header {
    margin: 0 0 1em;
}

    .tab-header h3 {
        font-size: 20px;
        text-transform: uppercase;
    }

.single-bar {
    float: left;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
}

    .single-bar p {
        text-align: center;
    }

        .single-bar p.bar-place {
            margin: 1em 0;
        }

.bar-container {
    border-bottom: 1px solid #fff;
    padding: 0 1em;
    min-height: 280px;
    position: relative;
}

.bar {
    position: absolute;
    overflow: hidden;
    bottom: 0;
}

    .bar:first-child {
        padding-left: 0;
    }

.bar-value {
    border: 1px solid #fff;
    border-bottom: none;
}

.bar1 {
    height: 150px;
}

.bar2 {
    height: 245px;
}

.bar3 {
    height: 110px;
}

.bar4 {
    height: 95px;
}

.bar5 {
    height: 180px;
}

.bar6 {
    height: 50px;
}

.bar-highlight {
    background-color: #4ECDC4;
    border-color: #4ECDC4;
}

    .bar-highlight:hover {
        opacity: .9;
    }

.sec-color {
    background-color: #f7f7f7;

}

.ptb-20{
    padding-bottom: 20px;
    padding-top: 20px;
}

.client-sec{
    border-bottom: 1px solid #ebebeb
}

.nav {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}


.fade {
    transition: all .4s linear !important;
}

.sec-color img {
    transition: all .4s linear !important;
}

.nav-tabs {
    /* border-bottom: 1px solid #dee2e6; */
    border-bottom: none;
    gap: 40px;
    justify-content: center;
}

    .nav-tabs .nav-link {
        color: #000;
        font-family: 'Inter';
        border: none;
        border-radius: 0;
        padding: 10px 20px;
        font-weight: 500;
        border: 1.2px dashed transparent;
        /*transition: all 200ms ease-in-out;*/
        transition: all .3s cubic-bezier(1, .48, .71, .96);
    }

    .nav-tabs .nav-item {
        width: fit-content;
        text-align: center;
        background: transparent;
    }

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border-color: transparent;
    }

.nav-fill .nav-item, .nav-fill > .nav-link {
    -ms-flex: unset;
    flex: unset;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: transparent;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #f02c2c;
    border: 1.2px dashed #F44336;
    border-radius: 10px;
}


/*#tabImage {
    transition: all .4s linear;
}*/

/*.fade:not(.show) {
    opacity: 1;
}*/

.tab-image {
    transition: opacity 0.5s ease-in-out;
}
/*
h2{
    font-family: Inter
}*/


@media(max-width: 480px) {
    .client-sec {
        padding: 50px 0;
    }

    .nav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .nav-tabs {
        gap: 10px;
    }

    .cta-section h3 {
        margin-bottom: 25px
    }

    .main-text-btm .flex {
        display: block;
    }

    .main-list li span {
        top: -2px;
    }

    .heilight-txt {
        padding: 110px 0 70px;
    }

    h2.quotes {
        font-size: 24px !important;
    }

    .nav-tabs .nav-link {
        padding: 10px 3px;
    }
    h1.title1 {
        font-size: 28px !important;
        font-weight: 700;
        line-height: 38px !important;
    }
    .nav-tabs .nav-link {
        font-size: 14px;
    }

    .conv-box {
        padding: 20px 10px;
    }

    .client-sec .title {
        font-size: 28px !important;
    }
}


@media(min-width: 1366px) and (max-width: 1400px){
    .title {
        font-size: 24px;
    }
    .get-in-touch p {
        font-size: 18px;
    }
    form {
        padding: 40px 17px;
    }
    .client-sec h1 {
        font-size: 26px !important;
    }
    h1.title1 {
        font-size: 28px !important;
        font-weight: 600 !important;
    }
    .btn-bg {
         padding: 0px; 
    }
}

.main-list li h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 400 !important;
    font-size: 20px !important;
}

h1.title1 {
    font-size: 35px;
    font-weight: 700;
    line-height: 50px;
}

.cta-section .title1{
    color: #fff
}




@media (min-width: 769px) and (max-width: 1024px) {
    .col-md-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 30px;
    }

    .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-md-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .nav-tabs .nav-item {
        white-space: nowrap;
    }
    .title {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .nav-tabs {
       
        gap: 0;
    }
    .navbar-expand-md {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }
    .navbar {
        justify-content: space-between !important;
    }
}

/*@media (max-width: 1024px) {
    .navbar-expand-md .navbar-toggler {
        display: block;
    }
}

@media (max-width: 1024px) {
    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox !important;
        display: block !important;
        -ms-flex-preferred-size: auto;
        flex-basis: 100%;
    }
    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}*/
/*
@media (min-width: 769px) and (max-width: 1024px) {
    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
}*/


@media (min-width: 769px) and (max-width: 1024px) {
    .navbar-expand-custom {
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .navbar-expand-custom .navbar-toggler {
            display: block;
        }

        .navbar-expand-custom .navbar-collapse {
            display: none !important;
        }

            .navbar-expand-custom .navbar-collapse.collapse.show {
                display: block !important;
            }


        .navbar-expand-custom .navbar-collapse {
            
            flex-basis: 100%;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }
    .navbar-expand-custom .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0 !important;
    }
    #index2nav .navbar-nav .nav-link.contact {
       
        width: fit-content;
        margin-bottom: 20px;
    }
    }

    /* .pb-40 {
        padding-bottom: 40px;
        padding-top: 40px;
    } */

.pb-30 {
    padding-bottom: 30px;
}

h3 {
    font-family: 'Inter';
    font-weight: 500;
}

/*Portfolio Marquee*/
.home-marquee {
    display: grid;
    width: 885px;
    margin-left: 0px;
    grid-template-columns: auto auto auto;
    column-gap: 15px;
}

.home-marquee-wrapper {
    position: relative;
    min-height: 500px;
    overflow: hidden;
}

.fullsection.pfsec {
    padding: 0 100px;
}


.pfsec a {
    width: fit-content
}

.marquee-original-image, .marquee-copy-image {
    width: 100% !important;
    height: 100% !important;
    min-height: 1460px;
    background-size: cover !important;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/viva-marquee-1.webp);
    animation: move-vertical-normal-image-marquee 20s linear infinite;
}

.reverse-scroll .marquee-original-image, .reverse-scroll .marquee-copy-image {
    animation: move-vertical-reverse-image-marquee 20s linear infinite;
    background: url(../images/viva-marquee-2.webp);
}


@keyframes move-vertical-normal-image-marquee {
    0% {
        transform: translateY(0) translateZ(0);
    }

    100% {
        transform: translateY(-100%) translateZ(0);
    }
}







.reverse-scroll .marquee-copy-image {
    animation-name: move-vertical-reverse-image-marquee-copy;
}

@keyframes move-vertical-reverse-image-marquee {
    0% {
        transform: translateY(0) translateZ(0);
    }

    100% {
        transform: translateY(100%) translateZ(0);
    }
}


@keyframes move-vertical-normal-image-marquee-copy {
    0% {
        transform: translateY(100%) translateZ(0);
    }

    100% {
        transform: translateY(0) translateZ(0);
    }
}

.reverse-scroll .marquee-original-image, .reverse-scroll .marquee-copy-image {
    animation: move-vertical-reverse-image-marquee 20s linear infinite;
    background: url(../images/viva-marquee-2.webp);
}

.last-marquee .marquee-original-image, .last-marquee .marquee-copy-image {
    background: url(../images/viva-marquee-3.webp);
}

.reverse-scroll .marquee-copy-image {
    animation-name: move-vertical-reverse-image-marquee-copy;
}

@keyframes move-vertical-reverse-image-marquee-copy {
    0% {
        transform: translateY(-100%) translateZ(0);
    }

    100% {
        transform: translateY(0) translateZ(0);
    }
}

.marquee-copy-image {
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(100%) translateZ(0);
    animation-name: move-vertical-normal-image-marquee-copy;
}

@media (max-width: 480px) {
    .fullsection.pfsec {
        padding: 20px;
    }

    .home-marquee {
        display: block;
        width: 100%;
        margin-left: 0px;
        grid-template-columns: auto auto auto;
        column-gap: 15px;
        margin-top: 30px;
    }

    .reverse-scroll {
        display: none
    }

    .last-marquee {
        display: none
    }
}

.btn-style-sec {
    border: 2px solid #ffffff;
    border-radius: 5px;
    padding: 10px 20px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #f02c2c;
    background-color: #FFFFFF;
    transition: all 200ms ease-in-out;
   
    
}

    .btn-style-sec:hover {
        text-decoration: none;
        background-color: #000;
        color: #fff;
        border-color: #000
    }

.btn-style.ico {
    display: flex;
    align-items: center;
    width: fit-content;
    line-height: 1;
}

.fixmenu-box {
    
    position: fixed;
    bottom: 0px;
    width: auto;
    left: 0;
    right: 0;
    
    background: #f02c2c;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.10);
    z-index: 9999999;
}

    .fixmenu-box .flex {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }


    .fixmenu-box h6 {
        margin-bottom: 0;
    }

    .fixmenu-box .flex .content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-family: Inter;
    }

    .fixmenu-box .flex i {
        font-size: 22px;
        margin-right: 10px;
    }

    .fixmenu-box .col-4 {
        background: #f02c2c;
        padding: 10px 0;
    }

    /* .fixmenu-box .col-4:nth-child(3) {
        border-right: none;
    } */

.megaflex {
    display: flex;
}

.fixmenu-box .flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
}


@media(min-width: 768px){
.fixmenu-box {
    display: none;
}
}
.fixmenu-box a {
    display: flex;
    color: #fff !important;
}

@media(max-width: 480px){
    .copyrights{
        padding-bottom: 50px;
    }
}

.col-4.dwhats{
    background-color: #25D366;
}

@media (max-width: 480px) {
    .cta-section{
        padding: 50px 20px;
    }
    .client-area {
        padding: 100px 0 0px;
        background-color: #f7f7f7;
    }
}


.bl h3{
    color: #fff;
}

.bl p{
    color: #fff;
}

.bg-text-right{
    position: absolute;
    right: 8%;
    z-index: 0;
    font-size: 180px;
    font-weight: 600;
    /* top: 29%; */
    margin-top: 0px; 
    color: #bfbaba;
    opacity: 0.6;
    font-family: Inter;
}

.bg-text-left{
    position: absolute;
    left: 8%;
    z-index: 0;
    font-size: 180px;
    font-weight: 600;
    /* top: 29%; */
    margin-top: 0px;
   
    color: #c8c8c8;
    opacity: 0.6;
    font-family: Inter;
}

.carousel-caption {
    position: absolute;
    right: 13%;
    top: 110px;
    left: 13%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
}

.carousel-inner > .carousel-item > img {
 
    object-fit: cover;
    width: 100%;
    max-height: 833px;
  }


  @media screen and (min-width: 1800px) {
    .sec-color .container {
        max-width: 1200px !important;
    }
}

img.bg-png {
    position: absolute;
    /* left: 20px; */
    left: 0%;
    opacity: .14;
    margin-top: -65px;
    transform: scale(1.2);
}

img.bg-png-right {
    position: absolute;
    /* left: 20px; */
    right: 0%;
    opacity: .14;
    margin-top: -65px;
    transform: scale(1.2);
}


.carousel-item {
    height: 833px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 0.5s ease-in-out;
  }
  
  .carousel-caption {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    text-align: left;
    left: 11%;
  }

  @media (max-width: 768px) {
    .carousel-item {
        height: 130vh;
        background-repeat: no-repeat;
        background-color: black;
        background-position: center left;
    }
    .carousel-caption {
      font-size: 14px;
      left: 5%;
      right: 5%;
      top: 38%;
    }

    img.bg-png-right, img.bg-png {
        display: none;
    }

    .sl{
        flex-wrap: wrap-reverse;
    }

    .bg-text-left, .bg-text-right{
        display: none;
    }
  }

  .carousel-item {
    transition: background-image 1s ease-in-out;
  }


  .sec-color .row{
    padding: 50px 0 60px;
    border-bottom: 1px solid #d4d0d0;
  }


  html, body{
    overflow-x: hidden;
  }