@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');



:root {

    scroll-behavior: smooth;

}



body {

    font-size: 18px;

    font-family: PT Sans, Arial, Helvetica, sans-serif;

    font-weight: 400;

    font-style: normal;

    color: #26577C;

}



.section {

    scroll-margin-top: 98px;

    overflow: clip;

}





/* custom */





.navbar-expand-lg .navbar-collapse {

    font-family: Open Sans, Arial, Helvetica, sans-serif;

    font-weight: 500 !important;

}



.navbar .dropdown-menu {

    width: 100vw;

    /* Full width of the viewport */

    left: 0;

    right: 0;

    top: 100%;

    text-align: center;

}



li.nav-item {

    margin: 0 .35rem;

}



/* .dropdown-menu .dropdown-item:nth-child(1) {

    border-left: none;

  } */

.dropdown-item {

    font-size: 18px; /*ib2*/

    border-left: 1px solid #c2c2c2;

}



.navbar .dropdown-menu {

    width: 100vw;

    left: -567px;

    right: 0;

    top: 100%;

    text-align: center;

    margin-top: 0;

    justify-content: center;

}



.dropdown-menu.show {

    display: inline-flex;

    border-radius: 0;

}



.dropdown-item.active,

.dropdown-item:active {

    color: #26577C;

    text-decoration: none;

    background-color: transparent;

}



.dropdown-item:focus,

.dropdown-item:hover {

    color: #1e2125;

    background-color: transparent;

}



html {

    scroll-behavior: smooth;

}



h2 {

    font-size: 36px !important;

    font-weight: 600 !important;

}



h3 {

    font-size: 36px !important;

    font-weight: 600 !important;

}



.txt_orange {

    color: #f8821f;

}



.bg-request-sec {

    height: auto;

    width: 100%;

    text-align: center;

    padding-top: 100px;

    color: white;

    overflow: hidden;

    background: #C04848;

    /* fallback for old browsers */

    background: linear-gradient(rgba(0, 0, 0, 0.8), rgb(39 39 39 / 80%)), url(https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg) !important;

    /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(rgba(0, 0, 0, 0.8), rgb(39 39 39 / 80%)), url(https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg) !important;

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size: cover;

    background-repeat: no-repeat;

    padding: 5rem 0;

}



.intoduction-sec span.txt_orange {

    color: #f8821f !important;

}



.top-tricker {

    background: #2e2e2e;

    padding: .25rem 0;

    text-align: center;

    color: #fff;

}



.top-tricker h3 {

    font-size: 16px !important;/*ib2*/

    text-align: center;

    font-weight: 400 !important;

    line-height: 18px;

    padding-top: 5px;

}



.intoduction-sec p {

    font-size: 18px; /*ib2*/

    line-height: 26px;

}

.company-profilel {

    padding: 40px 0 !important;

    max-width: 100%;

}

.company-profile p {

    font-size: 18px; /*ib2*/

    line-height: 26px;

}



.intoduction-sec .contact-head2 {

    /* float: right; */

    border: 1px solid #f8821f;

    color: #f8821f;

    text-decoration: none;

    padding: 7px 24px;

    border-radius: 7px;

}



.box-grey {

    background-color: #f9f9f9;

}



.box-shdw {

    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;

}



.about-part h2 {

    font-size: 36px !important;

    font-weight: 600;

}



.about-part {

    padding: 70px 0px 20px 0px !important;

}



.about-part h2 span {

    color: #f8821f;

}



.section-padding {

    margin-bottom: 6rem;

}



#features {

    background: #fff

}



.sustainability {

    padding: 5rem 0;

    background: #f9f9f9;

}

.sustainability p {

    font-size: 14px !important;

    line-height: 24px;

}

.sustainability h2 {

    font-size: 36px ;

    font-weight: 600;

}

.sustainability h2 {

    font-size: 26px !important;

    font-weight: 700;

    text-align: left;

}



.icons-serve img {

    width: 50px;

    text-align: center;

    float: left;

    margin-right: 0;

    /* margin-left: 10px; */

    margin-bottom: 10px;

}

.icons-serve img {

    width: 50px !important;

    height: 50px !important;

    text-align: left !important;

    float: left !important;

    border-radius: 50%;

    /* margin-left: 20px !important; */

}

.our-webcoderskull {

    padding: 20px 0px !important;

    text-align: center !important;

}

.our-webcoderskull .sub-title {

    text-align: center !important;

    padding-bottom: 30px !important;

    font-size: 16px !important; /*ib2*/

    line-height: 24px !important;

}



.industry-served-sec {

    padding: 5rem 0;

}



.industry-served-box {

    background-color: #f9f9f9;

    padding: 1rem 1rem 3rem 1rem;

    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;

}



.industry-served-sec h2 {

    font-size: 1.35rem !important;

    text-align: center;

    margin: 1rem 0 2rem 0;

    font-weight: 500 !important;

}



.industry-served-sec .img-cr {

    border: 2px solid #ffffff;

    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;



}



.industry-served-sec .col-md-3 {

    flex: 0 0 auto;

    width: 22%;

}



.serve-card-ui h2 {

    font-size: 24px !important;

    font-weight: 500;

}



.sustainability p {

    font-size: 18px !important; /*ib2*/

    line-height: 26px;

}



.products-expand-sec {

    padding: 5rem 0;

}



.products-content-box {

    padding: 3rem 2rem 3rem 2rem;

}



.products-content-box h3 {

    font-size: 36px !important;

    font-weight: 600;

    color: #26577C;

    text-transform: uppercase;

}



.products-content-box h3 span {

    color: #f8821f;

}



.productFeatures h2 {

    font-size: 36px;

    font-weight: 600;

}



.productFeatures h2 span {

    color: #f8821f;

}



/* services section */

.serviceSection-box {

    padding: 3rem 2rem 3rem 2rem;

}



.serviceSection .cta {

    margin: 1.15rem 0;

}



.serviceSection .contact-btn {

    border: 1px solid #26577C;

    color: #26577C;

    text-decoration: none;

    padding: 10px 20px;

    border-radius: 7px;

    background: linear-gradient(#ffffff 50%, #26577C 50%);

    background-size: 100% 200%;

    background-position: 0 2.5%;

    border-radius: 5px;

    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);

    cursor: pointer;

    transition: 0.5s;

}



.serviceSection .contact-btn:hover {

    background-position: 0 100%;

    color: #fff;

}



.serviceSection-box h3 {

    font-size: 36px !important;

    font-weight: 600;

    color: #26577C;

    text-transform: uppercase;

}



.serviceSection-box h3 span {

    color: #f8821f;

}



.serviceSection-box h2 {

    font-size: 36px;

    font-weight: 600;

}



.serviceSection-box h2 span {

    color: #f8821f;

}



.img-cr {

    border: 2px solid #f7f7f7;

    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);

}



.serviceSection {

    padding: 5rem 0;

}



.serviceSection .column {

    width: 100%;

    padding: 0 1em 1em 1em;

    text-align: center;

}



.serviceSection .card {

    width: 100%;

    height: 100%;

    padding: 2em 1.5em;

    background: linear-gradient(#ffffff 50%, #26577C 50%);

    background-size: 100% 200%;

    background-position: 0 2.5%;

    border-radius: 5px;

    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);

    cursor: pointer;

    transition: 0.5s;

}



.serviceSection h3 {

    font-size: 22px !important;

    font-weight: 600 !important;

    margin: 1em 0;

}



.serviceSection-box h3 {

    font-size: 36px !important;

}



.serviceSection p {

    font-size: 18px !important;/*ib2*/

    line-height: 26px;

}



.serviceSection .icon-wrapper {

    background-color: #26577C;

    position: relative;

    margin: auto;

    font-size: 30px;

    height: 2.5em;

    width: 2.5em;

    color: #ffffff;

    border-radius: 50%;

    display: grid;

    place-items: center;

    transition: 0.5s;

}



.serviceSection .card:hover {

    background-position: 0 100%;

}



.serviceSection .card:hover .icon-wrapper {

    background-color: #ffffff;

    color: #f8821f;

}



.serviceSection .card:hover h3 {

    color: #ffffff;

}



.serviceSection .card:hover p {

    color: #fff;

}



@media screen and (min-width: 768px) {

    .serviceSection section {

        padding: 0 2em;

    }



    .serviceSection .column {

        flex: 0 50%;

        max-width: 50%;

    }

}



@media screen and (min-width: 992px) {

    .serviceSection section {

        padding: 1em 3em;

    }



    .serviceSection .column {

        flex: 0 0 33.33%;

        max-width: 33.33%;

    }

    .full-menu .nav-panel .navbar-expand-lg .navbar-nav .nav-item.dropdown:hover .dropdown-menu {

        display: flex;

          justify-content: center;

    }

    .full-menu .col-md-12, .full-menu .nav-panel .container-fluid {

        margin: 0;

        padding: 0;

    }

    .full-menu .nav-panel .navbar-expand-lg .navbar-nav {

        position: unset;

    }

    .full-menu .nav-panel .navbar-expand-lg .navbar-nav .dropdown-menu {

        left: 0;

        right: 0;

    }

    .full-menu .nav-panel .navbar-expand-lg .navbar-nav .dropdown {

        position: unset;

    }

}





/* end service section */











.sustainability h3 span {

    color: #f8821f;

}



.sustainability h3 {

    font-size: 36px !important;

    font-weight: 600;

    color: #26577C;

    /* text-transform: uppercase; */

}



.products-content-box p {

    font-size: 18px !important; /*ib2*/

    line-height: 26px;

}



.products-sub-box {

    padding-left: 15px;

}



.products-sub-box .serve-card-ui h2 {

    font-size: 18px !important;

    font-weight: 500 !important;

}



.products-sub-box .icons-serve img {

    width: 70px;

    text-align: center;

    float: left;

    margin-right: 0px;

}



.product-section-box {

    /* margin: 5rem 0; */

    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;

}



.bg-grey-color {

    background: #f7f7f7 !important;

}



.bg-white-color {

    background: #fff !important;

}



.products-expand-sec .contact-btn {

    border: 1px solid #26577C;

    color: #26577C;

    text-decoration: none;

    padding: 10px 20px;

    border-radius: 7px;

    background: linear-gradient(#ffffff 50%, #26577C 50%);

    background-size: 100% 200%;

    background-position: 0 2.5%;

    border-radius: 5px;

    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);

    cursor: pointer;

    transition: 0.5s;

}



.products-expand-sec .contact-btn:hover {

    background-position: 0 100%;

    color: #fff;

}



.products-expand-sec .cta {

    margin: 1.15rem 0;

}



/* -----------------product features------------------ */



.productFeatures {

    padding: 5rem 0;

}



.productFeatures .column {

    width: 100%;

    padding: 0 1em 1em 1em;

    text-align: center;

}



.productFeatures .card {

    width: 100%;

    height: 100%;

    padding: 2em 1.5em;

    background: linear-gradient(#ffffff 50%, #26577C 50%);

    background-size: 100% 200%;

    background-position: 0 2.5%;

    border-radius: 5px;

    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);

    cursor: pointer;

    transition: 0.5s;

}



.productFeatures h3 {

    font-size: 22px !important;

    font-weight: 600 !important;

    color: #f8821f;

    margin: 1em 0;

    letter-spacing: .5px;

}



.productFeatures p {

    font-size: 18px !important; /*ib2*/

    line-height: 26px;

}



.productFeatures .icon-wrapper {

    background-color: #26577C;

    position: relative;

    margin: auto;

    font-size: 30px;

    height: 2.5em;

    width: 2.5em;

    color: #ffffff;

    border-radius: 50%;

    display: grid;

    place-items: center;

    transition: 0.5s;

}



.productFeatures .card:hover {

    background-position: 0 100%;

}



.productFeatures .card:hover .icon-wrapper {

    background-color: #ffffff;

    color: #f8821f;

}



.productFeatures .card:hover h3 {

    color: #ffffff;

}



.productFeatures .card:hover p {

    color: #fff;

}



@media only screen and (min-width:320px) and (max-width: 990px) {

    h2 {

        font-size: 26px !important;

        font-weight: 600 !important;

    }



    .dropdown-menu.show {

        display: block;

        border-radius: 0;

    }



    .navbar .dropdown-menu {

        width: 100%;

        text-align: left;

        padding: 0;

    }



    .dropdown-item {

        font-size: 14px;

        border-bottom: 1px solid #c2c2c2;

        padding: .5rem .85rem;

    }



    .nav-link.active {

        color: #f2801d !important;

        border-bottom: none !important;

        background-color: transparent;

    }



    .navbar-light .navbar-nav .nav-link:focus,

    .navbar-light .navbar-nav .nav-link:hover {

        color: rgb(243 128 29);

        border-bottom: transparent !important;

    }



    .navbar-light .navbar-nav .nav-link {

        color: #fff;

        font-size: 14px;

        font-weight: 500;

        letter-spacing: .5px;

        border-bottom: 1px solid #454545 !important;

        padding: .65rem .45rem !important;

    }



    .navbar-light .navbar-toggler {

        margin-top: 8px !important;

        margin-bottom: 5px !important;

    }



    .logo-btn .col-sm-3 {

        width: 30%;

    }



    .logo-btn .col-sm-9 {

        width: 70%;

    }



    .logo-btn .contact-btn {

        padding: 7px 12px;

        font-size: 12px;

    }



    .intoduction-sec p {

        font-size: 14px;

        line-height: 24px;

        text-align: justify;

    }



    .about-part h2 {

        font-size: 28px !important;

        font-weight: 600;

    }



    .font28 {

        font-size: 18px !important;

    }



    #features .box-item .text p {

        font-size: 14px !important;

        line-height: 24px !important;

    }



    .contact-btn {

        padding: 8px 14px !important;

        font-size: 14px;

    }



    .about-part {

        padding: 10px 0px 20px 0px !important;

    }



    .product-sec {

        padding: 2rem 0;

        background-color: #f9f9f9;

    }



    .industry-served-sec {

        padding: 2rem 0;

    }



    .blogSection-content h3 {

        font-size: 26px !important;

        font-weight: 600;

        color: #26577C;

        text-transform: uppercase;

        /* text-align: center; */

    }



    .blogSection-content p {

        font-size: 14px !important;

        line-height: 24px;

        /* text-align: center; */

    }



    .industry-served-sec .col-md-3 {

        flex: 0 0 auto;

        width: 90%;

        margin: 10px auto;

    }



    section.testimonial-sec {

        background: #26577C;

        padding: 2rem 0;

    }



    .lead {

        font-size: 1rem;

        font-weight: 300;

    }



    .review-box {

        border-radius: 3px;

        background: #fff;

        box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);

        padding: 30px;

        min-height: auto;

        height: auto;

    }



    .test-arrowbox {

        position: absolute;

        right: 20px;

        display: flex;

        top: 110px;

    }



    .product-sec {

        padding: 2rem 0;

        background-color: #f9f9f9;

    }



    .test-arrowbox {

        position: absolute;

        right: 20px;

        display: flex;

        top: 110px;

    }



    .review-box {

        border-radius: 3px;

        background: #fff;

        box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);

        padding: 30px;

        min-height: auto;

        height: auto;

    }



    .certificate-left {

        background: #f7f7f7;

        padding: 0px;

        text-align: left !important;

    }



    .bg-request-sec {

        padding: 2rem 0;

    }



    .mb-30 {

        margin: 10px 0;

    }



    .company-profilel {

        color: #26577C !important;

    }



    .company-profile p {

        font-size: 14px !important;

        line-height: 24px !important;

        text-align: justify !important;

    }



    .company-profile h3 {

        font-size: 26px !important;

        text-align: left;

    }



    .industry-trouetone {

        background: #26577C;

        color: #fff;

        padding: 20px 0px !important;

        text-align: left !important;

    }



    .industry-trouetone h3 {

        font-size: 26px !important;

    }

    .content-box {

        float: left;

        text-align: left !important;

    }

    .content-icon {

        width: 50px !important;

        height: 48px !important;

        background: #fff;

        border-radius: 100%;

        padding: 15px;

        float: left;

        color: #f8821f;

        text-align: center;

        font-size: 20px !important;

        line-height: 20px !important;

    }

    .sustainability {

        padding: 2rem 0 !important;

        background: #f9f9f9;

    }

    .sustainability h2 {

        font-size: 26px !important;

        font-weight: 700;

    }

}



@media screen and (min-width: 768px) {

    .productFeatures section {

        padding: 0 2em;

    }



    .productFeatures .column {

        flex: 0 50%;

        max-width: 50%;

    }

}



@media screen and (min-width: 992px) {

    .productFeatures section {

        padding: 1em 3em;

    }



    .productFeatures .column {

        flex: 0 0 33.33%;

        max-width: 33.33%;

    }



}







/* ----------------------end product features-------------- */

#features .icon {

    display: inline-block;

    width: 60px;

    height: 60px;

    border-radius: 4px;

    text-align: center;

    position: relative;

    z-index: 1

}



#features .content-left span {

    float: right

}



#features .content-left .text {

    text-align: left;

}



#features .content-right span {

    float: left

}



#features .box-item {

    box-shadow: 0 0 12px #e7dfdf;

    padding: 26px;

    line-height: 22px;

    margin-top: 30px;

    border-radius: 3px;

    background-color: #fff;

    -webkit-transition: all .3s ease-in-out;

    -mox-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    position: relative;

    top: 0;

}



#features .box-item .icon {

    text-align: center;

    margin: 12px;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear

}



#features .box-item .icon i {

    color: #008de2;

    font-size: 30px;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear

}



#features .box-item .text h4 {

    color: #f8821f;

    cursor: pointer;

    font-size: 1.35rem;

    font-weight: 600;

    line-height: 22px;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear

}



#features .box-item .text p {

    font-size: 18px; /*ib2*/

    line-height: 26px

}



#features .box-item:hover {

    box-shadow: 0 10px 22px 10px rgba(27, 38, 49, .1)

}



#features .box-item:hover h4 {

    color: #f8821f;

}



#features .show-box {

    margin-top: 60px;

}



#features .show-box img {

    width: 100%

}



/* ----------product--box-------------------------- */

.product-sec {

    padding: 5rem 0;

    background-color: #f9f9f9;

}



.product-sec h2 span {

    color: #f8821f;

}



.product-sec .card {

    border-radius: 16px;

    margin: 0 auto;

    width: 100%;

    max-width: 100%;

    min-height: 400px;

    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),

        0px 5px 8px 0px rgba(0, 0, 0, 0.14),

        0px 1px 14px 0px rgba(0, 0, 0, 0.12);

    overflow: hidden;

    background-image: url("../images/products-1.jpg");

    background-size: cover;

    background-position: center;

    margin-bottom: 1.5rem;

}



.product-sec .card2 {

    border-radius: 16px;

    margin: 0 auto;

    width: 100%;

    max-width: 100%;

    min-height: 400px;

    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),

        0px 5px 8px 0px rgba(0, 0, 0, 0.14),

        0px 1px 14px 0px rgba(0, 0, 0, 0.12);

    overflow: hidden;

    background-image: url("../images/products-2.jpg");

    background-size: cover;

    background-position: center;

    margin-bottom: 1.5rem;

}



.product-sec .card2.third-p {

    background-image: url("../images/products-3.jpg");

  }



.product-sec .card3 {

    border-radius: 16px;

    margin: 0 auto;

    width: 100%;

    max-width: 100%;

    min-height: 400px;

    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),

        0px 5px 8px 0px rgba(0, 0, 0, 0.14),

        0px 1px 14px 0px rgba(0, 0, 0, 0.12);

    overflow: hidden;

    background-image: url("../images/products-4.jpg");

    background-size: cover;

    background-position: center;

    margin-bottom: 1.5rem;

}



.product-sec .info {

    position: relative;

    width: 100%;

    height: 400px;

    background-color: #fff;

    transform: translateY(100%) translateY(-70px) translateZ(0);

    transition: transform 0.5s ease-out;

    opacity: .9;

    padding: .5rem 1rem;

}



.product-sec .info2 {

    position: relative;

    width: 100%;

    height: 400px;

    background-color: #fff;

    transform: translateY(100%) translateY(-70px) translateZ(0);

    transition: transform 0.5s ease-out;

    opacity: .9;

    padding: .5rem 1rem;

}



.product-sec .info3 {

    position: relative;

    width: 100%;

    height: 400px;

    background-color: #fff;

    transform: translateY(100%) translateY(-70px) translateZ(0);

    transition: transform 0.5s ease-out;

    opacity: .9;

    padding: .5rem 1rem;

}



.product-sec .info:before {

    z-index: -1;

    display: block;

    position: absolute;

    content: ' ';

    width: 100%;

    height: 100%;

    overflow: hidden;

    /* background-image: url(assets/images/product_img.jpg); */

    filter: blur(10px);

    background-size: cover;

    opacity: 0.25;

    transform: translateY(-100%) translateY(70px) translateZ(0);

    transition: transform 0.5s ease-out;

}



.product-sec .info2:before {

    z-index: -1;

    display: block;

    position: absolute;

    content: ' ';

    width: 100%;

    height: 100%;

    overflow: hidden;

    /* background-image: url(assets/images/product_img.jpg); */

    filter: blur(10px);

    background-size: cover;

    opacity: 0.25;

    transform: translateY(-100%) translateY(70px) translateZ(0);

    transition: transform 0.5s ease-out;

}



.product-sec .info3:before {

    z-index: -1;

    display: block;

    position: absolute;

    content: ' ';

    width: 100%;

    height: 100%;

    overflow: hidden;

    /* background-image: url(assets/images/product_img.jpg); */

    filter: blur(10px);

    background-size: cover;

    opacity: 0.25;

    transform: translateY(-100%) translateY(70px) translateZ(0);

    transition: transform 0.5s ease-out;

}



.product-sec .card:hover .info,

.product-sec.card:hover .info:before {

    transform: translateY(0) translateZ(0);

}



.product-sec .card2:hover .info2,

.product-sec.card2:hover .info2:before {

    transform: translateY(0) translateZ(0);

}



.product-sec .card3:hover .info3,

.product-sec.card3:hover .info3:before {

    transform: translateY(0) translateZ(0);

}



.product-sec .title {

    margin: 0;

    padding: 20px 12px;

    font-size: 1.12rem;

    line-height: 1;

    color: rgb(248 130 31);

    font-weight: 500;

}



.product-sec .description {

    margin: 0;

    padding: 0 20px 20px;

    font-size: 18px; /*ib2*/

    line-height: 1.4;

    text-align: justify;

}



.product-sec .contact-head2 {

    /* float: right; */

    border: 1px solid #f8821f;

    color: #f8821f;

    text-decoration: none;

    padding: 7px 24px;

    border-radius: 7px;

}



.swiper-pagination-bullet-active {

    opacity: 1;

    background: #fff !important;

}



/* General layout and typography stuff */

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400");



* {

    box-sizing: border-box;

    position: relative;

    transition: all .3s ease

}





@media (min-width:800px) {

    h1 {

        font-size: 4.236em;

        font-weight: 300

    }

}



p {

    margin-bottom: 1.3em;

    line-height: 1.618

}



@media (min-width:800px) {

    p {

        font-size: 1.3em

    }

}



a {

    color: #e03616;

    text-decoration: none

}







/* ---------end-product--box-------------------------- */



/* ------------testimonials---------------------------- */





section.testimonial-sec {

    background: #26577C;

    padding: 5rem 0;

}



:root {

    --theme-color: #3950ca;

    --bg-color: rgba(79, 48, 183, 0.06);

    --comp-color: #ff6584;

    --gradient: linear-gradient(#6a5fdd 0%, #241d8c 100%);

}



.bg-color {

    background: var(--bg-color);

}



.half-color-box {

    background: var(--gradient);

    height: 300px;

    margin-bottom: 100px;

}



.text-whtie {

    color: #fff !important;

}



.bold {

    font-weight: bolder;

}



.por {

    position: relative;

}



.review-box .quote {

    position: absolute;

    width: 40px;

    right: 10px;

    bottom: 10px;

}



.test-arrowbox {

    position: absolute;

    right: 20px;

    display: flex;

    top: 70px;

}



.review-box {

    border-radius: 3px;

    background: #fff;

    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);

    padding: 30px;

    min-height: 320px;

    height: 320px;

}



.review-box h5 {

    margin: 0;

}



.review-box p {

    margin-bottom: 0;

    margin-top: 10px; 

    color: #7d8597;

    font-size: 18px !important; /*ib2*/

}



.user-post {

    font-size: 14px;

    margin: 0 !important;



}



.swiper-testimonial, .pouches {

    padding: 50px 0px;

    padding-top: 30px;

}



.half-color-box {

    background: var(--gradient);

    height: 300px;

    margin-bottom: 140px;

}



.test-arrowbox .swiper-button-next-test,

.test-arrowbox .swiper-button-prev-test {

    margin-right: 20px;

    /* background: var(--comp-color);2 */

    border-radius: 50%;

    --size: 55px;

    width: var(--size);

    height: var(--size);

    display: flex;

    align-items: center;

    justify-content: center;

}



.arrow-right {

    transform: rotate(180deg);

    margin-top: -8px;

}



.arrow {

    cursor: pointer;

    transition: all 0.2s ease-in;

}



.arrow:hover {

    transform: translateX(-15px);

}



/* ----------------end testimonials-------------------------- */



/* blogs */

.blogSection {

    padding: 5rem 0;

}



.blogSection-content h3 {

    font-size: 36px;

    font-weight: 600;

    color: 26577C;

    text-transform: uppercase;

    /* text-align: center; */

}



.blogSection-content p, .product-sec p {

    font-size: 18px !important; /*ib2*/

    line-height: 26px;

    /* text-align: center; */

}



.blogSection-content h3 span {

    color: #f8821f;

}



.blogSection p {

    font-size: 18px; /*ib2*/

}



.blogPagination {

    margin-top: 2rem;

}



.blogPagination .page-link {

    color: #f8821f;

}



.blogPagination .page-link:hover {

    z-index: 2;

    color: #ffffff;

    background-color: #f78320;

    border-color: #f78320;

}



.catagory-btn {

    padding: .25rem .5rem;

    color: #f8821f;

    font-size: 12px;

    border: 1px solid #f8821f;

    font-weight: 500;

    border-radius: 5px;

}



.catagory-btn:hover {

    color: #f8821f;

}



.blogSection .date__box {

    position: absolute;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    color: #fff;

    border: 4px solid;

    font-weight: bold;

    padding: 5px 10px;



    .date__day {

        font-size: 22px;

    }

}



.blogSection .blog-card.home-case{

    height: 620px;

  }



.blogSection .blog-card {

    padding: 20px;

    position: relative;

    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;

    border-radius: 10px;

    margin: .75rem 0;

}



    .date__box {

        opacity: 0;

        transform: scale(0.5);

        transition: 300ms ease-in-out;

    }



    .blog-card__background,

    .card__background--layer {

        z-index: -1;

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

    }



    .blog-card__background {

        padding: 8px;

        background: white;

    }



    .card__background--wrapper {

        height: 100%;

        clip-path: polygon(0 0, 100% 0, 100% 80%, 0 60%);

        position: relative;

        overflow: hidden;

    }



    .card__background--main {

        height: 100%;

        position: relative;

        transition: 300ms ease-in-out;

        background-repeat: no-repeat;

        background-size: cover;

    }



    .card__background--layer {

        z-index: 0;

        opacity: 0;

        background: rgba(#333, 0.9);

        transition: 300ms ease-in-out;

    }



    .blog-card__head {

        height: 220px;

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .blog-card__info {

        z-index: 10;

        background: white;

        padding: 20px 15px;



        h5 {

            transition: 300ms ease-in-out;

        }

    }



    &:hover {

        .date__box {

            opacity: 1;

            transform: scale(1);

        }



        .card__background--main {

            transform: scale(1.2) rotate(5deg);

        }



        .card__background--layer {

            opacity: 1;

        }



        .blog-card__info {

            h5 {

                color: #f8821f;

            }

        }

    }

}



a.icon-link {

    color: #363738;

    transition: 200ms ease-in-out;

    font-size: 14px;



    i {

        color: #f8821f;

    }



    &:hover {

        color: #f8821f;

        text-decoration: none;

    }

}



.btn {

    background: white;

    color: #363738;

    font-weight: bold;

    outline: none;

    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

    overflow: hidden;

    border-radius: 0;

    height: 50px;

    line-height: 50px;

    display: inline-block;

    padding: 0;

    border: none;



    &:focus {

        box-shadow: none;

    }



    &:hover {

        background: #f8821f;

        color: #fff;

    }



    &.btn--with-icon {

        padding-right: 20px;



        i {

            padding: 0px 30px 0px 15px;

            margin-right: 10px;

            height: 50px;

            line-height: 50px;

            vertical-align: bottom;

            color: white;

            background: #f8821f;

            clip-path: polygon(0 0, 70% 0, 100% 100%, 0% 100%);

        }

    }



    &.btn--only-icon {

        width: 50px;

    }

}



/* end blogs */

/* FAQ */

.faq-section .accordion {

    width: 100%;

}



.accordion-button:not(.collapsed) {

    background-color: #f78320;

    color: #fff;

}



.accordion-button:not(.collapsed)::after {

    background-image: none;

    transform: none;

}



.accordion-button:focus {

    box-shadow: none;

}



.accordion-button:before {

    content: "";

    position: absolute;

    right: 0.75rem;

    top: 1.25rem;

    height: 2px;

    width: 1rem;

    background-color: #26577C;

}



.accordion-button.collapsed:after {

    content: "";

    position: absolute;

    right: 1.1875rem;

    top: 0.8125rem;

    height: 1.0625rem;

    width: 0.125rem;

    border-style: none;

    background-color: #26577C;

}



.faq-section .accordion-button h5 {



    margin-right: 13px;

}



.faq-section h5 {

    font-size: 1.05rem;

}



.faq-section {

    padding: 0rem 0 5rem 0;

}



.footer-text h4 {

    font-size: 1.35rem;

    font-weight: 500;

}



.footer-text span {

    color: #f78320;

}



/* # Scroll Top Button */

/* -------------------------------------------------------------- */

.scroll-to-top {

    position: fixed;

    bottom: 10px;

    right: 10px;

    display: none;

    background-color: #26577C;

    color: white;

    border: none;

    padding: 9px 15px;

    border-radius: 50%;

    cursor: pointer;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

    transition: opacity 0.4s, visibility 0.4s;

}



.scroll-to-top.show {

    display: block;

    opacity: 1;

    visibility: visible;

}



.scroll-to-top.hide {

    display: block;

    opacity: 0;

    visibility: hidden;

}



.whatsappBtn {

    position: fixed;

    position: -webkit-sticky;

    top: calc(100% - 15%);

    display: flex;

    justify-content: center;

    align-items: center;

    float: left;

    width: 50px;

    height: auto;

    font-size: 15px;

    border-radius: 0px 5px 5px 0px;

    transition: 0.3s;

    font-weight: 500;

    z-index: 999;

    border: none;

    left: calc(100% - 50px);

}



@media screen and (min-width: 768px) {

    /*   .faq-section .accordion {

      width: 50%;

      margin: 0 auto;

    } */



    .accordion-button:before {

        right: 0.75rem;

    }



    .accordion-button.collapsed:after {

        right: 1.1875rem;

    }



    .faq-section .accordion-button h5 {

        margin-right: 0px;

    }

}



/* End FAQ */



/* contact form */

.contact-btn {

    border: 1px solid #26577C;

    color: #26577C;

    text-decoration: none;

    padding: 10px 20px;

    border-radius: 7px;

    background: linear-gradient(#ffffff 50%, #26577C 50%);

    background-size: 100% 200%;

    background-position: 0 2.5%;

    border-radius: 5px;

    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);

    cursor: pointer;

    transition: 0.5s;

}



.contact-btn:hover {

    background-position: 0 100%;

    color: #fff;

}



.contact-wrap {

    background: #f9f9f9;

    padding: 0;

    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;

}



.career-wrap {

    background: #fff;

    padding: 0;

    box-shadow: rgba(0, 0, 0, 0.15) -6px 1px 25px 0px;

}



.form-sec {

    background: #fff;

    padding: 2rem;



}



.address-sec {

    padding: 2rem;

}



.address-sec2 {

    padding: 2rem 2rem 2rem 1rem;

    border-left: 1px solid #f1f1f1;

}



.info-wrap .dbox .icon {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 2px solid rgb(248 130 31);

}



.info-wrap .dbox .icon span {

    font-size: 20px;

    color: #f8821f;

}



.info-wrap .dbox .text {

    width: calc(100% - 50px);

}



.info-wrap .dbox {

    width: 100%;

    color: #26577C;

    margin-bottom: 25px;

}



.info-wrap .dbox p {

    margin-bottom: 0;

}



.contact-wrap .pl-3,

.contact-wrap .px-3 {

    padding-left: 1rem !important;

}



.contact-wrap a {

    color: #f8821f;

    text-decoration: none;

}



.career-wrap .pl-3,

.career-wrap .px-3 {

    padding-left: 1rem !important;

}



.career-wrap a {

    color: #f8821f;

    text-decoration: none;

}



.line-hori {

    width: 100%;

    text-align: center;

    color: #c1c1c1;

    margin-bottom: 2rem;

}



.line-hori2 {

    width: 100%;

    text-align: center;

    color: #c1c1c1;

}



.text-oragne {

    color: #f8821f !important;

}



.date-wrap {

    width: 150px;

    padding: .35rem;

    color: #26577C;

    text-align: center;

    font-size: 14px;

    margin-bottom: 10px;

    /* margin-top: 5px; */

    border: 1px solid #26577C;

    border-radius: 5px;

}



/* logo slides */





@keyframes scroll {

    0% {

        transform: translateX(0);

    }



    100% {

        transform: translateX(calc(-250px * 7))

    }

}



.brand-logo .slider {

    height: 100px;

    margin: auto;

    overflow: hidden;

    position: relative;

    width: auto;

}



.brand-logo .slide-track {

    animation: scrollrighttoleft 100s linear infinite;

    display: flex;

    width: calc(250px * 50);

}



@keyframes scrollrighttoleft {

    0% {

      transform: translateX(calc(0px));

    }

    100% {

      transform: translateX(calc(-100px * 50));

    }

  }



.brand-logo .slide {

    height: 100px;

    width: 250px;

}





/* footer section */

.footer-section ul {

    margin: 0px;

    padding: 0px;

}



.footer-section {

    background: #F3F5F6;

    position: relative;

}



.footer-cta {

    border-bottom: 1px solid #d9d9d9;

}



.single-cta i {

    color: #f78320;

    font-size: 30px;

    float: left;

    margin-top: 5px;

}



/* .cta-text {

    padding-left: 15px;

    display: inline-block;

} */



.cta-text h4 {

    font-size: 20px; /*ib2*/

    font-weight: 500;

    margin-bottom: 2px;

    color: #26577C;

}



.cta-text span {

    color: #757575;

    font-size: 17px; /*ib2*/

}



.footer-content {

    position: relative;

    z-index: 2;

}



.footer-pattern img {

    position: absolute;

    top: 0;

    left: 0;

    height: 330px;

    background-size: cover;

    background-position: 100% 100%;

}



.footer-logo {

    margin-bottom: 30px;

}



.footer-logo img {

    max-width: 200px;

}



.footer-text p {

    margin-bottom: 14px; 

    font-size: 16px; /*ib2*/

    color: #7e7e7e;

    line-height: 28px;

}



.footer-social-icon span {

    color: #26577C;

    display: block;

    font-size: 18px;

    font-weight: 500;

    font-family: PT Sans, Arial, Helvetica, sans-serif;

    margin-bottom: 20px;

}



.footer-social-icon a {

    color: #fff;

    font-size: 16px;

    margin-right: 15px;

}



.footer-social-icon i {

    height: 40px;

    width: 40px;

    text-align: center;

    line-height: 38px;

    border-radius: 50%;

}



.facebook-bg {

    background: #3B5998;

}



.twitter-bg {

    background: #55ACEE;

}



.google-bg {

    background: #DD4B39;

}



.footer-widget-heading h3 {

    font-size: 18px !important;

    font-weight: 500 !important;

    margin-bottom: 30px;

    position: relative;

    color: #26577C;

}



.footer-widget-heading h3::before {

    content: "";

    position: absolute;

    left: 0;

    bottom: -15px;

    height: 2px;

    width: 50px;

    background: #ff5e14;

}



.footer-widget ul li {

    display: inline-block;

    float: left;

    width: 50%;

    margin-bottom: 8px;

}



.footer-widget ul li a:hover {

    color: #ff5e14;

}



.footer-widget ul li a {

    color: #686868;

    text-transform: capitalize;

    font-size: 16px; /*ib2*/

}



.subscribe-form {

    position: relative;

    overflow: hidden;

}



.subscribe-form input {

    width: 100%;

    padding: 10px 30px;

    background: #ffffff;

    border: 1px solid #f58421;

    color: #fff;



}



.subscribe-form button {

    position: absolute;

    right: 0;

    background: #f58421;

    padding: 13px 20px;

    border: 1px solid #f58421;

    top: 0;

}



.subscribe-form button i {

    color: #fff;

    font-size: 22px;

    transform: rotate(-6deg);

}



.copyright-area {

    background: #f3f5f6;

    padding: 20px 0;

    border-top: 1px solid #d9d9d9;

}



.copyright-text p {

    margin: 0;

    font-size: 16px; /*ib2*/

    color: #878787;

}



.copyright-text p a {

    color: #ff5e14;

}



.footer-menu li {

    display: inline-block;

    margin-left: 20px;

}



.footer-menu li:hover a {

    color: #ff5e14;

}



.footer-menu li a {

    font-size: 16px; /*ib2*/

    color: #878787;

}



/* end contact form */

.cnt-block .subtext {

    font-size: 14px;

    padding: 0 1.5rem;

}





/* end custom */





.banner-part {

    width: 100%;

    padding-top: 165px;

}



.banner-part img {

    width: 100%;

}



.company-prog img {

    width: 100%;

}



.carousel-caption {

    width: 45%;

    float: right;

    right: 0;

    left: inherit;

    background: #f7f7f7;

    color: #fff;

    margin-bottom: -20px;

}



.carousel-indicators {

    display: none;

}



.cont-1 {

    width: 33%;

    height: auto;

    float: left;

    color: #000;

}



.cont-2 {

    width: 33%;

    height: auto;

    float: left;

    color: #000;

}





.cont-3 {

    width: 33%;

    height: auto;

    float: left;

    color: #000;

}



.cont-1 .top-div,

.cont-2 .top-div,

.cont-3 .top-div {

    color: #f8821f;

    font-weight: 800;

    font-size: 30px;

}



.about-part {

    padding: 70px 0px;

}



.about-part h2 {

    font-size: 49px;

    font-weight: 800;

}



.font28 {

    font-size: 22px;

}



.margintop36 {

    margin-top: 36px !important;

}



.about-part h2 span {

    color: #f8821f;

}



.company-prog {

    padding-bottom: 70px;

}



.contain {

    max-width: 100% !important;

}



.company-right {

    padding-right: 0px;

}



.company-profile {

    background: #f7f7f7;

}



.company-profilel {

    padding: 80px 50px 50px;

    max-width: 640px;

    float: right;

    color: #26577C;

}



.our-webcoderskull {

    text-align: center;

    padding: 70px 0px;

}



.company-profilel a,

.career-section .btn {

    color: #26577C;

    text-decoration: none;

    border: 1px solid #26577C;

    padding: 7px 15px;

    border-radius: 5px;

    float: left;

}



.company-profilel a:hover,

.career-section .btn:hover {

    background: #fff;

    color: #000;



}



.career-section .btn {

    margin-top: 20px;

    margin-right: 15px;

}



.our-webcoderskull figure img {

    width: 100%;

    height: auto;

    border-radius: 100%;

    border: 5px solid #fff;

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}



.our-webcoderskull ul li {

    list-style: none;

    height: auto;

    float: left;

}



.equal-hight h3 {

    margin-bottom: 0px;

    padding-bottom: 0px;

}



.our-webcoderskull ul li h3 a {

    color: #000;

    text-decoration: none;

    font-size: 18px;

    padding-bottom: 0px;

    font-weight: 700;

}



.cnt-block.equal-hight {

    background: #f7f2f8;

    padding: 10px;

    border-radius: 190px;

    border: 5px solid #fff;

    -webkit-box-shadow: 0px -2px 15px 2px rgba(173, 173, 173, 1);

    -moz-box-shadow: 0px -2px 15px 2px rgba(173, 173, 173, 1);

    box-shadow: 0px -2px 15px 2px rgba(173, 173, 173, 1);

    margin-top: 30px;

}



.cnt-block.equal-hight:hover {

    background: #f8821f;

    padding: 10px;

    border-radius: 190px;

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

    color: #fff;

    border: 5px solid #fff;

    -webkit-box-shadow: 0px -2px 15px 2px rgba(173, 173, 173, 1);

    -moz-box-shadow: 0px -2px 15px 2px rgba(173, 173, 173, 1);

    box-shadow: 0px -2px 15px 2px rgba(173, 173, 173, 1);

}



.cnt-block.equal-hight:hover h3 a {

    color: #fff;

}



.product-section .col img {

    width: 100%;

}



.industry-section {

    padding: 70px 0px;

}



.industry-img img {

    width: 100%;

    border-radius: 20px;

}



.industry-title {

    font-weight: 600;

    font-size: 24px;

    padding-top: 10px;

}



.industry-title a {

    text-decoration: none;

    color: #000;

}



.industry-block {

    padding-bottom: 30px;

}



.industry-text {

    padding-bottom: 30px;

}



.career-section {

    width: 100%;

}



.career-left {

    background: #2e2e2e;

    color: #fff;

    padding: 50px 15px;

}



.career-right {

    background: #f8821f;

    color: #fff;

    padding: 50px 15px;

}



.career-block-2 {

    width: 600px;

    float: right;

}



.drochure-img {

    max-width: 700px;

    margin: 0px auto;

}



.drochure-img img {

    width: 100%;

}



.drochure-btn {

    text-align: center;

    padding: 30px 0px;

}



.certificate-left {

    background: #f7f7f7;

    padding: 5rem 0;

}



.certificate-text {

    width: 85%;

    float: right;

    padding-right: 150px;

}





.certificate-right {

    background: #f8821f;

    padding: 0px;

}



.certificate-right .certificate-img img {

    width: 95%;

    margin: 40px 0px 40px -180px;

}



.the-brand {

    padding: 70px 0px;

    /* text-align: center; */

}



.industry-eerved {

    text-align: center;

    background: #f7f7f7;

    padding: 40px 0px;

}



.eerved-content ul li {

    width: 13%;

    float: left;

    padding: 15px;

    list-style: none;

    background: #777777;

    border-radius: 25px;

    height: 250px;

    margin: 0px 5px 10px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.eerved-content ul li:hover {

    background: #f8821f;

}



.eerved-content ul li.eerved-text-blok {

    background: #f8821f;

    font-size: 22px;

    font-weight: 700;

    color: #fff;



}



/* .navbar-light .navbar-toggler {

    color: #f8821f;

    border-color: #f8821f;

} */

.navbar-light .navbar-toggler {

    color: transparent;

    border-color: transparent;

}



.eerved-content ul li img {

    width: 100%;

    height: 200px;

    border-radius: 30px;

}



.industry-eerved .container {

    max-width: 100%;

}



.industry-eerved .sub {

    padding-bottom: 30px;

}



.industry-trouetone {

    background: #f9f9f9;

    color: #26577C;

    padding: 50px 0px;

    text-align: center;



}



.industry-trouetone .sub {

    padding-bottom: 30px;

}



.content-icon {

    width: 80px;

    height: 68px;

    background: #fff;

    border-radius: 100%;

    padding: 15px;

    float: left;

    color: #f8821f;

    text-align: center;

    font-size: 42px;

    line-height: 30px;

}



.text-industry:hover i.fa-solid {

    color: #fff !important;

}



.content-icon:hover,

.text-industry:hover .content-icon {

    background: #f8821f;

    color: #fff;

}



.content-icon img {

    width: 100%;

}



.content-box {

    float: left;

    padding-left: 15px;

    padding-top: 10px;

}



h3,

h2,

h4 {

    font-weight: 700;

    font-size: 42px;

}



.text-industry {

    padding-bottom: 30px;

    padding: 15px;

    text-align: left;

    margin-bottom: 15px;

    border-radius: 15px;

}



.text-muted {

    color: #6c757d !important;

    font-size: 12px;

    margin-top: 5px;

}



h6.mb-0 {

    color: #26577C;

}



/* .text-industry:hover {

    background: #383938;

  

} */



.logo {

    width: 100%;

    height: auto;

    float: left;

}



.logo img { 

    width: 300px;

    height: auto;

    float: left;

    margin-bottom: 18px;

}



.footer-logo-1 {

    width: 100%;

    height: auto;

    float: left;

    margin-bottom: 15px;

}



.footer-logo-1 img {

    width: 140px;

}



.follow-us {

    text-align: center;

    padding: 0px;

    width: 96px;

    margin: 0px auto 15px;

}



.follow-us a {

    font-size: 24px;

    color: #000;

    margin: 0px 5px;

}



.cnt-block.equal-hight:hover .follow-us a {

    color: #fff;

}



.certificate-block p {

    font-size: 18px !important; /*ib2*/

}



.contact-head,

.certificate-btn,

.stretched-link {

    float: right;

    border: 1px solid #f8821f;

    color: #f8821f;

    text-decoration: none;

    padding: 7px 67px;

    border-radius: 7px;

}



.contact-head:hover,

.certificate-btn:hover,

.stretched-link:hover {

    border: 1px solid #f8821f;

    color: #fff;

    background: #f8821f;

}



.stretched-link {

    width: 200px;

    text-align: center;

}



.certificate-btn {

    float: left;

    margin-right: 15px;

}



.web-header {

    padding-top: 20px;

}



.nav-ul {

    margin: 0px auto;

}



.full-menu {

    background: #f8821f;

}



.navbar {

    padding-top: 0;

    padding-bottom: 0;

}



.navbar-light .navbar-nav .nav-link {

    color: #fff;

    font-size: 18px; /*ib2*/

    font-weight: 500;

    letter-spacing: .5px;

    border-bottom: 3px solid #f8821f;

    padding: .65rem .85rem;

}



.navbar-light .navbar-nav .nav-link:focus,

.navbar-light .navbar-nav .nav-link:hover {

    /* color: rgb(243 128 29); */

    color: #fff;

    border-bottom: 3px solid #fff;

}



/* .navbar-light .navbar-nav .nav-link.active,

.navbar-light .navbar-nav .show>.nav-link {

    color: #fff;

} */

.navbar-light .navbar-nav .nav-link.active,

.navbar-light .navbar-nav .show>.nav-link {

    /* color: #f2801d !important; */

    color: #fff;

    border-bottom: 3px solid #fff;

    background-color: transparent;

}



.our-webcoderskull .sub {

    font-weight: 500;

    border-bottom: 1px solid #000;

    padding-bottom: 11px;

    margin-bottom: 11px;

    font-size: 14px;

}



.cnt-block.equal-hight:hover .sub {

    border-bottom: 1px solid #fff;

}



.sub-title {

    text-align: center;

    padding-bottom: 30px;

}



.color-1 {

    background: #006738;

    padding: 30px 15px;

}



.color-2 {

    background: #ff7532;

    padding: 30px 15px;

}



.color-3 {

    background: #a268c6;

    padding: 30px 15px;

}



.color-4 {

    background: #efc8a1;

    padding: 30px 15px;

}



.color-5 {

    background: #262161;

    padding: 30px 15px;

}





.web-footer {

    background: #f7f7f7;

    padding: 70px 0px;

    /* -webkit-box-shadow: inset 2px 7px 45px -19px rgba(0,0,0,0.75);

-moz-box-shadow: inset 2px 7px 45px -19px rgba(0,0,0,0.75);

box-shadow: inset 2px 7px 45px -19px rgba(0,0,0,0.75); */

}



.web-footer h4 {

    font-size: 24PX;

    font-weight: 700;

}



.menu ul {

    padding: 0px;

    margin: 0px;

}



.menu ul li {

    list-style: none;

    padding: 0px;

    margin: 0px;

}



.menu ul li a {

    color: #000;

    text-decoration: none;

}



.bottom-footer-black {

    text-align: center;

    background: #000;

    color: #fff;

    font-size: 14px;

    padding: 15px 10px;

    margin-top: 30px;

    border-radius: 10px;

}



.content-box h4 {

    font-size: 20px;

    font-weight: 700;

}



.content-box p {

    margin-bottom: 0px;

    font-size: 16px; /*ib2*/

    font-weight: 300;

}



.subtext {

    font-size: 14px;

}



.industry-blog {

    padding: 70px 0px;

}



.industry-m1 {

    padding-bottom: 50px;

    text-align: center;

}



.company-img {

    max-width: 700px;

    margin: 0px auto;

}



.company-img img {

    width: 100%;

}



.brochure-section {

    text-align: left;

    padding-bottom: 0px;

}



.brochure-section img {

    width: 700px;

}



.brochure-btn {

    width: 100%;

    text-align: center;

    padding: 30px 0px 0px;

}



.brochure-btn .btn {

    float: none;

}



.navbar-toggler-icon-1 {

    background: #fff;

    height: 3px;

    float: left;

    width: 27px;

    margin-bottom: 4px;

}



.navbar-toggler {

    width: 40px;

}



.full-product img {

    width: 100%;

}



.navbar-brand {

    float: left;

}



.btn-3 {

    margin-right: 15px;

}



.specializing-section {

    width: 100%;

    padding: 70px 0px;

}



.sep {

    padding: 15px 0px;

}



.sep2 {

    padding-bottom: 15px

}



.sep2 a {

    color: #f8821f;

    text-decoration: none;

}



.multi-item {

    float: left;

    width: 31%;

    text-align: left;

    background: #f7f7f7;

    padding: 30px 20px;

    margin-left: 2%;

    min-height: 250px;

    border-radius: 15px;

}



.multi-item h4 {

    font-size: 20px;

    text-align: left;

    padding: 10px 0px;

    margin: 0px;

}



.img-item img {

    width: 50px;

}



.active-block.multi-item,

.multi-item:hover {

    background: #3f3f3f;

    color: #fff;

}



.arrow-btn {

    width: 100%;

    float: left;

    padding-left: 20px;

    padding-top: 15px;

    font-size: 31px;

}



.arrow-btn a {

    color: #f8821f;

}



.arrow-btn a:hover {

    color: #3f3f3f;

}



.banner {

    width: 100%;

    height: auto;

    padding-top: 165px;

    /* margin-bottom: 30px; */

}



.banner img {

    width: 100%

}



/* header .active {

    background: #fff;

    color: #000 !important;

    border-radius: 5px;



} */





@media (min-width: 1200px) {



    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl {

        max-width: 1320px;

    }

}



@media all and (max-width:1167px) {



    .certificate-right .certificate-img img {

        width: 100%;

        margin: 60px 0px 40px -50px;

    }



    .certificate-text {

        width: 100%;

        float: right;

        padding-right: 150px;

        padding-left: 15px;

    }



    .career-block-2 {

        width: 100%;

        float: right;

    }



    .company-profilel {

        padding: 40px 0px 20px;

        max-width: 100%;

        float: right;

        color: #fff;

    }



    .logo img {

        width: 97px;

        margin-bottom: 18px;

    }



    .about-part {

        padding: 40px 0px;

    }



    .our-webcoderskull {

        padding: 40px 0px;

    }



    .company-prog {

        padding-bottom: 40px;

    }





}









@media all and (max-width:767px) {

    .company-profilel {

        padding: 80px 50px 50px;

        max-width: 100%;

    }



    .career-block-2 {

        width: 100%;

        float: right;

    }



    .eerved-content ul li {

        width: 42%;

        float: left;

    }



    .career-block-2 {

        width: 100%;

        float: right;

        padding: 0px;

    }



    .career-right,

    .career-left {

        padding: 15px;

    }



    .career-block-2 {

        width: 100%;

        float: right;

        text-align: center;

    }



    .brochure-section img {

        width: 100%;

    }



    .certificate-right .certificate-img img {

        width: 90%;

        margin: 0px;

    }



    .certificate-text {

        width: 100%;

        float: right;

        padding: 15px;

    }



    .company-right {

        padding: 0px;

    }



    .certificate-text {

        width: 100%;

        float: right;

        padding: 20px;

    }



    .certificate-right .certificate-img img {

        width: 100%;

        margin: 0;

    }



    .about-part h2 {

        font-size: 20px;

        text-align: center;

    }



    .about-part {

        text-align: center;

        padding: 40px 0px;

    }



    .company-profilel {

        padding: 20px;

        max-width: 100%;

        text-align: center;

    }



    h3,

    h2,

    h4 {

        font-weight: 800;

        font-size: 20px;

    }



    .company-profilel a {

        float: none;

    }



    .brochure-section {

        padding-bottom: 0px;

    }



    .certificate-left {

        background: #f7f7f7;

        padding: 0px;

        text-align: center;

    }



    .certificate-btn {

        float: none;

    }



    .the-brand {

        padding: 40px 0px;

    }



    

    



    .eerved-content ul li.eerved-text-blok {

        font-size: 16px;

    }



    .career-section .btn {

        float: none;

    }



    .industry-section {

        padding: 30px 0px 0px;

    }



    .industry-title {

        font-weight: 600;

        font-size: 18px;

        padding-top: 10px;

    }



    .company-prog {

        padding-bottom: 40px;

    }



    .our-webcoderskull ul {

        padding: 0px;

        margin: 0px auto;

    }



    .menu-col {

        width: 50%;

        float: left;

    }



    .cnt-block.equal-hight {

        width: 290px;

        margin: 0px auto 40px;

    }



    .web-footer {

        padding: 40px 0px 15px;

    }



    .bottom-footer-black {

        margin-top: 15px;

        font-size: 14px;

    }



    .web-footer h4 {

        font-size: 18px;

    }



    .industry-blog {

        padding: 40px 0px;

    }



    .content-box h4 {

        font-size: 17px;

    }



    .text-industry {

        text-align: center;

    }



    .content-icon {

        margin: 0px auto;

        float: none;

    }



    .navbar-light .navbar-toggler {

        margin-top: 5px;

    }



    .content-box {

        padding-left: 0;

        width: 100%;

    }



    .multi-item {

        float: none;

        width: 100%;

        text-align: left;

        background: #f7f7f7;

        padding: 30px 20px;

        margin-left: 0%;

        min-height: auto;

        border-radius: 15px;

        margin-top: 15px;

    }







}







i.fa-solid {

    color: #f8821f;

}



.the-brand .brand-logo {

    padding: 30px 0 0 0;

}



header {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 20;

    background-color: #fff;

}



html {

    scroll-padding-top: 178px; /* Adjust this value based on your header height */

}



#pouches .test-arrowbox, #FMCG .test-arrowbox, #healthcare .test-arrowbox, #pickles .test-arrowbox, #drinking-water .test-arrowbox, #OEMs .test-arrowbox, #dairy-products .test-arrowbox{

    z-index: 20;

    top:20px;

}

#cosmetics  .test-arrowbox, #spices  .test-arrowbox, #toys  .test-arrowbox, #confectionary-products  .test-arrowbox {

    top: 20px;

    left: 20px;

    z-index: 20;

}

#team .test-arrowbox{

    top: -40px;

}

#infra .test-arrowbox {

    top:10px;

    z-index: 20;

  }

  

  #infra .swiper-container-horizontal > .swiper-pagination-bullets {

    bottom: 0;

  }

#pouches.p-pouches .test-arrowbox{

    top: 38px;

  }



  #laminated-rolls .test-arrowbox, #BOPP .test-arrowbox, #shrink-sleeves .test-arrowbox{

    z-index: 20;

  }

  #shrink-sleeves .test-arrowbox {

    left: 20px;

  }

  

#infra .swiper-wrapper {

    height:500px;

}



#infra .swiper-wrapper .swiper-slide img{

    height:480px;

}



#team .swiper-pagination-bullet, #pouches .swiper-pagination-bullet, #FMCG .swiper-pagination-bullet, #cosmetics .swiper-pagination-bullet, #healthcare .swiper-pagination-bullet, #spices .swiper-pagination-bullet, #pickles .swiper-pagination-bullet, #toys .swiper-pagination-bullet, #drinking-water .swiper-pagination-bullet, #confectionary-products .swiper-pagination-bullet, #dairy-products .swiper-pagination-bullet, #OEMs .swiper-pagination-bullet, #infra .swiper-pagination-bullet, #prod-swipes .swiper-pagination-bullet {

    background: #000 !important;

}



#team .swiper-pagination-bullet-active, #pouches .swiper-pagination-bullet-active, #FMCG .swiper-pagination-bullet-active, #cosmetics .swiper-pagination-bullet-active, #healthcare .swiper-pagination-bullet-active, #spices .swiper-pagination-bullet-active, #pickles .swiper-pagination-bullet-active, #toys .swiper-pagination-bullet-active, #drinking-water .swiper-pagination-bullet-active, #confectionary-products .swiper-pagination-bullet-active, #dairy-products .swiper-pagination-bullet-active, #OEMs .swiper-pagination-bullet-active, #infra .swiper-pagination-bullet-active, #prod-swipes .swiper-pagination-bullet-active{

    background: #f8821f !important;

}



#team .swiper-slide .media img{

    width: 200px;

}



#career_form label span {

    color: #f00;

}

.cta-text {

    padding-left: 40px;

    display: block;

} 

.people-team .swiper-pagination {

    display: none;

}



.people-team .review-box {

    height: 420px;

    min-height: 420px;

}

.testimonial-sec .review-box {

    height: auto;

}

@media only screen and (min-width: 320px) and (max-width: 339px) {

    .testimonial-sec .test-arrowbox{

      top: 165px !important;

    }

}

@media only screen and (min-width: 340px) and (max-width: 359px) {

    .testimonial-sec .test-arrowbox{

        top: 140px !important;

    }

}

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

    .testimonial-sec .test-arrowbox{

      top: 120px !important;

    }

}

    

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

      .testimonial-sec .test-arrowbox{

        top: 85px !important;

      }

}

@media only screen and (min-width: 320px) and (max-width: 390px) {

    .logo-btn .col-sm-9 {

        width: 100%;

        margin-top: 20px;

        justify-content: center !important;

    }

    .banner, .banner-part {

        padding-top: 244px;

    }

}

@media (min-width:992px) and (max-width:1199.98px){

    .full-menu .navbar-light .navbar-nav .nav-link {

        padding: 10px 0;

    }

    .full-menu .nav-panel .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {

        font-size: 14px;

        padding: 4px 12px;

    }

    }

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