#header {
    position: relative;
}

.navbar-dark .navbar-toggler {
    outline: none;
}

.navbar-dark .navbar-toggler-icon {
    /* background: url('../images/nav-icon.jpg');*/
}

.item1 {
    background-image: url('../images/home_slider/slide1.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
}

.item2 {
    background-image: url('../images/home_slider/slide2.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
}

.item3 {
    background-image: url('../images/home_slider/slide3.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
}

.item4 {
    background-image: url('../images/home_slider/slide4.JPG');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
}

.carousel-caption {
    position: absolute;
    right: 36%;
    bottom: 34%;
    left: 11%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    padding-left: 25px;
    text-align: left;
    padding-right: 25px;
    background: var(--primary-bg);
}

.carousel-caption h3 {
    font-size: 2.4rem;
    color: #fff;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
}

.carousel-control-next-icon {
    background-image: url(../images/right-arrow.png);
    font-size: 30px;
}

.carousel-control-prev-icon {
    background-image: url(../images/left-arrow.png);
    font-size: 30px;
}


/* section 02 */

#section-2 {
    margin: 50px 0;
}

#section-2 .right-cards .card {
    height: 248px;
}

.card-header-bg {
    background: var(--header-bg), url(../images/Product_assistant_homepage_455x220.png);
    height: 150px;
}

.card-header-bg h3 {
    text-align: center;
    padding-top: 52px;
    color: #fff;
}

.card-header-bg2 {
    background: var(--header-bg), url('../images/csm_teaser-product-search_163cf9060f.jpg');
    height: 150px;
}

.card-header-bg2 h3 {
    text-align: center;
    padding-top: 52px;
    color: #fff;
}

.input-group {
    position: relative;
}

.input-group .btn-default {
    position: absolute;
    right: 0;
    color: #ccc;
}

#section-3 .card {
    margin-bottom: 30px;
}

#section-3 .card .card-header {
    padding: 0;
}

#section-3 .card .card-header img {
    height: 176px;
    width: 100%;
    object-fit: cover;
}

.card .card-body {
    height: 150px;
}


/* section #4  */

#section-4 .owl-carousel .c-item {
    background-color: white;
    padding: 30px 10px;
}

.owl-dots,
.owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-nav {
    max-width: 55%;
    position: relative;
    margin: 0 auto;
}

.owl-prev {
    position: absolute;
    bottom: 2px;
    left: 0%;
}

.owl-prev span {
    font-size: 26px;
}

.owl-next {
    position: absolute;
    bottom: 2px;
    right: 0%;
}

.owl-next span {
    font-size: 26px;
}

.owl-dots button.active span {
    background: #275196;
}

.bg-white {
    padding: 50px 0;
}

.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
}


/* map section  */

.map-wrapper {
    background: white;
    padding: 100px 0;
}


/* social btns under map  */

#socila-btns {
    margin-top: 20px;
    margin-bottom: 50px;
}

.social-btn-wrap .btn-light {
    background: #fff;
    padding: 12px 27px;
    font-size: 17px;
    margin-right: 10px;
    border: 1px solid #d6d2d2b5;
}

.social-btn-wrap .btn-light i {
    padding-right: 5px;
    font-size: 17px;
}


/* section #5  */

#section-5 {
    background: #f3f4f4;
    padding: 32px 0 7px 0;
}

#section-5 ul {
    list-style: none;
}

#section-5 ul li {
    display: inline-block;
    padding-right: 20px;
}

#section-5 ul li .btn {
    background-color: var(--primary-bg);
    border-radius: 0;
}

#section-5 ul li .btn a {
    color: #fff;
}

#section-5 ul li .btn a i {
    padding-right: 5px;
}

.footer-social-icons i {
    font-size: 26px;
    color: #989898;
    padding: 6px 10px;
    border: 2px solid #989898;
}

.footer-social-icons ul li {
    padding-right: 0!important;
}


/* #footer */

#footer {
    background: hsl(218, 17%, 91%);
    color: #000;
    padding: 20px 0 10px 0;
}

#footer ul {
    list-style: none;
    text-align: center;
    font-size: 13px;
}

#footer ul li {
    display: inline-block;
    position: relative;
    padding-right: 10px;
}

#footer ul li a {
    color: #000;
}

#footer ul li:after {
    content: "";
    position: absolute;
    height: 16px;
    width: 2px;
    background: #0000006e;
    right: 2px;
    top: 3px;
}

@media only screen and (max-width: 768px) {
     .top-arr{
        display: none !important;
    }

    .top-nav .container{
        width: 100% !important;

    }
    
    
    #collapsibleNavbar a[class="nav-link"]{
        /* width: 70%; */
        padding: 10px 20px;
        background-color: #fff;
    }
    #collapsibleNavbar a[class="nav-link"]{
        color:#004e9e;
        border-bottom: 1px solid #bbb;
        font-weight: bold;
    }

    .top-nav {
        /* height: 50px !important; */
        padding: 20px 10px 10px 10px !important;
    }
    .top-nav p:first-child {
        
        display: none;
    }
    .carousel-caption {
        position: absolute;
        right: 13%;
        bottom: 29%;
        left: 13%;
    }
    .carousel-caption h3 {
        font-size: 1.8rem;
        color: #fff;
    }
    .carousel-control-prev-icon {
        margin-top: 45px;
    }
    .carousel-control-next-icon {
        margin-top: 45px;
    }
    .carousel-caption {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        color: var(--text-primary);
        font-weight: 700;
    }
    .carousel-caption h3 {
        font-size: 1.7rem;
        color: var(--text-primary);
        font-weight: 700;
    }
    .carousel-control-prev-icon {
        margin-top: 45px;
    }
    .carousel-control-next-icon {
        margin-top: 45px;
    }
    /* img {
        display: none;
        width: 100%;
    } */
}

@media only screen and (max-width: 576px) {
     .top-arr{
        display: none !important;
    }
    .item1,
    .item2,
    .item3,
    .item4 {
        height: 360px;
    }
    h2 {
        font-size: 1.9rem;
    }
    
    .carousel-caption {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        color: var(--text-primary);
        font-weight: 700;
    }
    .carousel-caption h3 {
        font-size: 1.7rem;
        color: var(--text-primary);
        font-weight: 700;
    }
    .carousel-control-prev-icon {
        margin-top: 45px;
    }
    .carousel-control-next-icon {
        margin-top: 45px;
    }
    img {
        width: 100%;
    }
}


/* Page 2 css  */

#about-section {
    margin: 80px 0;
}

.hero-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 350px;
}

#about-section .card .card-header {
    padding: 0;
}

#about-section .card .card-body p {
    color: var(--text-primary);
}

.about-text-content {
    background: white;
    padding: 20px;
}

#about-section-2 .top-border {
    margin-bottom: 30px;
}

#about-section-2 .text-desc {
    background: var(--secodary-bg);
    height: 100%;
}

#about-section-2 .text-desc p {
    font-weight: 600;
}

#about-section-2 .top-border p {
    font-size: 18px;
    font-weight: 600;
    padding: 25px 0px 0 12px;
    color: var(--text-primary);
}

.fa-angle-right {
    font-size: 22px;
    padding-right: 5px;
    color: #eb0303;
}

#form-inputs .form-control {
    padding: 24px 10px;
}

#form-inputs .top-border {
    padding: 45px 0;
}

.page-item.active .page-link {
    background: var(--text-primary);
}

#gid-table {
    margin: 100px 0;
}

.white-grid-col {
    padding: 20px 15px;
    background: #fff;
    font-size: 19px;
    border-top: 1px solid #004e9e;
}

.gray-grid-col {
    padding: 20px 15px;
    background: #f3f4f4;
    font-size: 19px;
    border-top: 1px solid #004e9e;
}

.table-heading p {
    font-size: 20px;
    color: var(--text-primary);
}

.links-box {
    margin: 50px 20px;
}

.links-box ul {
    list-style-image: url('../images/red-angle.png');
    padding-left: 23px;
}

.links-box ul li {
    padding: 5px 0;
}

.links-box ul li a {
    color: #4c4b4b;
}

.pagination .fa-angle-right {
    color: #6c757d;
    font-size: 16px;
}

#about-section .fa-angle-right {
    font-size: 26px;
}