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

body {
    font-family: 'Montserrat', sans-serif;
}

@media (max-width: 1400px) {
    body {
        font-size: 15px;
    }
}

a {
    text-decoration: none;
    color          : #008000;
}

a:hover {
    color: #2a7346;
}

.text-primary {
    color: #008000;
}

.navbar {
    /* background-color:#c0e6ba; */
    background-color: #52535117;
    height          : 70px;
    position        : absolute;
    width           : 100%;
    z-index         : 999;
}

.navbar .container-border {
    border-bottom: 1px solid #ffffff47;
}

.nav-link {
    color: #fff;
}

.navbar-brand {
    z-index: 1;
}

.navbar-brand img {
    width : 100px;
    height: auto;
}

.navbar-nav {
    display        : flex;
    flex-grow      : 0.3;
    justify-content: space-between;
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
    font-weight: bold;
    color      : #15a327
}

.nav-link:focus,
.nav-link:hover {
    color: #15a327
}

.dropdown-menu {
    padding-top: 0;
}

.dropdown-menu .nav-link {
    color: #2a2a2a;
}

.dropdown-menu {
    border-radius: 0;
    border       : 0;
}

.dropdown-menu .dropdown-item {
    padding: 10px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #15a327 !important;
    color           : #fff !important;
}

.dropdown-menu .nav-item .nav-link {
    background-color: #15a327 !important;
    color           : #fff !important;
}

.banner-wrapper {
    height  : 100vh;
    overflow: hidden;
}

.banner-wrapper .carousel-caption {
    /* top: 50%;
    bottom: auto; */
    right     : 10%;
    left      : auto;
    width     : 600px;
    text-align: left;
    top       : 20%;
    bottom    : auto;
}

.banner-wrapper .carousel-indicators {
    bottom: 40%;
}

.banner-wrapper .carousel-caption.caption-left {
    right: auto;
    left : 10%;
}

.banner-wrapper .carousel-caption h1 {
    text-transform: uppercase;
    line-height   : 1.5;
    margin-bottom : 30px;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: none !important;
}

.sec-pad {
    padding-top   : 50px;
    padding-bottom: 50px;
}

.main-title {
    margin-bottom : 30px;
    text-transform: capitalize;
}

.icons {
    display: flex;
}

.icons a {
    margin-right: 15px;
    color       : white;
    transition  : all 0.3s ease-in-out;
}

.icons a:hover {
    transform: scale(1.5);
}


/* About wrapper starts */

.about-home-content a {
    font-weight: bold;
}

.about-wrapper {
    margin-top: 80px;
}

.section-pre-title::before,
.section-pre-title::after {
    content      : '';
    border-bottom: 2px solid #aaaaaa;
    width        : 40px;
    margin       : 5px 20px;
    display      : inline-block;
}

.about-card {
    padding         : 15px;
    /* border-radius: 0; */
    /* display      : block; */
    overflow        : hidden;
    position        : relative;
    border-left     : 1px solid #e9e9e9;
    border-right    : 1px solid #e9e9e9;
    height          : 155px;
    transition      : all .35s ease;
}

.about-card.card-active i {
    color: #fff;
}

.about-card p {
    color         : #7b8285;
    font-size     : 11px;
    text-transform: uppercase;
    transition    : all .35s ease;
}

.about-card:hover {
    /* background: #15a327;
    color: #fff; */
    /* color: #fff; */
    border-top  : 6px solid #15a327;
    border-left : 0;
    border-right: 0;
}


/* .about-card.card-active {
    background: #15a327;
    color: #fff;
}

.about-card:hover p {
    color: #fff;
    z-index: 1;
}

.about-card.card-active p {
    color: #fff;
}

.about-card:hover span,
.about-card:hover i {
    color: #0d8d1d;
} */


/*card hover effects*/

.card-effect {
    text-align: center;
    border    : none;
    cursor    : pointer;
    transition: background-color 0.3s ease-in;
    margin    : auto;
}

.card-effect:hover {
    background-color: rgb(228, 199, 228);
    transform       : scale(1.1);
}


/* button-styling */

.btn {
    border-radius: 30px;
}

.btn-primary {
    background-color: #15a527;
    color           : #fff;
    border          : none;
    box-shadow      : 0 2px 4px rgba(199, 195, 195, 0.2);
    border-radius   : 30px;
}

.btn-primary:hover {
    background-color: #004020;
}

.btn-outline-primary {
    border-color       : #15a527;
    color              : #15a527;
    border-radius      : 30px;
    transition         : all 0.3s ease;
    background         : transparent;
    background-position: 100%;
}

.btn-outline-primary:hover {
    border-color       : #15a527;
    background-color   : #15a527;
    background-position: 50%;
}

.btn-dark {
    background-color: #03420b;
    border-color    : #03420b;
}


/* .about-us-image {
    box-shadow: 25px 25px 98px greenyellow;
} */

.about-us-image img {
    width           : 702px;
    height          : 375px;
    width           : 100%;
    float           : right;
    margin-left     : auto;
    text-align      : center;
    border-radius   : 50%;
    /* border-radius: 70% 30% 30% 70%/70% 70% 30% 30%; */
    transition      : all 2s ease-in-out;
}

.about-us-image img:hover {
    transform       : rotate(360deg);
    border-radius   : 25px;
    /* border-radius: 70% 40% 40% 70%/70% 70% 40% 40%; */
}

.about-us-section .card {
    border    : 1px solid gold;
    box-shadow: 10px 10px 10px grey;
}

.horizontal-line {
    width : 25%;
    height: 2px;
    border: 2px solid black;
    color : black;
    margin: auto;
}

.advantages-section {
    background-image: url("../images/pexels-photo-273250.jpeg");
    background-size : cover;
    opacity         : 0.8;
    z-index         : -1;
}

.advantages-section .fonts {
    padding  : 1rem;
    font-size: 20px;
}

.advantages-section p {
    text-align: justify;
}


/* our-services css */

.section-pre-title {
    text-transform: uppercase;
    /* color      : #aab3b6; */
    color         : #008000;
    line-height   : 0.8em;
}

.section-pre-title.service-title {
    color     : #7b8285 !important;
    padding   : 15px 0;
    text-align: center;
}

.product-section {
    background-color     : #f8f8f8;
    background-image     : url("../images/pattern5.png");
    min-height           : 400px;
    background-attachment: fixed;
    background-position  : center;
    background-repeat    : no-repeat;
    background-size      : cover;
    position             : relative;
    /* padding-bottom    : 0; */
}

.card-effect3 {
    height            : 320px;
    border-image      : linear-gradient(to right, #2aab46, #2a7346);
    border-image-slice: 1;
    border-style      : solid;
    border-radius     : 3px;
    /* overflow       : hidden; */
    /* margin-bottom  : 80px; */
    border-width      : 2px;
    transition        : all .2s ease-in-out;
    cursor            : pointer;
}

.card-effect3 span,
.card-effect3 i {
    font-size : 40px;
    color     : #7b8285;
    transition: all .35s ease-in-out
}

.card-effect3:hover span,
.card-effect3:hover i {
    font-size: 50px;
}

.likes-section {
    /* background: radial-gradient(circle, rgba(42, 115, 70, 1) 0%, rgba(42, 171, 70, 1) 0%, rgba(42, 115, 70, 1) 100%); */
    /* background: url("../images/business-people-casual-meeting.png"); */
    /* color: #008000; */
    background-image     : linear-gradient(to left, rgb(12 12 25 / 89%), rgb(0 65 32)), url(../images/business-people-casual-meeting.png);
    min-height           : 300px;
    background-attachment: fixed;
    background-position  : center;
    background-repeat    : no-repeat;
    background-size      : cover;
    position             : relative;
    display              : flex;
    align-items          : center;
    color                : #fff;
}

.likes-section .likes-text {
    margin-bottom: 50px;
}

.likes-section .round-img {
    position: absolute;
    width   : 500px;
    top     : -30px;
    left    : 0;
}

.likes-count {
    position: relative;
    z-index : 1;
}

.likes-count-inner {
    /* border: 1px solid #fff; */
    padding      : 20px 30px;
    border-radius: 6px;
    text-align   : center;
}

.likes-count-inner p {
    margin-bottom: 0;
}

.likes-count .counter {
    margin-right: 10px;
}

.likes-count img {
    width        : 80px;
    margin-bottom: 20px;
    /* margin-top: -70px; */
}

.likes-section .float-img {
    animation: float 6s ease-in-out infinite;
    width    : 500px;
}

@keyframes float {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-20px);
    }

    100% {
        transform: translatey(0px);
    }
}


/* banner box starts */

.banner-box {
    position     : absolute;
    z-index      : 1;
    /* margin-top: -155px; */
    margin-top   : -100px;
    width        : 100%;
}

.banner-box .card-effect3 {
    height          : 120px;
    /* background   : #00800057; */
    background-color: #008000;
    border-width    : 1px;
}

.banner-box .card-effect3 span,
.banner-box .card-effect3 i {
    font-size: 30px;
}

.banner-box .card-effect3 span,
.banner-box .card-effect3 h5,
.banner-box .card-effect3 i,
.banner-box .card-effect3 p {
    color: #fff;
}

.banner-box .card-effect3 h5 {
    font-size     : 16px;
    text-transform: uppercase;
}

.banner-box .card-effect3:hover span,
.banner-box .card-effect3:hover i {
    font-size: 40px;
}

.product-section .card-effect3 {
    box-shadow   : rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    border-width : 0px;
    position     : relative;
    margin-bottom: 20px;
    /* padding   : 10px 0; */
}

.product-img-wrapper {
    height  : 180px;
    width   : 100%;
    overflow: hidden;
}

.product-inner {
    margin-top      : -100px;
    background-color: #fff;
    padding         : 30px;
    border-radius   : 6px;
}

.product-section .card-effect3 img {
    width                  : 100%;
    margin                 : auto;
    margin-bottom          : 20px;
    border-top-right-radius: 3px;
    border-top-left-radius : 3px;
}

.product-section .card-effect3 p {
    text-align: left;
}


/* testimonial -owl-carousel-css */

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: rgb(19, 172, 19);
}


/* .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 40px;
} */

.testimonials-section img {
    height: 500px;
    width : auto;
    margin: auto;
}

.testimonials-section p {
    padding-top   : 30px;
    padding-bottom: 5px;
}

.footer-section {
    /* color: white;
    background-image: url("../images/footer-img2.jpg");
    background-size: cover; */
    /* background-color: #c0dac8; */
    background-image     : url(../images/pattern5.png);
    min-height           : 400px;
    background-attachment: fixed;
    background-position  : center;
    background-repeat    : no-repeat;
    background-size      : cover;
    position             : relative;
}

.footer-section ul {
    padding-top : 2.5rem;
    padding-left: 0;
}

.footer-section ul li {
    padding-top: 20px;
    font-weight: bold;
    list-style : none;
}

.footer-section ul li a {
    color      : #fff;
    font-weight: normal;
}

.footer-image {
    margin-bottom: 30px;
    margin-top   : 30px;
}


/* test */

.testimonial-title {
    margin-bottom: 30px;
}


/* .testimonial-test {
    box-sizing: border-box;
} */

.testimonial-test {
    width          : 100%;
    min-height     : 100vh;
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-direction : column;
    position       : relative;
}

.testimonial-test .slider .buttons {
    z-index         : 1;
    right           : 50%;
    top             : 261px;
    width           : 80px;
    height          : 40px;
    position        : absolute;
    border-radius   : 50px;
    transform       : translateX(50%);
    background-color: #ffffff;
}

.testimonial-test .slider .buttons .previous,
.testimonial-test .slider .buttons .next {
    width              : 50%;
    height             : 100%;
    position           : absolute;
    background-repeat  : no-repeat;
    background-position: center;
    cursor             : pointer;
}

.testimonial-test .slider .buttons .previous {
    left            : 0;
    background-image: url("https://alcs-slider.netlify.app/images/icon-prev.svg");
}

.testimonial-test .slider .buttons .previous:hover {
    transform: scale(1.25);
}

.testimonial-test .slider .buttons .next {
    right           : 0;
    background-image: url("https://alcs-slider.netlify.app/images/icon-next.svg");
}

.testimonial-test .slider .buttons .next:hover {
    transform: scale(1.25);
}

.testimonial-test .slider .slide {
    display        : flex;
    margin         : 0 auto;
    text-align     : center;
    align-items    : center;
    justify-content: center;
    flex-direction : column-reverse;
}

.testimonial-test .slider .slide .testimonial {
    padding            : 32px 51px;
    background-size    : 60px;
    background-position: top;
    background-repeat  : no-repeat;
    background-image   : url(../images/pattern-quotes.png);
}

.testimonial-test .slider .slide .testimonial blockquote {
    /* font-size: 18px; */
    font-weight  : 400;
    line-height  : 24px;
    margin-bottom: 36px;
}

.testimonial-test .slider .slide .testimonial .author {
    font-size  : 15px;
    font-weight: 700;
}

.testimonial-test .slider .slide .testimonial .author span {
    display    : block;
    color      : #babacf;
    font-weight: 500;
}

.testimonial-test .slider .slide .slider-img {
    width              : 100%;
    padding            : 30px;
    display            : flex;
    margin-bottom      : 40px;
    align-items        : center;
    justify-content    : center;
    background-size    : contain;
    background-position: center;
    background-repeat  : no-repeat;
    background-image   : url(../images/pattern-bg1.png);
}

.testimonial-test .slider .slide .slider-img img {
    width        : 240px;
    display      : block;
    border-radius: 10px;
    box-shadow   : 0px 16px 40px 0px rgb(44 155 71 / 19%)
}

.testimonial-test .slider .slide .active {
    opacity         : 1;
    transform       : translateX(0) scale(1);
    transition-delay: 0.4s;
}

@media screen and (min-width: 600px) {
    .testimonial-test .slider .buttons {
        top: 280px;
    }
}

@media screen and (min-width: 900px) {
    .testimonial-test .slider .buttons {
        right: 35%;
        top  : 470px;
    }

    .testimonial-test .slider .slide {
        position      : relative;
        text-align    : left;
        display       : flex;
        flex-direction: row;
    }

    .testimonial-test .slider .slide .testimonial {
        padding            : 32px 0 0 0;
        background-size    : 80px;
        background-position: 19% -7%;
        transform          : translateX(100px);
    }

    .testimonial-test .slider .slide .testimonial blockquote {
        /* font-size: 24px; */
        line-height: 30px;
    }

    .testimonial-test .slider .slide .testimonial .author span {
        display: contents;
    }

    .testimonial-test .slider .slide .slider-img {
        padding: 55px;
    }

    .testimonial-test .slider .slide .slider-img img {
        width: 400px;
    }
}

.testimonial-carousel .owl-nav {
    background   : #fff;
    border       : 3px solid #8585ac;
    width        : 75px;
    border-radius: 30px;
    position     : absolute;
    /* top       : 0; */
    bottom       : 14%;
    right        : 32%;
    padding      : 3px 0;
    margin-top   : 0;
}

.testimonial-carousel .owl-nav .owl-prev {
    margin-right: 10px;
}

.testimonial-carousel .owl-nav .owl-next {
    margin-left: 10px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}


/* .verticles-wrapper {
    background: #f8f8f8;
} */

.verticles {
    border-image      : linear-gradient(to right, #2aab46, #2a7346);
    border-image-slice: 1;
    border-style      : solid;
    border-width      : 1px;
    margin-top        : 40px;
    width             : 100%;
    border-radius     : 4px;
    -moz-transition   : all 0.3s ease;
    -o-transition     : all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition    : all 0.3s ease;
    transition        : all 0.3s ease;
    background        : #fff;
}

.verticles .icon {
    line-height       : 1.3;
    position          : relative;
    z-index           : 0;
    margin            : 0 auto;
    width             : 100px;
    height            : 50px;
    background        : #008000;
    -moz-transition   : all 0.3s ease;
    -o-transition     : all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition    : all 0.3s ease;
    transition        : all 0.3s ease;
}

.verticles .icon:after,
.verticles .icon:before {
    position          : absolute;
    left              : 0;
    right             : 0;
    -moz-transition   : all 0.3s ease;
    -o-transition     : all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition    : all 0.3s ease;
    transition        : all 0.3s ease;
    margin            : 0 auto;
}

.verticles .icon:before {
    bottom      : -30px;
    content     : '';
    width       : 0;
    height      : 0;
    border-style: solid;
    border-width: 30px 50px 0 50px;
    border-color: #008000 transparent transparent transparent;
}

.verticles .icon:after {
    top         : -30px;
    content     : '';
    width       : 0;
    height      : 0;
    border-style: solid;
    border-width: 0 50px 30px 50px;
    border-color: transparent transparent #008000 transparent;
}

.verticles .icon span {
    font-size: 40px;
    color    : #fff;
}

.verticles .media-body {
    width             : 100%;
    margin-top        : 10px;
    padding           : 20px;
    -moz-transition   : all 0.3s ease;
    -o-transition     : all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition    : all 0.3s ease;
    transition        : all 0.3s ease;
    color             : rgba(0, 0, 0, 0.8);
}

.verticles h5 {
    /* margin-bottom: 20px; */
    font-size     : 16px;
    margin-top    : 10px;
    text-transform: uppercase;
}

.verticles p {
    margin-bottom: 0;
}

.about-section {
    padding   : 6em 0;
    position  : relative;
    z-index   : -1;
    overflow-x: hidden;
}

.about-bg {
    background-image: url('./assets/images/about3.jpg');
    background-size : cover;
}

.about-fullwidth {
    background-image     : url("../images/pattern3.png");
    min-height           : 400px;
    background-attachment: fixed;
    background-position  : center;
    background-repeat    : no-repeat;
    background-size      : cover;
    position             : relative;
}

.about-fullwidth .overlay {
    position  : absolute;
    width     : 73%;
    top       : 0;
    right     : 0;
    bottom    : 0;
    content   : '';
    opacity   : .3;
    background: #2a8445;
    z-index   : -2;
}

.about-fullwidth .one-half {
    width: 50%;
}


/* @media (min-width: 1200px) {
    .about-fullwidth .one-half.half-text {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 1140px;
        margin: 0 auto;
    }
} */

.about-fullwidth .img {
    height: 450px;
}

.services-wrap {
    display      : block;
    width        : 100%;
    margin-bottom: 20px;
    align-items  : center;
    text-align   : justify;
}

.services-wrap .icon {
    line-height          : 1.3;
    position             : relative;
    width                : 50px;
    height               : 50px;
    background           : #008000;
    -webkit-border-radius: 50%;
    -moz-border-radius   : 50%;
    -ms-border-radius    : 50%;
    border-radius        : 50%;
    -moz-transition      : all 0.3s ease;
    -o-transition        : all 0.3s ease;
    -webkit-transition   : all 0.3s ease;
    -ms-transition       : all 0.3s ease;
    transition           : all 0.3s ease;
}

.services-wrap .icon span {
    font-size: 20px;
    color    : #fff;
}

.services-wrap .media-body {
    padding-left: 30px;
    width       : calc(100% - 50px);
}

.services-wrap .media-body h6 {
    text-transform: uppercase;
}


/* advantages section starts */

.advantages-wrapper {
    /* background-image: url('../images/05_AboutUs_page_Banner-1-138d6.png'); */
    background-image: url('../images/advantage-wrapper.jpeg');
    background-size : cover;
    color           : #fff;
}

.advantages-wrapper .section-pre-title {
    margin-bottom: 30px;
}

.advantages-wrapper .advantages-inner {
    margin-bottom: 30px;
    border       : 1px solid #fff;
    padding      : 14px;
    height       : 220px;
    /* background: #00800063; */
    position     : relative;
    border-radius: 6px;
    cursor       : pointer;
}

.advantages-wrapper .advantages-inner span,
.advantages-wrapper .advantages-inner i,
.advantages-wrapper .advantages-inner img {
    font-size    : 30px;
    margin-bottom: 20px;
    width        : 50px;
    position     : absolute;
    background   : #014723;
    top          : -27px;
    padding      : 5px;
    border-radius: 50%;
    transition   : all 0.3s ease;
}

.advantages-wrapper .advantages-inner h5 {
    margin: 20px 0 20px;
}

.advantages-wrapper .advantages-inner:hover img {
    top       : -35px;
    transition: all 0.3s ease;
}


/* channer section starts */

.channel-wrapper h5 {
    margin-bottom: 30px;
}

.channel-wrapper .channel-inner h6 {
    margin-top: 10px;
}

.align-center {
    align-items: center;
}


/* stat section starts */

.stat-wrapper {
    background-color: rgba(34, 34, 34, 0.7);
    color           : #3aaa34;
    height          : 290px;
    display         : flex;
    align-items     : center;
}

.stat-wrapper .stat-inner {
    display    : flex;
    align-items: center;
}

.stat-wrapper .stat-inner span {
    font-size   : 40px;
    margin-right: 20px;
}

.stat-wrapper .stat-inner p {
    margin-bottom: 0;
    font-size    : 18px;
}

.footer-section {
    background-image: url("../images/bg_footer-1.jpg");
    background-size : cover;
    color           : #fff;
}


/*solutions-server page css*/

.breadcrumb-banner {
    background-image     : url('../images/solutions.jpg');
    min-height           : 338px;
    background-attachment: fixed;
    background-position  : center;
    background-repeat    : no-repeat;
    background-size      : cover;
    display              : flex;
    align-items          : center;
    position             : relative;
}

.breadcrumb-inner {
    position : absolute;
    bottom   : -50px;
    display  : flex;
    flex-wrap: nowrap;
}

.servers-section h2 {
    text-align: center;
}

.servers-section h5 {
    margin-top: 5px;
}

.rack-section h5 {
    margin-top: 5px;
}

.image-border {
    border-radius: 5px;
    box-shadow   : 1px 1px 5px 2px rgb(129 129 129 / 37%);
}

.servers-inner {
    margin-top: 50px;
}

.para-margin {
    margin-top: 30px;
}

.dell-section1 h5 {
    margin-bottom: 20px;
}

.btn-theme {
    color           : #fff;
    border          : none;
    box-shadow      : 0 2px 4px rgba(199, 195, 195, 0.2);
    padding         : 0.45em 1.0em;
    width           : 100%;
    background-color: #15a527;
    margin-top      : 10px;
    margin-bottom   : 30px;
    position        : relative;
    z-index         : 1;
    transition      : all 0.3s linear;
    overflow        : hidden;
}

.btn-theme:hover {
    color           : white;
    background-color: #2a7346;
}

.btn-theme::before {
    content         : "";
    position        : absolute;
    top             : 0;
    left            : 0;
    background-color: #2a7346;
    width           : 100%;
    height          : 100%;
    transform       : translateX(-100%);
    transition      : all 0.3s linear;
    z-index         : -1;
}

.btn-theme:hover:before {
    transform: translateX(0);
}

.dell-inner {
    text-align      : center;
    /* margin-bottom: 15px; */
}

.dell-section1 .image-dell img {
    margin-top: 15px;
    height    : 100px;
    max-width : 100%;
}

.laptop-card .dell-inner {
    position: relative;
}

.laptop-card {
    background           : #dbdbdb;
    background-image     : url(../images/pattern5.png);
    background-attachment: fixed;
    background-position  : center;
    background-repeat    : no-repeat;
    background-size      : cover;
}

.laptop-card .main-title {
    color: #008000;
}

.laptop-card .btn-theme {
    margin-bottom: 0;
}

.laptop-card-carousel .item {
    padding: 30px;
    margin : 20px;
    cursor : pointer;
}

.laptop-card-carousel .item img {
    width : 300px;
    margin: auto;
}

.laptop-card-carousel .owl-item.active.center {
    -webkit-transform: scale(2.2);
    transform        : scale(2.2);
    padding          : 10px;
}

.laptop-card-carousel .btn-primary {
    position: absolute;
    width   : 110px;
    top     : 35%;
    left    : 16%;
    opacity : 0;
}

.laptop-card-carousel .item:hover .btn-primary {
    opacity: 1;
}

.laptop-card-carousel .owl-item.active.center .btn-primary {
    -webkit-transform: scale(0.5) !important;
    transform        : scale(0.5) !important;
}


/*contact-page css*/

.contact-title {
    position  : absolute;
    bottom    : -75px;
    text-align: center;
}

.office-inner {
    display    : flex;
    align-items: flex-start;
}

.inner-icon,
.office-content {
    margin: 0 10px;
}

.office-main,
.location-main {
    padding-left    : 20px;
    background-color: #15a527;
    background-size : contain;
    padding-bottom  : 20px;
}

.office-main .main-title,
.location-main .main-title {
    padding-top : 25px;
    padding-left: 10px;
}

.form-inner textarea,
.form-inner input {
    width         : 100%;
    color         : #999999;
    background    : #fff;
    border        : 1px solid #e6e6e6;
    padding       : 12px 13px;
    vertical-align: top;
    margin-bottom : 20px;
}

.form-inner textarea {
    height: 150px;
}

.form-inner:focus-visible {
    outline: 1px solid #e6e6e6;
}

.form-control:focus {
    box-shadow: none;
}

.form-inner {
    margin-top: 15px;
}

.map-section iframe {
    border        : 0px;
    pointer-events: none;
}

.location-main .form-inner {
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.office-main,
.location-main {
    color: white;
}

.office-main h5,
.location-main h5 {
    color: #2a2a2a;
}

.form-inner .btn:first-child:active,
:not(.btn-check)+.btn:active {
    color           : var(--bs-btn-active-color);
    background-color: #3CB371;
    border-color    : var(--bs-btn-active-border-color);
}

.breadcrumb-support {
    background-image: url('../images/support-breadcrumb-img.jpg') !important;
}

.service-table th {
    vertical-align: bottom;
    border-bottom : 2px solid #ddd;
}

.service-table tr:hover {
    background-color: #008000;
    color           : white;
}

.service-table table {
    width        : 100%;
    max-width    : 100%;
    margin-bottom: 40px;
}

.service-table .service-list li {
    margin-bottom: 10px;
}

.service-table .main-title,
.maintenance-support .main-title,
.warranty-wrapper .main-title {
    text-transform: none;
}

.footer-img {
    margin-top   : 20px;
    margin-bottom: 20px;
}


/*dell-precision-css*/

.breadcrumb-image-banner {
    background-image     : url('../images/dell-breadcrumb-banner-img.jpg');
    height               : 100vh;
    transform            : translateZ(0);
    background-attachment: fixed;
    background-position  : center;
    background-repeat    : no-repeat;
    background-size      : cover;
    display              : flex;
    align-items          : center;
    position             : relative;
}

.breadcrumb-image-banner .breadcrumb-inner {
    bottom: -30px;
}

.product-list-inner h2 {
    color      : #15a327;
    font-weight: bold;
}

.product-inner-buttons {
    margin-top: 30px;
}

.choose-banner {
    text-align: center;
}

.choose-banner .main-title,
.stories-banner .main-title {
    text-align: center;
}

.choose-banner p {
    text-align: justify;
}

.choose-inner {
    padding: 10px;
}

.stories-banner {
    text-align: center;
}

.stories-inner {
    margin-top: 20px;
}

.stories-border {
    height     : 155px;
    min-height : 150px;
    border-left: 5px solid #15a327;
    padding    : 20px;
}

.stories-inner p {
    text-align: justify;
}

.fixed-banner .product-inner-buttons {
    margin-top   : 40px;
    margin-bottom: 30px;
}

.medium-line {
    border-top: 1px solid black;
    margin    : 30px 50px 0 50px;
}


/* .product-inner-buttons .btn-primary:hover {
    transform: translate(2px, 2px);
} */

.stories-banner .stories-link a:hover {
    text-decoration: underline;
    font-weight    : bold;
}


/*about-us-sliding up image */

.images-wrapper {
    position: relative;
    top     : 0;
    left    : 0;
}

.image-back {
    position  : absolute;
    right     : -25px;
    transform : translateY(0);
    /*this is initial position before translating*/
    transition: transform 1s ease;
}

.image-front {
    position  : absolute;
    top       : -20px;
    z-index   : 20;
    transform : translateY(0);
    transition: transform 1s ease;
}

.image-front.slide-up {
    transform: translateY(-20px);
}

.image-front.slide-down {
    transform: translateY(90px);
}

.image-back.slide-up {
    transform: translateY(-20px);
}

.image-back.slide-down {
    transform: translateY(90px);
}

.about-card .card-body {
    padding        : 0;
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.about-card .card-icon {
    font-size   : 50px;
    color       : #15a327;
    margin-right: 15px;
}

.about-card .card-icon img {
    width: 100px;
}

.about-card h5 {
    margin-bottom: 0;
    transition   : all .35s ease;
    font-size    : 15px;
    line-height  : 1.5;
}


/*
@media  (min-width: 425px) and (max-width: 767px)
{
    .breadcrumb-image-banner {
        height: 400px;
        background-size: contain;
        background-position: top;
    }
}

@media (max-width: 425px) {
    .breadcrumb-image-banner {
        height: 230px;
        background-size: contain;
        background-position: top;
    }
} */

@media (min-width:768px) {
    .stories-banner .stories-p {
        width : 60%;
        margin: auto;
    }
}

@media(max-width:375px) {
    .product-inner-buttons .btn-primary {
        margin-bottom: 20px;
    }
}

@media(max-width:768px) {
    .images-wrapper {
        display: none;
    }

    .banner-wrapper {
        height: auto;
    }

    .banner-box {
        position  : static;
        margin-top: 0;
    }

    .images-wrapper {
        display: none;
    }

    .about-card .card-body {
        justify-content: flex-start;
    }
}


/* Mission wrapper of Hpmepage starts */

.mission-wrapper {
    background       : url('../images/179ac-slider-test.jpg');
    background-size  : cover;
    background-repeat: no-repeat;
    color            : #fff;
}

.timeline {
    position   : relative;
    width      : 100%;
    float      : left;
    position   : relative;
    padding    : 0 0 60px 0;
    margin-left: 50px;
    margin-top : 10px;
}

.timeline .photoholder {
    position: absolute;
    right   : 0;
    display : none;
}

.timeline .collapse.in .photoholder {
    float  : right;
    width  : 30%;
    padding: 0px 10px;
    display: block;
}

.timeline .photoholder img {
    width : 100%;
    height: auto;
}

.timeline .glyphicon.glyphicon-one-fine-dot:before {
    content  : '';
    font-size: 1.5em;
    color    : #008000;
}

.timeline .line {
    position   : absolute;
    width      : 2px;
    display    : block;
    top        : 12px;
    bottom     : 30px;
    margin-left: 30px;
    background : #18481e;
}

.timeline .separator {
    border-top  : 1px solid #008000;
    padding     : 5px;
    padding-left: 40px;
    font-style  : italic;
    font-size   : 0.9em;
    margin-left : 30px;
}

.timeline .line::before {
    top: -2px;
}

.timeline .line::after {
    bottom: -2px;
}

.timeline .line::before,
.timeline .line::after {
    content      : '';
    position     : absolute;
    left         : -6px;
    width        : 0;
    height       : 0;
    display      : block;
    border-radius: 50%;
    background   : #008000;
}

.timeline .accordion {
    --bs-accordion-bg   : transparent !important;
    --bs-accordion-color: #fff;
}

.timeline .accordion .accordion-header .icon {
    position     : absolute;
    left         : 11px;
    width        : 35px;
    height       : 35px;
    padding      : 0px;
    border-radius: 50%;
    text-align   : center;
    float        : left;
    color        : #18481e;
}

.timeline .accordion .accordion-header .icon img {
    padding      : 4px;
    background   : #18481e;
    border-radius: 100%;
}

.mission-wrapper .accordion-item {
    border     : 0;
    margin-left: 45px;
}

.mission-wrapper .accordion-button {
    background-color  : transparent;
    color             : #a4a4a4;
    font-size         : 20px;
    font-weight       : bold;
    padding-bottom    : 40px;
    padding-top       : 0;
    -webkit-transition: color .5s, font-size .5s;
    -moz-transition   : color .5s, font-size .5s;
    -o-transition     : color .5s, font-size .5s;
    transition        : color .5s, font-size .5s;
}

.mission-wrapper .accordion-button:focus {
    border    : 0;
    box-shadow: none;
}

.mission-wrapper .accordion-button:not(.collapsed) {
    color             : #fff;
    font-size         : 30px;
    box-shadow        : none;
    padding-bottom    : 0;
    -webkit-transition: color .5s, font-size .5s;
    -moz-transition   : color .5s, font-size .5s;
    -o-transition     : color .5s, font-size .5s;
    transition        : color .5s, font-size .5s;
}


/* product-detail page starts */

.product-detail-page .main-title {
    color        : #008000;
    margin-bottom: 80px;
}

#sync1 .item {
    /* background: #0c83e7; */
    padding              : 20px 20px;
    margin               : 5px;
    color                : #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    border-radius        : 3px;
    text-align           : center;
    display              : flex;
    justify-content      : center;
    align-items          : center;
}

#sync2 .item {
    /* background: #c9c9c9; */
    padding              : 10px 10px;
    margin               : 5px;
    color                : #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    border-radius        : 3px;
    text-align           : center;
    cursor               : pointer;
    border               : 1px solid #b7b7b7;
}

#sync2 .item h1 {
    font-size: 18px;
}

.owl-theme .owl-nav [class*='owl-'] {
    transition: all 0.3s ease;
}

.owl-theme .owl-nav [class*='owl-'].disabled:hover {
    background-color: #d6d6d6;
}

#sync1.owl-theme {
    position: relative;
}

#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
    width     : 22px;
    height    : 40px;
    margin-top: -20px;
    position  : absolute;
    top       : 50%;
}

#sync1.owl-theme .owl-prev {
    left: 10px;
}

#sync1.owl-theme .owl-next {
    right: 10px;
}

.product-detail-carousel .item {
    height  : 300px;
    overflow: hidden;
}

.product-detail-carousel .item img {
    width: 300px;
}

.product-detail-carousel-mini .item {
    height  : 100px;
    overflow: hidden;
}

@media (min-width:992px) {
    .product-detail-info-inner {
        margin-left: 30px;
    }
}

@media (max-width:991px) {
    .product-detail-info-inner {
        margin-top: 30px;
    }
}

.product-detail-info-content {
    margin-bottom: 30px;
}

.product-detail-info-content h5 {
    margin-bottom: 20px;
}

.product-detail-info-content .accordion-button:not(.collapsed) {
    color     : #008000;
    box-shadow: none;
}

.product-detail-info-content .accordion-header .accordion-button {
    font-size       : 1.25rem !important;
    font-weight     : 500;
    padding-left    : 0;
    box-shadow      : none;
    background-color: transparent;
}

.product-detail-info-content .accordion-body {
    padding: 0;
}


/* service section of homepage starts */

.service-wrapper {
    background       : url("../images/service-bg-3.png");
    background-repeat: no-repeat;
    background-size  : 40% 100%;
    position         : relative;
}

.service-wrapper:before {
    content: "";
    background: linear-gradient(to right,
            rgba(2, 2, 2, 0.459) 0%,
            rgba(2, 2, 2, 0.459) 40%,
            #f8f8f8 40%,
            #f8f8f8 100%);
    background-repeat: no-repeat;
    width            : 100%;
    height           : 100%;
    top              : 0;
    bottom           : 0;
    position         : absolute;
}

@media(max-width:992px) {
    .service-wrapper {
        background       : url("../images/service-bg.jpeg");
        background-repeat: no-repeat;
        background-size  : cover;
    }
}

.service-wrapper .container-fluid {
    position: relative;
    z-index : 1;
}

.service-left-content {
    color: #fff;
}

.service-wrapper .channel-inner {
    background   : #fff;
    padding      : 20px;
    text-align   : center;
    height       : 380px;
    overflow     : hidden;
    margin-right : 10px;
    box-shadow   : rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    border-radius: 6px;
}

@media(max-width:992px) {
    .service-wrapper .channel-inner {
        margin-bottom: 20px;
        margin-right : 0;
        height       : auto;
    }
}

.product-section-wrapper .channel-inner {
    margin-bottom: 20px;
}

/* blog in index page */

.blog-section .blog-card {
    background: #15a327;
    border    : 0;
    height    : 500px;
}

@media (max-width:991px) {
    .blog-section .blog-card {
        height: auto;
    }
}

.blog-section .blog-card .blog-img {
    height                   : 500px;
    overflow                 : hidden;
    border-radius            : 0;
    border-bottom-left-radius: 6px;
    border-top-left-radius   : 6px;
}

.blog-section .blog-card .blog-img img {
    border-bottom-left-radius: 6px;
    border-top-left-radius   : 6px;
    height                   : 500px;
}

.blog-section .blog-card .blog-section-content {
    padding: 30px;
}

.blog-section .blog-card .blog-section-content h2,
.blog-section .blog-card .blog-section-content p {
    color: #fff;
}

.blog-section .blog-card .blog-section-content h4,
.blog-section .blog-card .blog-section-content small {
    color: #03420b;
}

.blog-section .blog-card .blog-author {
    display      : flex;
    margin-bottom: 20px;
}

.blog-section .blog-card .blog-author img {
    width       : 20px;
    margin-right: 10px;
}

.blog-section .blog-card .blog-author .author-name {
    font-weight: normal;
}

.blog-section .blog-card .blog-author {
    margin-top: 30px;
}


/*added css*/

@media(max-width:991px) {
    .mobile-carousel {
        margin-top   : 20px;
        margin-bottom: 20px;
    }

    .product-detail-page .main-title {
        margin-top: 30px;
    }

    .navbar-toggler {
        color  : transparent;
        border : none;
        outline: none;
    }

    .navbar-collapse {
        background-color: #03420b;
        padding-left    : 20px;
        padding-top     : 20px;
    }
}


/* Blog page starts */

.blog-wrapper {
    background: #f3eff759;
}

.blog-wrapper .pre-title,
.blog-wrapper .main-title {
    text-align: left;
}

.blog-wrapper .blog-card {
    box-shadow   : 0px 0px 20px 0px #c7c7c7;
    border       : 0;
    margin-bottom: 30px;
}


/* .blog-wrapper .blog-card h5 {
    margin-bottom: 30px;
} */

.blog-card a {
    color: #212529;
}

.blog-card .blog-img {
    height                 : 200px;
    overflow               : hidden;
    border-top-right-radius: 6px;
    border-top-left-radius : 6px;
}

.blog-card .blog-img img {
    transition: all 0.3s ease;
}

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

.blog-card .blog-author {
    display    : flex;
    align-items: center;
    margin-top : 10px;
}

.blog-card .blog-author img {
    width       : 30px;
    margin-right: 10px;
}

.blog-card .blog-author .author-name {
    margin-bottom: 0;
    font-weight  : bold;
}

.blog-card .read-btn {
    color: #008000;
}


/* Blog Detail Page starts */

.blog-content-main h4 {
    margin-top: 30px;
}

.blog-detail-wrapper .blog-date {
    display      : flex;
    margin-bottom: 30px;
}

.blog-date-inner {
    margin-right: 20px;
}

.blog-date-inner i,
.blog-date-inner svg {
    margin-right: 10px;
}

.blog-sidebar {
    margin-left: 30px;
}

@media(max-width:768px) {
    .blog-sidebar {
        margin-left: 0;
    }
}

.sidebar__search {
    position: relative;
    display : block;
}

.sidebar__search-form {
    position: relative;
    color   : #fff;
}

.sidebar__search-form .search-input {
    display         : block;
    border          : none;
    outline         : none;
    background-color: #008000;
    color           : #fff;
    font-size       : 18px;
    font-weight     : 400;
    padding-left    : 50px;
    height          : 60px;
    width           : 100%;
    padding-right   : 80px;
}

.sidebar__search-form input[type="search"]::placeholder {
    color: #fff;
}

.sidebar__search-form button[type="submit"] {
    background-color : transparent;
    color            : #fff;
    font-size        : 22px;
    position         : absolute;
    top              : 0;
    right            : 0;
    bottom           : 0;
    width            : 72px;
    outline          : none;
    border           : none;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    padding          : 0;
}

.blog-detail-wrapper .latest-post {
    margin-top: 30px;
    background: #ecececbf;
    padding   : 20px;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 10%);
}

.latest-post p {
    color: #212529 !important;
}

.latest-post-inner {
    display       : flex;
    margin-bottom : 15px;
    border-bottom : 1px solid #ccc;
    padding-bottom: 10px;
}

.latest-post-inner p {
    margin-bottom: 0;
}

.latest-post-inner img {
    width       : 100px;
    margin-right: 30px;
}


/* team page css starts here */

.core-title {
    color: #008000;
}

.team-main {
    text-align: center;
}

.director-image {
    text-align: center;
}

.about-director {
    padding: 30px;
}

.director-image img {
    width              : 450px;
    height             : 450px;
    /* border-radius   : 50%; */
    /* border-color    : #2a7346; */
    border-width       : 10px;
    border-left-style  : groove;
    border-top-style   : dotted;
    border-right-style : dotted;
    border-bottom-style: ridge;
}

.director-main blockquote {
    position: relative;
}

.director-main blockquote h5 {
    color      : #6c757d;
    line-height: 1.5;
    text-align : justify;
}

.director-main blockquote h5:before {
    position   : absolute;
    content    : open-quote;
    top        : -50px;
    left       : -45px;
    font-weight: bold;
    font-size  : 90px;
    color      : #15a3276b;
}

.director-title {
    margin-top: 30px;
}

.director-title p {
    font-weight: bold;
}

.director-title h6 {
    font-size: larger;
    position : relative;
}

.director-title h6::before {
    content   : "";
    display   : block;
    width     : 120px;
    height    : 2px;
    background: #15a327;
    left      : 0;
    top       : -10px;
    position  : absolute;
}


/* .director-main blockquote h5:after{
    position: absolute;
    content:'';
    bottom: -20px;
    right: -20px;
    font-weight: bold;
    font-size: 50px;
    color: #15a527;
} */

.team-main .card {
    border    : none;
    height    : 190px;
    margin-top: 70px;
}

@media(max-width:767px) {
    .team-main .card {
        width: auto;
    }
}

.team-main .card-body {
    padding: 0;
}

.team-main {
    /* background: #e8cbc0;
    background: linear-gradient(163deg, rgba(0, 13, 4, 1) 0%, rgba(0, 27, 12, 1) 20%, rgba(0, 43, 20, 1) 42%, rgba(0, 60, 29, 1) 66%, rgba(1, 75, 37, 1) 87%, rgba(1, 84, 42, 1) 100%); */
    background           : #dbdbdb;
    background-image     : linear-gradient(to left, #dbdbdba3, #dbdbdbe8), url(../images/business-people-casual-meeting.png);
    background-attachment: fixed;
    background-position  : center;
    background-repeat    : no-repeat;
    background-size      : cover;
}

.team-main .team-image {
    padding: 20px 20px 10px 20px;
}

.team-name {
    margin-bottom: 0;
}

.team-image img {
    border-radius: 50%;
    margin-bottom: 10px;
    box-shadow   : 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.designation {
    text-transform   : uppercase;
    font-size        : small;
    --bs-text-opacity: 1;
    color            : #6c757d !important;
}

.team-main .img-thumbnail {
    border-color        : #2a7346;
    border-width        : 3px;
    border-top-style    : dashed;
    border-right-style  : dashed;
    border-bottom-style : dashed;
    margin-top          : -65px;
    /* border-left-style:none; */
}

.social {
    margin-top   : 15px;
    margin-bottom: 0;
}

.social-link {
    width          : 32px;
    height         : 32px;
    border         : 1.5px solid #ddd;
    display        : flex;
    align-items    : center;
    justify-content: center;
    color          : #666;
    border-radius  : 50%;
    transition     : all 0.2s;
    font-size      : 1rem;
    /* margin-right: 5px; */
}

.social-link:hover,
.social-link:focus {
    background     : rgba(1, 75, 37, 1);
    text-decoration: none;
    color          : #ffffff;
    scale          : 1.2;
}

.csr-wrapper .section-pre-title {
    text-align: center;
}

.csr-wrapper .main-title {
    text-align : center;
    font-size  : inherit;
    font-weight: normal;
    margin-top : 30px;
}

.about-us-banner {
    background-image: url('../images/05_AboutUs_page_Banner-1-138d6.png');
}

.vision-main h3 {
    text-align: center;
}

.vision-main .card-body {
    margin-top: 30px;
}

.vision-inner p {
    text-align   : center;
    padding-left : 60px;
    padding-right: 60px;
    line-height  : 1.5;
}

.vision-inner {
    margin-bottom: 30px;
}

.vision-main .card {
    height       : 240px;
    padding      : 10px;
    position     : relative;
    background   : #fff;
    box-shadow   : 2px 5px 15px 5px rgba(68, 88, 144, 0.12);
    transition   : all 0.3s ease-in-out;
    border-radius: 8px;
    z-index      : 1;
    position     : relative;
    margin-top   : 30px;
    border-color : #15a327;
    border-width : 1px;
}

.vision-icon {
    max-height      : 70px;
    display         : flex;
    justify-content : center;
    align-items     : center;
    padding         : 10px;
    position        : absolute;
    top             : -35px;
    right           : 40px;
    background-color: #fff;
    z-index         : 1;
    overflow        : hidden;
}

.vision-icon img {
    width : 100%;
    height: 60px;
}

.vision-main .card:hover {
    transform : translateY(-7px);
    box-shadow: 4px 5px 15px rgba(53, 53, 53, 0.3);
}


/*meghamenu  css*/

.navbar-expand-lg .navbar-nav .dropdown-menu {
    position        : absolute;
    left            : 7%;
    top             : 83%;
    padding         : 15px;
    width           : 86%;
    background-color: #ffffff;
    z-index         : 99;

}

.dropdown-menu.show {
    display: flex
}

.navbar-expand-lg .navbar-nav .dropdown-menu>li {
    margin     : 0 10px;
    font-weight: 600;
}

.navbar-expand-lg .navbar-nav .dropdown-menu>li+li {
    border-left : 1px solid #aaaaaa;
    padding-left: 15px;
}

@media(min-width:768px)and (max-width:1023px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        width     : 100%;
        left      : 0;
        box-shadow: 1px 2px 13px 1px #2a2a2ab8;
    }
}

@media(max-width:767px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position    : static;
        width       : auto;
        margin-right: 20px;
    }
}

.navbar-expand-lg .dropdown {
    position: static;
}

.custom-dropmenu .nav-pills .nav-link:hover {
    cursor: pointer;
}

@media(max-width:768px) {
    .custom-dropmenu .nav-pills .nav-link:hover {
        cursor: none;
    }
}

.custom-dropmenu .nav-link.active {
    background-color: #15a327;
    color           : #fff;
    border-radius   : 3px;
    font-weight     : 500;
}

.cstm-tab-nav {
    display       : flex;
    flex-direction: column;
    margin-right  : 20px;
    font-size     : 13px;
}

.cstm-tab-nav .nav-link {
    color        : #2a2a2a;
    margin-bottom: 5px;
}

.custom-dropmenu .tab-content .tab-img {
    overflow    : hidden;
    padding-left: 30px;
    border-left : 1px solid #ccc;
    min-height  : 321px;
}

.custom-dropmenu .tab-content .tab-img img {
    width: 300px;
}

.dropdown-list-second {
    list-style  : none;
    padding-left: 0;
    font-weight : normal;
}

.dropdown-list-second li {
    padding-top: 10px;
}

.dropdown-list-second li a {
    color: #212529;
}

.dropdown-list-second li a:hover {
    color: #15a327;
}

/* relation page starts */

.relation-wrapper {
    background: #15a327;
    color     : #fff;
}

.partner-img {
    padding         : 20px;
    border          : 1px solid #DEE2E6;
    text-align      : center;
    background-color: #fff;
}

.partner-img img {
    width: 200px;
}

.partners-wrapper h6 {
    text-align: center;
    color     : #008000;
    margin-top: 30px;
}

.partners-wrapper .container {
    background-color: #f8f8f8;
    padding         : 50px;
}

.test-class {
    background       : url(../images/our-product.jpg);
    background-repeat: no-repeat;
    background-size  : 40% 100%;
    position         : relative;
}

@media(max-width:992px) {
    .service-wrapper:before {
        background: #f8f8f8;
    }

    .about-timeline:before {
        background: #f8f8f8;
    }

    .content {
        width: auto;
    }

    .entry:nth-child(even) .content, .entry:nth-child(odd) .content {
        text-align: left;
        transform: translate(0%, 25px);
    }
    
    .service-left-content {
        color: #000000;
    }
}



.partner-img {
    height: 120px;
    overflow: hidden;
}

.partner-img img {
    width: 80px;
}

.d-block-menu .dropdown-menu {
    width: auto !important;
    left: auto !important;
    transform: none !important;
}

.d-block-menu .dropdown-menu.show {
    display: block !important;
}

.navbar-expand-lg .navbar-nav .d-block-menu.dropdown-menu>li+li {
    border-left: none;
    padding-left: 0;
}

.footer-section ul li {
    padding-top: 10px;
}

.footer-section ul {
    margin-bottom: 30px;
}
@media (max-width: 1098px) {
    .footer-section iframe {
        width: 100% !important;
    }
}


@media (max-width: 768px) {
    .about-wrapper {
        margin-top: 0px !important;
    }
}


@media (max-width: 768px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu.show {
        display: block !important;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu>li+li {
        border-left: 0 !important;
        padding-left: 0 !important;
    }
}

.d-block-menu .dropdown-menu>li+li {
    border-left: none !important;
    padding-left: 0 !important;
}

/* new timeline */


.about-imeline-inner {
    margin: 0 auto;
    position: relative;
    text-align: center;
}

    .about-imeline-inner::before {
        position: absolute;
        left: 50%;
        content: '';
        width: 5px;
        height: 100%;
        background-color: rgb(231, 230, 230);
        border-radius: 5px;
    }

.entry {
    margin: 0px 10px 50px;
    position: relative;
}

.indicator {
    position: absolute;
    top: -5px;
    left: calc(50% - 5px);
    width: 15px;
    height: 15px;
    background-color: rgb(21 163 39 / 43%);
    border-radius: 50%;
}

    .indicator span {
        position: relative;
        top: -5px;
        width: 7px;
        height: 7px;
        display: inline-block;
        background-color: #15a327;
        border-radius: 50%;
    }

.content {
    width: 420px;
    margin: 0 auto;
    transform: translate(-58%, -9px);
    font-size: 18px;
    text-align: right;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    line-height: 1.2;
}

.entry:nth-child(even) .content {
    border-right: 2px solid #15a327;
}

.entry:nth-child(odd) .content {
    text-align: left;
    transform: translate(60%, -9px);
    border-left: 2px solid #15a327;
}

.content span {
    font-weight: 500;
    font-size: 18px;
    color: #15a327;
}

.time {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-130%, -48%);
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 25px;
    background-color: #15a327;
    box-shadow: 0 3px 6px 0 rgb(49 172 62 / 66%);
    color: white;
    display: inline-block;
}

.entry:nth-child(even) .time {
    transform: translate(40%, -48%);
}

@media only screen and (max-width: 600px) {
    .about-imeline-inner {
        margin: 0;
    }

    .entry:nth-child(even) .content, .entry:nth-child(odd) .content {
        text-align: left;
        transform: translate(60%, -9px);
    }

    .entry:nth-child(even) .time, .entry:nth-child(odd) .time {
        transform: translate(-130%, -48%);
    }
}

.about-timeline {
    padding: 50px 0;
    background: url(../images/our-product.jpg);
    background-repeat: no-repeat;
    background-size: 40% 100%;
    position: relative;
}

    .about-timeline:before {
        content: "";
        background: linear-gradient(to right, rgba(2, 2, 2, 0.459) 0%, rgba(2, 2, 2, 0.459) 30%, #f8f8f8 30%, #f8f8f8 100%);
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        position: absolute;
    }

    .about-timeline .service-left-content {
        position: relative;
        z-index: 1;
    }