.sub-banner {
    min-height: 465px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.video-ban::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

.banner-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main {
    overflow: hidden;
}

.sub-banner h1 {
    font-size: 85px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin-top: 100px;
    position: relative;
}


.sub-banner h1::after {
    content: "";
    width: 260px;
    background-color: #fff;
    height: 8px;
    position: absolute;
    top: -20px;
    left: 0px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}


/*------------------------------------------------------------------
2. About page
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
3. Contact page
-------------------------------------------------------------------*/

.contact-page-form .container {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    justify-content: space-between;
}

.contact-form {
    width: 55%;
}

.contact-form-detail {
    width: 40%;
    padding-left: 5%;
}

.contact-form h3 {
    width: 100%;
}

.contact-form-list {
    margin: 0 -1%;
    row-gap: 15px;
    display: flex;
    flex-wrap: wrap;
}

.contact-form-list li {
    width: 100%;
    margin: 0 1%;
}

.contact-form-list>li:not(.w-100) {
    width: 48%;
}

.contact-form-list .button {
    margin-top: 20px;
}

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





.contact-form-detail .list {
    padding: 0;
    list-style: none;
    margin: 30px 0 0 0;
}

.contact-form-detail .list li+li {
    margin-top: 25px;
}

.contact-form-detail .list span {
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
}

.contact-form-detail .list p {
    font-size: 14px;
}

.contact-form-detail .list a:hover {
    color: var(--color-primary);
}

.slider-title {
    text-transform: uppercase !important;
    position: relative;
    font-family: "Rubik", sans-serif !important;
}

.slider-title::after {
    content: "";
    width: 46%;
    background-color: #fff;
    height: 8px;
    position: absolute;
    top: -20px;
    left: 0px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.slider-title:hover::after {
    width: 100%;
}


/*------------------------------------------------------------------
1. Home page
-------------------------------------------------------------------*/

.flex-main {
    display: flex;
    flex-wrap: wrap;
}

.hme-about-section {
    width: 100%;
    padding: 160px 0 80px;
    position: relative;
}

.banner-gradient {
    background: rgb(255, 255, 255) !important;
    background: linear-gradient(360deg, rgba(255, 255, 255, 1) 0%, rgba(0, 212, 255, 0) 100%) !important;

}

.banner-btn {
    min-width: 190px;
    padding: 0px 35px;
    height: 55px;
    font-size: 14px;
    font-weight: 500;
    line-height: 55px !important;
    background-color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    text-align: center !important;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.banner-btn span {
    position: relative;
    display: inline-block;
    padding-left: 25px;
}

.banner-btn:hover span::after {
    width: 30px;
    left: -15px;
    background-color: #fff;
}

.banner-btn:hover {
    background-color: #006BE7;
    color: #fff;
    border: 1px solid #006BE7 !important;
}

.banner-btn span::after {
    content: "";
    width: 20px;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: -5px;
    margin: auto;
    top: 0;
    bottom: 0;
    font-family: "Rubik", sans-serif !important;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}


.banner-btn.blue-btn {
    border: 1px solid #006BE7;
    color: #fff;
    background-color: #006BE7;
}

.banner-btn.blue-btn:hover {
    border: 1px solid #464646 !important;
    background-color: #464646;
    color: #fff;
}

.banner-btn.blue-btn span::after {
    background-color: #fff;
}

.banner-btn.blue-btn:hover span::after {
    background-color: #fff;
}


.banner-btn.gray-btn {
    border: 1px solid #A6A6A6;
    color: #A6A6A6;
}

.banner-btn.gray-btn:hover {
    color: #fff;
    border: 1px solid #006BE7;
}

.banner-btn span::after {
    background-color: #A6A6A6;
}


.banner-btn.white-btn {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
}

.banner-btn.white-btn:hover {
    color: #006BE7;
    background-color: #fff;
    border: 1px solid #fff;
}

.banner-btn.white-btn span::after {
    background-color: #fff;
}

.banner-btn.white-btn:hover span::after {
    background-color: #006BE7;
}



.hme-about-left h2 {
    font-size: 65px;
    line-height: 72px;
    color: #4E4E4E;
    position: relative;
    display: inline-block;
}

.hme-about-left h2::after {
    content: "";
    width: 115px;
    height: 8px;
    background-color: #006BE7;
    position: absolute;
    left: 0;
    top: -15px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.hme-about-left h2:hover::after {
    width: 100%;
}

.hme-about-left h2 span {
    color: #006BE7;
}

.hme-about-left {
    width: 55%;
}

.hme-about-right {
    width: 45%;
}

.hme-about-right .banner-btn.gray-btn {
    margin-top: 30px;
}

.hme-service-section {
    padding-top: 80px;
}

.hme-service-section h2 {
    font-size: 150px;
    line-height: 80px;
    color: #006BE7;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -3px;
}

.hme-service-section h2 span {
    color: #4E4E4E;
    font-weight: 200;
}

.hme-service-list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.hme-service-list ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.1%;
    margin-right: -0.1%;
}

.hme-service-list ul li {
    width: 49.8%;
    min-height: 750px;
    margin-left: 0.1%;
    margin-right: 0.1%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}


.hme-service-list ul li::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 107, 231, 0.7);
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.hme-service-list ul li:hover::after {
    opacity: 1;
}

.hme-service-list ul li:hover .hme-service-content {
    transform: translateY(0px);
}

.hme-service-list ul li:hover .hme-service-text {
    opacity: 1;
}

.hme-service-content {
    width: 100%;
    padding: 70px 90px;
    position: absolute;
    bottom: 0;
    z-index: 9;
    -webkit-transform: translateY(190px);
    -moz-transform: translateY(190px);
    transform: translateY(190px);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}


.hme-service-text {
    opacity: 0;
}

.hme-service-content h2 {
    font-size: 65px;
    line-height: 72px;
    font-weight: 500;
    color: #fff;
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.hme-service-content h2::after {
    content: "";
    width: 115px;
    background-color: #fff;
    height: 6px;
    position: absolute;
    top: -15px;
    left: 0px;
}

.hme-service-list ul li:hover p,
.hme-service-list ul li:hover .banner-btn {
    opacity: 1;
    display: inline-block;
}

.hme-service-content p {
    color: #fff;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.hme-service-content .banner-btn {
    margin-top: 20px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.hme-global-section {
    width: 100%;
    padding: 110px 0 80px;
    background-color: #EEF5FF;

}

.hme-global-section h2 {
    font-size: 70px;
    line-height: 62px;
    color: #4E4E4E;
    font-weight: 600;
    text-transform: uppercase;
}

.hme-global-title {
    text-align: center;
}

.hme-global-title p {
    font-size: 20px;
    color: #8f8f8f;
}

.hme-global-section h2 span {
    color: #006BE7;
}

.location-main {
    width: 100%;
    max-width: 1261px;
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
}

.clients-main-wrap {
    width: 100%;
    height: auto;
    margin-top: 0px;
}

.clients-carousel {
    margin-top: 35px;
}

.clients-main img {
    width: auto !important;
}

.clients-main {
    width: 100%;
    height: 150px;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background-color: #fff;
}

.clients-main-wrap h3 {
    text-align: center;
    font-size: 30px;
    line-height: 32px;
    color: #4E4E4E;
    font-weight: 600;
}

.hme-news-section {
    width: 100%;
    background-color: #006BE8;
    padding: 90px 0 110px;
    overflow: hidden;
}

.hme-news-title {
    text-align: center;
    margin-bottom: 35px;

}

.hme-news-title p {
    color: #F5F9FE;
}

.hme-news-title h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 48px;
    line-height: 40px;
    font-weight: 500;
}

.news-carousel.owl-carousel {
    position: relative;
    margin-top: 50px;
}

.news-carousel.owl-carousel::after {
    content: "";
    width: 1000px;
    height: 100%;
    position: absolute;
    left: -1000px;
    top: 0;
    z-index: 1;
    background-color: #006BE8;
}

.news-carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.news-carousel.owl-carousel .owl-nav button {
    top: 165px;
}

.news-image-box {
    width: 100%;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.news-image-box img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.news-image-box:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.news-image-content {
    width: 100%;
    padding-top: 15px;
}

.news-image-content span {
    font-size: 14px;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    color: #fff;
    position: relative;
    display: block;
    padding-left: 40px;
    margin-bottom: 15px;
}

.news-image-content h4 {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
}

.news-image-content p {
    color: #B2D3F8;
}


.news-image-content span::after {
    content: "";
    background-color: #fff;
    width: 25px;
    height: 2px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}

.footer {
    background-color: #373737;
}

.footer-copy-write {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid #696969;

}

.footer-copy-write p {
    font-family: "Archivo", sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #fff;
}

.footer-topmain {
    width: 100%;
    padding: 80px 0;
    overflow: hidden;
    border-bottom: 1px solid #706F6F;
}

.footer-topmain .flex-main {
    align-items: center;
}


.news-letter-left {
    width: 55%;
}

.news-letter-right {
    width: 45%;
    display: flex;

    position: relative;
}

.news-letter-left h3 {
    font-family: "Open Sans", sans-serif;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 0px;
}

.subscription-form {
    width: 100%;
    height: 59px;
    line-height: 59px;
    font-size: 14px;
    color: #616161;
    padding: 0px 145px 0 30px;
}

.subscription-btn {
    width: 125px;
    height: 59px;
    line-height: 59px;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    background-color: #006BE7;
    position: absolute;
    color: #fff;
    right: 0;
    border: none;
    outline: none;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.subscription-btn:hover {
    background-color: #626262;
}

.footer-nav-wrap {
    width: 100%;
    padding: 100px 0;
}

.footer-nav-logo {
    width: 20%;
}

.footer-nav-links {
    width: 26%;
    padding-right: 2%;
    display: flex;
    flex-wrap: wrap;
}

.footer-nav-links ul {
    width: 47%;
}

.footer-nav-links ul li {
    width: 100%;
}

.footer-nav-links ul li a {
    font-size: 17px;
    line-height: 26px;
    color: #BABABA;
    font-family: "Archivo", sans-serif;
    font-weight: 400;
}

.footer-nav-links ul li a:hover {
    color: #85beff;
}

.footer-nav-links ul li+li {
    margin-top: 15px;
}

.footer-nav-wrap h3 {
    color: #fff;
    width: 100%;
    font-size: 25px;
    line-height: 25px;
    font-weight: 500;
    margin-bottom: 25px;
}

.footer-nav-term {
    width: 21%;
    padding-right: 2%;
}

.footer-nav-certificate {
    width: 15%;
    padding-right: 2%;
}

.footer-social {
    width: 12%;
}

.footer-social ul {
    display: flex;
    flex-wrap: wrap;
}

.footer-social ul li {
    margin-right: 15px;
}

.footer-social ul li a {
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 200 !important;
}

.footer-social ul li a:hover {
    color: #85beff;
}

.footer-nav-logo ul {
    margin-top: 30px;
}

.footer-nav-logo ul li {
    width: 100%;
    padding-left: 35px;
    background-position: left center;
    background-repeat: no-repeat;
}

.footer-nav-logo ul li+li {
    margin-top: 30px;
}

.footer-nav-logo ul li a {
    color: #BABABA;
    font-size: 17px;
    line-height: 26px;
}

.footer-nav-logo ul li a:hover {
    color: #85beff;
}

.location-box {
    width: auto;
    top: 33%;
    left: 55%;
    position: absolute;
    cursor: pointer;
}

.location-point {
    position: relative;
    width: 34px;
    height: 34px;
    display: block;
    border: 1px solid #006BE7;
    background: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: auto;

}

.location-point.gray {
    border: 1px solid #393939;
}



.location-point-inner {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #006BE7;
    position: absolute;
    left: 11px;
    top: 11px;
    -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite
}

.location-point-inner.gray {
    border: 1px solid #393939;
}

.location-point-inner.gray:before {
    background-color: #393939;
}

.location-point-inner:before {
    content: "";
    position: relative;
    display: block;
    width: 420%;
    height: 420%;
    box-sizing: border-box;
    margin-left: -160%;
    margin-top: -160%;
    border-radius: 100%;
    background-color: #01a4e9;
    -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.location-point-inner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}


@-webkit-keyframes pulse-ring {
    0% {
        transform: scale(0.33);
    }

    80%,
    100% {
        opacity: 0;
    }
}

@keyframes pulse-ring {
    0% {
        transform: scale(0.33);
    }

    80%,
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes pulse-dot {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.8);
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.8);
    }
}

.location-name {
    width: fit-content;
    font-size: 12px;
    line-height: 1;
    color: #004A9F;
    text-transform: uppercase;
    background-color: #fff;
    padding: 3px 10px;
    border: 1px solid #006BE7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 3px;
}

.location-box.location2 {
    top: 48%;
    left: 69%;
}

.location-box.location3 {
    top: 25%;
    left: 77.5%;
}

.location-box.location4 {
    top: 18%;
    left: 36.5%;
}

.location-box.location5 {
    top: 23%;
    left: 42%;
}

.location-box.location6 {
    top: 23%;
    left: 47%;
}

.location-box.location7 {
    top: 12.5%;
    left: 38%;
}

.location-box.location8 {
    top: 29%;
    left: 7%;
}

.location-box.location9 {
    top: 30%;
    left: 76%;
}

.location4 .location-name,
.location5 .location-name {
    transform: translate(-70%, 145%);
}


.location7 .location-name {
    transform: translate(83%, 145%);
}

.location3 .location-name,
.location6 .location-name,
.location9 .location-name {
    transform: translate(70%, 145%);
}

.location-details {
    width: fit-content;
    position: absolute;
    bottom: 100px;
    min-width: 340px;
    left: -20px;
    background-color: #fff;
    padding: 40px 30px 25px 70px;
    border: 2px solid #006BE7;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    transform: translateY(30px);
    z-index: 99;
}

.location-details::after {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 30px;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #fff;
}

.location-details::before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 30px;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #006BE7;
}


.location-details h4 {
    font-size: 30px;
    line-height: 26px;
    color: #000000;
}

.location-box:hover .location-details {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.location-round {
    content: "";
    width: 24px;
    height: 24px;
    background-color: #D9D9D9;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 41px;
    left: 30px;
}

.location-round::after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #929292;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 8px;
}

.submenu-main {
    width: 100%;
    border-bottom: 1px solid #006BE7;
}

.submenu-main ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.submenu-main ul li {
    padding: 0px 15px;
    position: relative;
}

.submenu-main ul li.active::after,
.submenu-main ul li.current-menu-item::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #006BE7;
}

.submenu-main ul li.active a,
.submenu-main ul li.current-menu-item a {
    color: #006BE7;
}

.submenu-main ul li a:hover {
    color: #006BE7;
}

.cont-mail {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}

.submenu-main ul li a {
    line-height: 65px;
    font-size: 18px;
    color: #000;
}

.about-who-section {
    width: 100%;
    padding: 90px 0;
    background-color: #F5F5F5;
}

.who-title {
    width: 40%;
}

.who-title h2 {
    font-size: 50px;
    line-height: 55px;
    color: #373737;
    font-weight: 500;
}

.who-content {
    width: 60%;
}

.who-content h3 {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 25px;
}

.about-vision-section {
    width: 100%;
    padding: 100px 0 50px;
}

.about-vision-section ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
    justify-content: space-between;
    width: 100%;
}

.about-vision-section ul li {
    width: 48.5%;
    padding: 70px;
    border: 1px solid #A6A6A6;
}

.about-vision-section ul li h2 {
    font-weight: 400;
    font-size: 45px;
    line-height: 40px;
    color: #006BE7;
    margin-bottom: 30px;
}

.about-vision-section ul li p {
    font-size: 16px;
    color: #000;
}

.vision-icon {
    min-height: 100px;
    margin-bottom: 30px;
}

.vision-icon img {
    max-height: 85px;
}

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

.about-core-img {
    width: 100%;
    height: 500px;
    display: flex;
    align-items: center;
    background-image: url(../images/core-bg.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}

.about-core-content {
    width: 44%;
    padding-left: 100px;
}

.about-core-content .second-title {
    color: #fff;
}

.second-title {
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 15px;
    color: #373737;
}

.about-core-content p {
    color: #fff;
}

.abt-client-section {
    width: 100%;
    padding: 170px 0 80px;
    background-image: url(../images/client-bg.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.abt-list-section {
    width: 100%;
    padding: 50px 0 100px;
}

.abt-list-section .flex-main {
    row-gap: 30px;
}

.abt-list-main-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.abt-list-main-box:nth-child(2n) {
    flex-direction: row-reverse;
}

.abt-list-main-box:nth-child(2n) .abt-list-main-content {
    padding-left: 100px;
    padding-right: 0px;
}

.abt-list-main-content {
    width: 60%;
    padding: 50px 0;
    padding-right: 100px;
}

.abt-list-main-content .second-title {
    color: #000000;
}

.abt-list-main-content p {
    color: #000;
}

.abt-list-main-content .second-title {
    margin-bottom: 20px;
}

.abt-list-main-image {
    width: 40%;
}

.abt-list-main-image img {
    width: 100%;
}

.abt-credibility-section {
    width: 100%;
    background-color: #006BE7;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.abt-credibility-content {
    padding: 30px 150px 30px 0;
}

.abt-credibility-content .second-title {
    color: #fff;
}

.abt-credibility-content p {
    color: #fff;
}

.abt-credibility-left {
    width: 50%;
}

.abt-credibility-right {
    width: 50%;
}

.abt-credibility-right img {
    width: 100%;
}

.abt-client-section .clients-carousel {
    margin-top: 60px;
}

.hme-global-section.about-global-section {
    width: 100%;
    padding: 70px 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-image: none;
}

.about-contact-main {
    width: 100%;
    height: 400px;
    text-align: center;
    display: flex;
    align-items: center;
    background-image: url(../images/about-connect.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.about-contact-main p {
    font-size: 18px;
}

.about-contact-main .banner-btn {
    margin-top: 20px;
}

.about-contact-main .second-title,
.about-contact-main p {
    color: #fff;
}

.global-location-list-main {
    width: 100%;
    padding: 90px 0 140px;
    background-color: #f6f6f6;
    overflow: hidden;
}

.global-location-title {
    text-align: center;
}

.global-location-title p {
    color: #000;
}

.global-location-title .second-title {
    line-height: 40px;
    margin-bottom: 10px;
}

.global-location-list {
    width: 100%;
    padding-top: 70px;
}

.global-location-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 50px;
}

.global-location-list ul li {
    width: 48%;
    display: flex;
    align-items: center;
    background-color: #fff;

}

.global-location-content {
    width: 50%;
    background-color: #fff;
    padding: 30px 30px 30px 60px;
}

.global-location-img {
    width: 50%;

}

.global-location-img img {
    height: 468px;
    object-fit: cover;
    object-position: center;
}

.global-location-content h3 {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    color: #292E36;
    font-weight: 500;
}

.global-location-content h4 {
    font-size: 16px;
    line-height: 22px;
    color: #4A4A4A;
    margin-bottom: 15px;
}

.global-location-contact {
    width: 100%;
    margin-bottom: 15px;
}

.global-location-contact a {
    display: block;
    padding-left: 30px;
    font-size: 16px;
    line-height: 25px;
    color: #4A4A4A;
}

.global-location-contact.mail {
    background-image: url(../images/sms.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.global-location-contact.call {
    background-image: url(../images/call.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.global-location-content .banner-btn {
    margin-top: 5px;
}

.white-bg {
    background-color: #fff !important;
}

.quality-certificate-section {
    width: 100%;
    padding: 100px 0 90px;
    background-color: #006BE7;
}

.quality-certificate-section .second-title {
    color: #fff;
    text-align: center;
}

.qly-img-box {
    width: 100%;
    min-height: 345px;
    background-color: #fff;
    overflow: hidden;
}

.qly-img-box img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.qly-img-box:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.qly-certificate-carousel.owl-carousel {
    margin-top: 30px;
}

.qly-certificate-carousel.owl-carousel .owl-nav button.owl-prev {
    left: -60px;
}

.qly-certificate-carousel.owl-carousel h4 {
    padding-top: 10px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}


.qly-certificate-carousel.owl-carousel .owl-nav button.owl-next {
    right: -60px;
}

.about-team-section {
    width: 100%;
    padding: 90px 0 130px;
    background-color: #F6F6F6;
    overflow: hidden;
}

.team-title-main {
    width: 100%;
    text-align: center;
}

.team-title-main .second-title {
    line-height: 50px;
}

.team-title-main p {
    font-size: 16px;
    color: #000;
}

.team-list-content {
    margin-top: 55px;
}

.team-list-content .resp-tabs-list li {
    padding: 22px 30px;
    border: 1px solid rgb(193, 193, 193) !important;
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
}



.team-list-content .resp-tab-item.resp-tab-active {
    background-color: #006BE7 !important;
    color: #fff;
    padding: 22px 30px !important;
    border: 1px solid #006BE7 !important;
}

.team-list-content .resp-tabs-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 6px;
    row-gap: 12px;

}

.team-list-content .resp-tab-content {
    border: none !important;
}

.team-main-box {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 30px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
}

.team-content-main {
    width: 100%;
    padding-top: 40px;

}

.team-content-main ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
    margin-right: -1%;
    row-gap: 40px;

}

.team-content-main ul li {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
}

.team-list-content .resp-tabs-container {
    background-color: transparent !important;
}

.team-list-content .resp-tab-content {
    padding: 0px;
}

.team-main-box:hover {
    align-items: center;
}

.team-main-box {
    position: relative;
}

.team-main-box::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team-main-box:hover::after {
    opacity: 1;
}

.team-img {
    width: 240px;
    min-height: 240px;
    display: inline-grid;
    background-color: #D9D9D9;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}

.team-img img {
    height: 100%;
    display: block;
}

.team-content {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team-content h4 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px;
}

.team-content p {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    min-height: 30px;
    font-size: 16px;
    color: #000;
}

.team-content p a {
    display: block;
}

.team-social {
    text-align: center;
    margin-top: 10px;
}

.team-social a {
    display: inline-block;
    padding: 2px 4px;
    background-color: #000;
    color: #fff;
    font-size: 20px;
}


.hiring-section-main {
    padding: 100px 0;
    background-color: #fff;
    overflow: hidden;
}

.hiring-inner-box {
    width: 100%;
    padding: 80px 80px 60px;
    text-align: center;
    border: 1px solid #C9C9C9;
}

.hiring-inner-box h2 {
    font-size: 65px;
    font-weight: 400;
}

.hiring-inner-box p {
    font-size: 16px;
}

.hiring-inner-box .banner-btn {
    margin-top: 30px;
}

.service-inner-section {
    width: 100%;
    padding: 90px 0 80px;
}

.service-inner-section ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.5%;
    margin-right: -1.5%;
    row-gap: 25px;
}

.service-inner-section ul li {
    width: 47%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    background-color: #F5F5F5;
}

.service-page-list-img img {
    width: 100%;
}

.service-page-list-content {
    padding: 50px;
}

.service-page-list-content .banner-btn {
    margin-top: 10px;
}

.service-page-list-content h3 {
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 20px;
    font-weight: 400;
}

.service-page-list-content p {
    font-weight: 400;
}

.service-sub-category-section {
    width: 100%;
    padding: 100px 0;
}

.service-sub-category-section ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 70px;
}

.service-sub-category-section ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #F3F3F3;
    overflow: hidden;
}

.service-sub-category-section ul.layout_left li:nth-child(2n) {
    flex-direction: row-reverse;
}

.service-sub-category-section ul.layout_right li:first-child {
    flex-direction: row-reverse;
}

.service-sub-img {
    width: 42%;
}

.who-content h4 {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin-bottom: 20px;
}

.service-sub-content {
    width: 58%;
    padding: 50px 70px;
}

.service-sub-content .banner-btn {
    margin-top: 10px;
}

.service-sub-img img {
    width: 100%;
}

.service-inner-main-wrap {
    width: 100%;
    padding: 100px 0;
    background-color: #F6F6F6;
}

.service-inner-main-wrap .flex-main {
    row-gap: 60px;
}


.service-inner-main-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.service-inner-main-box:nth-child(2n) {
    flex-direction: row-reverse;
}

.service-inner-main-box:nth-child(2n) .service-inner-main-content {
    padding-left: 0px;
    padding-right: 80px;
}

.service-inner-main-content {
    width: 60%;
    padding-left: 80px;
    padding-right: 0px;
}

.dry-values-section {
    width: 100%;
    padding: 80px 0;
    background-color: #006BE7;
    overflow: hidden;
}

.dry-values-section .second-title {
    text-align: center;
    color: #fff;
}

.dry-values-list {
    width: 100%;
    margin-top: 20px;
}

.dry-values-list ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.7%;
    margin-right: -0.7%;
}

.dry-values-list ul li {
    width: 23.6%;
    margin-left: 0.7%;
    margin-right: 0.7%;
    border: 1px solid #fff;
    padding: 50px 35px 40px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dry-values-list ul li:hover {
    background-color: #fff;
}

.dry-values-list ul li:hover h3,
.dry-values-list ul li:hover p {
    color: #006BE7;
}

.dry-values-list ul li h3 {
    font-size: 32px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 500;
}

.dry-values-list ul li p {
    color: #fff;
}

.dry-values-list ul li:hover .values-icon-img img {
    filter: brightness(1) invert(0);
}

.values-icon-img {
    height: 65px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.values-icon-img img {
    width: auto;
    max-height: 100%;
    filter: brightness(0) invert(1);
}

.why-choose-section {
    width: 100%;
    padding: 100px 0;
}

.why-choose-inner-wrap {
    width: 100%;
    padding-top: 60px;
    display: flex;
    flex-wrap: wrap;
}

.why-choose-inner-img {
    width: 43%;
}

.why-choose-inner-content {
    width: 57%;
    padding-left: 140px;
}

.why-choose-inner-img img {
    width: 100%;
}


#faq__accordian-main-wrapper {
    max-width: 1140px;
}

.faq__accordion-wrapper {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #000000;
}

.faq__accordion-content p {
    margin: 0;
}

.faq__accordian-heading {
    display: block;
    font-size: 22px;
    line-height: 30px;
    position: relative;
    font-weight: 400;
    color: #000000;
    padding-right: 25px;
}

.faq__accordian-heading:hover {
    color: #006be7;
}

.faq__accordian-heading.active {
    margin-bottom: 25px;
}

.faq__accordian-heading::before {
    content: "";
    width: 18px;
    height: 11px;
    background-image: url(../images/chevron-down.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -ms-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}



.faq__accordian-heading.active::before {
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -ms-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.faq__accordian-heading.active::before {
    color: #ffffff;
}

.faq__accordion-content {
    display: none;
}

.marine-first-list-main {
    width: 100%;
    padding: 100px 0;
    overflow: hidden;
    background-color: #f2f2f2;
}

.marine-first-list-main ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.5%;
    margin-right: -0.5%;
    row-gap: 15px;
    justify-content: center;
}

.marine-first-list-main ul li {
    display: flex;
    flex-wrap: wrap;
    width: 32.33%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    padding: 40px 30px;
    background-color: #fff;
}

.marine-first-icon img {
    max-height: 100%;
}

.marine-first-icon {
    height: 70px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.marine-first-list-main ul li h3 {
    width: 100%;
    font-weight: 400;
    font-size: 30px;
}

.service-operation-blue-wrap {
    width: 100%;
    padding: 110px 0 160px;
    background-color: #006BE7;
    overflow: hidden;
}

.service-operation-blue-wrap .who-title h2 {
    font-weight: 400;
}

.service-operation-blue-wrap .who-title h2,
.service-operation-blue-wrap p {
    color: #fff;
}

.service-operation-list {
    margin-top: 30px;
}

.service-operation-list ul {
    margin-left: -1%;
    margin-right: -1%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
}

.service-operation-list ul li {
    width: 31.3%;
    margin-left: 1%;
    margin-right: 1%;
}

.service-operation-content {
    padding-top: 20px;
}

.service-operation-content h3 {
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    margin-bottom: 10px;
}

.service-operation-content p {
    color: #B2D3F8;
}

.fertilizers-contact-image {
    width: 100%;
    padding: 100px 0;
}

.fertilizers-inner-img {
    width: 100%;
    min-height: 465px;
    background-size: cover;
    background-repeat: no-repeat;
}

.fertilizers-inner-content {
    width: 100%;
    max-width: 1197px;
    margin: 0 auto;
    margin-top: -142px;
    padding: 45px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
}

.fertilizers-inner-title {
    width: 45%;
    padding-right: 20px;
}

.fertilizers-inner-title h3 {
    font-size: 48px;
    line-height: 50px;
    font-weight: 400;
}

.fertilizers-inner-text {
    width: 55%;
}

.marine-lubricants-section {
    width: 100%;
    padding: 90px 0;
    overflow: hidden;
}

.marine-lubricants-section .second-title {
    text-align: center;
    color: #363636;
}

.marine-lubricants-list ul {
    margin-left: -1.5%;
    margin-right: -1.5%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
}

.marine-lubricants-list ul li {
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 30.3%;
    min-height: 135px;
    background-color: #006BE7;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -ms-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.marine-lubricants-list ul li h3 {
    font-size: 30px;
    line-height: 48px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
    text-align: center;
}

.marine-lubricants-list ul li:hover {
    background-color: #4a4a4a;
}

.marine-delivery-section {
    padding: 90px 0;
    overflow: hidden;
    background-color: #676767;
}

.marine-delivery-section .second-title {
    color: #fff;
}

.marine-delivery-list {
    margin-top: 30px;
}

.marine-delivery-list ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
    margin-right: -1%;
}

.marine-delivery-list ul li {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    padding: 20px;
    min-height: 200px;
    text-align: center;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -ms-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.marine-delivery-list ul li:hover {
    background-color: #fff;
}

.marine-delivery-list ul li:hover h3,
.marine-delivery-list ul li:hover p {
    color: #4A4A4A;
}

.marine-delivery-list ul li h3 {
    font-size: 35px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}

.marine-delivery-list ul li p {
    color: #fff;
    font-family: var(--font-primary);
}

.marine-benefits-section {
    width: 100%;
    padding: 100px 0;
}



.benefits-round {
    --round-size: 660px;
    width: var(--round-size);
    height: var(--round-size);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 1px dotted #80B5F3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.benefits-round-inner {
    --round-inner: 440px;
    width: var(--round-inner);
    height: var(--round-inner);
    background-color: #F7F7F7;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefits-round-inner h3 {
    font-size: 40px;
    line-height: 55px;
    font-weight: 600;
    text-transform: uppercase;
    color: #006BE7;
    text-align: center;
    margin-bottom: 0;
}

.benefits-content-round {
    --round-content: 225px;
    width: var(--round-content);
    height: var(--round-content);
    background-color: #006BE7;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    padding: 20px;
    position: absolute;
    left: -75px;
    top: -30px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -ms-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.benefits-content-round:hover {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    background-color: #706F6F;
}

.benefits-content-round:hover::after {
    border: 1px dotted #706F6F;
}

.benefits-content-round h4 {
    font-size: 23px;
    line-height: 26px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0px;
    text-align: center;
    transition: opacity .35s ease-in-out, visibility .35s ease-in-out;
}

.benefits-content-round img{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease-in-out, visibility .35s ease-in-out;
}

.benefits-content-round:hover h4 {
    opacity: 0;
    visibility: hidden;
}

.benefits-content-round:hover img{
    opacity:1;
    visibility: visible;
}

.benefits-content-round::after {
    content: "";
    position: absolute;
    --round-content: 110%;
    width: var(--round-content);
    height: var(--round-content);
    border: 1px dotted #006BE7;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: -5%;
    top: -5%;
    z-index: -1;
}

.benefits-content-round.second-round {
    left: inherit;
    right: -75px;
    top: -30px;
}

.benefits-content-round.third-round {
    top: inherit;
    bottom: -30px;
}

.benefits-content-round.fourth-round {
    top: inherit;
    left: inherit;
    right: -75px;
    bottom: -30px;
}

.marine-graphical-section {
    width: 100%;
    padding: 100px 0;
    background-color: #f9f9f9;
}

.marine-graphical-section .second-title {
    color: #363636;
    margin-bottom: 20px;
}

.career-main-wrapper {
    width: 100%;
    padding: 90px 0 60px;
}

.career-top-content {
    text-align: center;
}

.career-top-content .second-title {
    margin-bottom: 15px;
    color: #363636;
}

.career-top-content p {
    color: #363636;
}

.career-list-content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 90px;
}

.career-list-content .second-title {
    margin-bottom: 50px;
    color: #363636;
    text-align: center;
}

.career-list-content ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px;
}

.career-list-content ul li {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #E4E4E4;
    position: relative;
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -ms-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.career-list-content ul li:hover {
    background-color: #006BE7;
}

.career-list-content ul li:hover .career-icon {
    background-color: #fff;
}

.career-title-main {
    width: 40%;
    min-height: 116px;
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 30px;
}

.career-title {
    padding-left: 150px;
    position: relative;

}

.career-title span {
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #000000;
}

.career-list-content ul li:hover .career-title h3,
.career-list-content ul li:hover .career-title span,
.career-list-content ul li:hover p {
    color: #fff;
}

.career-list-content ul li:hover .career-icon img {
    filter: brightness(1) invert(0);
}


.career-title h3 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 0;
    font-weight: 500;
}

.career-content-main {
    width: 45%;
}

.career-icon {
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    --career-icon: 116px;
    width: var(--career-icon);
    height: var(--career-icon);
    background-color: #006BE7;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    padding: 30px;
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -ms-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.career-icon img {
    filter: brightness(0) invert(1);
}

.career-arrow {
    width: 50px;
    height: 50px;
    background-color: #D9D9D9;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    margin: auto;
    right: 50px;
    top: 0;
    bottom: 0;
    background-image: url(../images/career-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
}

.news-list-main {
    width: 100%;
    padding: 90px 0 30px;
}

.news-title-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 9;
    margin-bottom: 30px;
}

.news-title-main .second-title {
    margin-bottom: 0px;
}


.news-title-main .nice-select {
    min-width: 200px;
}

.news-list {
    width: 100%;
}

.news-list ul {
    margin-left: -1%;
    margin-right: -1%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
}

.news-list ul li {
    width: 31.3%;
    margin-left: 1%;
    margin-right: 1%;
}

.news-list-box {
    width: 100%;
}

.news-list-box-img {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    overflow: hidden;
}

.news-list-box-img img {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -ms-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.news-list-box-img:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.news-list-box-content {
    width: 100%;
    padding-top: 30px;
}

.news-list-top ul li .news-list-box-content {
    padding-top: 20px;
}

.news-list-box-content span {
    display: block;
    color: #808080;
    margin-bottom: 10px;
}

.news-list-box-content h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #000;
}

.news-bredcrumb-main {
    width: 100%;
    padding: 30px 0;
    border-bottom: solid 1px #ECECEC;
}

.news-bredcrumb-main ul {
    display: flex;
    flex-wrap: wrap;
}

.news-bredcrumb-main ul li {
    padding-right: 35px;
    position: relative;
}

.news-bredcrumb-main ul li::after {
    position: absolute;
    right: 12px;
    top: 5px;
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(../images/career-arrow.png);
    background-size: 10px;
    background-repeat: no-repeat;
}

.news-bredcrumb-main ul li:last-child::after {
    display: none;
}

.news-detail-main-section {
    width: 100%;
    padding: 80px 0;
}

.news-detail-inner-wrap {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.news-detail-inner-wrap h3 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
}

.news-detail-inner {
    width: 100%;
    margin-bottom: 60px;
}

.news-detail-inner p {
    color: #000;
}

.news-detail-inner img {
    margin-bottom: 40px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.related-news-detail-section {
    width: 100%;
    padding: 60px 0 80px;
    border-top: solid 1px #ECECEC;
    overflow: hidden;
}

.related-news-carousel {
    margin-top: 25px;
}

.news-detail-share-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 30px;
}

.news-detail-author {
    width: 40%;
    min-height: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;

}

.author-img {
    width: 80px;
    position: absolute;
    left: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}


.author-text {
    padding-left: 100px;
}

.news-detail-share {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
}

.news-detail-share label {
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    margin-right: 10px;
}

.news-detail-share ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
}

.news-detail-share ul li a {
    font-size: 18px;
    color: #000;
}

.news-detail-share ul li a:hover {
    color: #006BE7;
}

.career-details-wrap {
    width: 100%;
    padding: 80px 0 100px;
}

.career-details-title {
    width: 100%;
    text-align: center;
    padding-bottom: 120px;
}

.career-details-title p {
    margin-bottom: 0px;
    color: #000;
}

.career-details-title .second-title {
    margin-bottom: 10px;
}

.career-details-title ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    justify-content: center;
}

.career-details-title ul li::after {
    content: "";
}

.career-details-content {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.career-details-content-left {
    width: 60%;
    padding-right: 80px;
    border-right: 1px solid #d5d5d5;
}

.career-detail-box {
    margin-bottom: 40px;
}

.career-detail-box h3 {
    font-size: 32px;
    line-height: 30px;
    margin-bottom: 25px;
    font-weight: 400;
}

.career-detail-box ul li {
    padding-left: 25px;
    line-height: 25px;
    margin-bottom: 20px;
    background-image: url(../images/list-icon.png);
    background-position: left top 5px;
    background-repeat: no-repeat;
}

.career-details-content-right {
    width: 40%;
    padding-left: 80px;
}

.career-form-wrap {
    width: 100%;
    padding: 80px 0;
    overflow: hidden;
    background-color: #F7F7F7;
}

.career-form-wrap .second-title {
    text-align: center;
}

.career-form-inner {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    margin-top: 50px;
}


.career-form-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.career-form-main li {
    width: 49%;
    margin-bottom: 15px;
}

.career-form-main li.full-width {
    width: 100%;
    position: relative;
}

.career-form-main input {
    width: 100%;
    height: 50px;
    padding: 0px 20px;
    font-size: 14px;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    line-height: 50px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
}

.file-upload-wrapper:before {
    content: "Browse";
    position: absolute;
    top: 0;
    right: 0;
    width: 135px;
    text-align: center;
    display: inline-block;
    height: 50px;
    background: #006BE7;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    z-index: 25;
    font-size: 14px;
    line-height: 51px;
    padding: 0 15px;
    pointer-events: none;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.file-upload-wrapper:hover:before {
    background-color: #464646;
}

.career-form-main .banner-btn.blue-btn {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

.resource-list-wrap {
    width: 100%;
    padding: 70px 0 150px;
}

.resource-list-wrap .second-title {
    text-align: center;
    color: #373737;
}

.resource-list-wrap ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
    row-gap: 50px;
}

.resource-list-wrap ul li {
    text-align: center;
    width: 100%;
    min-height: 400px;
}

.download-center-wrapper {
    width: 100%;
    padding: 80px 0 100px;
}

.download-center-wrapper .global-location-title .second-title {
    margin-bottom: 20px;
}

.download-center-inner {
    margin-top: 40px;
}

.download-center-inner ul {
    margin-left: -1%;
    margin-right: -1%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}

.download-center-inner ul li a {
    padding: 15px 50px;
    display: block;
}

.download-center-inner ul li p {
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    color: #006BE7;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

.dark-bg {
    background-color: #F7F7F7;
}

.download-center-inner ul li {
    background-position: left 50px top 0px;
    margin-left: 1%;
    margin-right: 1%;
    width: 31.3%;
    border: 1px solid #006BE7;
    background-color: #fff;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

.download-center-inner ul li:hover {
    background-color: #006BE7;
}

.download-center-inner ul li:hover p {
    color: #fff;
}

.download-center-inner ul li:hover .download-icon {
    background-image: url(../images/book-white-icon.png);
}


.download-icon {
    min-height: 62px;
    background-image: url(../images/book-icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 60px;
    display: flex;
    align-items: center;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.page-template-page-contact .header {
    position: static;
    background: linear-gradient(180deg, rgba(6, 55, 112, 0.50) 8.85%, rgba(0, 107, 231, 0.00) 31.88%), linear-gradient(0deg, #0451A9 0%, #0451A9 100%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.page-template-page-contact .header.header-sticky {
    position: fixed;
}

.contact-page-form {
    width: 100%;
    padding: 80px 0 110px;
}

.contact-page-form .second-title {
    color: #000;
}

.contact-mail {
    margin-top: 35px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.mail-icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    background-color: #006BE7;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 10px;
}

.contact-social {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #CCCCCC;
}

.contact-social h3 {
    font-size: 25px;
    line-height: 28px;
    color: #353A3F;
    font-weight: 500;
}

.contact-social ul {
    margin-top: 20px;
    display: flex;
    column-gap: 15px;
}

.contact-social ul li {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #DCDCDC;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-social ul li:hover {
    background-color: #353A3F;

}

.contact-social ul li:hover a {
    color: #fff;
}

.contact-social ul li a {
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #006BE7;
}



.contact-form-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.contact-form-main li {
    width: 49%;
    margin-bottom: 20px;
}

.contact-form-main li:last-child {
    margin-bottom: 0px;
}

.contact-form-main li.full-width {
    width: 100%;
    position: relative;
}

.contact-form-main input {
    width: 100%;
    height: 50px;
    padding: 0px 20px;
    font-size: 14px;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    line-height: 50px;
    border-radius: 0;
    border: 1px solid #888888;
    background-color: #fff;
}


.contact-form-main .banner-btn.blue-btn {
    display: block;
    min-width: 140px;
    margin-top: 10px;
}

.contact-form-main .nice-select {
    width: 100%;
    max-width: inherit;
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
    border-radius: 0;
    border: 1px solid #888888;
}

.contact-form-main textarea {
    width: 100%;
    max-width: inherit;
    height: 250px;
    line-height: 25px;
    padding: 0px 20px;
    border-radius: 0;
    border: 1px solid #888888;
}

.contact-form-main .nice-select .option {
    font-weight: bold;
    width: 100%;
    margin-bottom: 0;
    font-weight: 400;
}

.contact-form-main .nice-select .list {
    border-radius: 0;
}

.contact-form-main li label {
    width: 100%;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
    color: #11142D;
    display: block;
}

.global-location-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 60px;
}

.global-location-nav {
    width: 30%;
    height: auto;
    padding: 55px 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color: #006BE7;
}

.search-main {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border: none;
    background-color: #fff;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.global-nav li {
    width: 100%;
    height: auto;
    border: none;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border-bottom: 1px solid #72AAEC;
    background: #006BE7;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.global-nav li:hover {
    background-color: #464646;
}

.global-nav li a {
    display: block;
    line-height: 24px;
    padding: 15px 30px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
}

.global-nav li a:hover {
    padding: 15px 20px;
}

.global-map {
    width: 55%;
    margin-left: 10%;
    position: relative;
}

.global-map img {
    width: 100%;
}

.menu-ul li .sub-menu.mega-menu {
    min-width: 1520px;
    left: -724px;
    padding: 70px 60px;
    display: flex;
    flex-wrap: wrap;
    background-image: url(../images/nav-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.menu-ul li .sub-menu.mega-menu ul {
    width: 26%;
    border-right: 1px solid #006BE7;
    margin-right: 4%;
}

.menu-ul li .sub-menu.mega-menu ul:last-child {
    border-right: none;
}

.menu-ul li .sub-menu.mega-menu ul li {
    text-align: left;
    border-bottom: none;
}


.menu-ul li .sub-menu.mega-menu ul li:first-child a {
    font-size: 20px;
    color: #006BE7;
    font-weight: 500;
    padding: 0px 0 15px;
}

.menu-ul li .sub-menu.mega-menu ul li:first-child a:hover {
    color: #000000;
}

.menu-ul li .sub-menu.mega-menu ul li a {
    text-align: left;
    border-bottom: none;
    padding: 5px 0;
    font-size: 18px;
    color: #000000;
}

.menu-ul li .sub-menu.mega-menu ul li a:hover {
    color: #006BE7;
}

.global-point {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #78B6FF;
    position: absolute;
    top: 52%;
    left: 55%;
    cursor: pointer;
}

.global-point.second {
    top: 41%;
    left: 56%;
}

.global-point.third {
    top: 49%;
    left: 58%;
}

.global-point.fourth {
    top: 42.5%;
    left: 58%;
}

.global-point.fifth {
    top: 45%;
    left: 59.5%;
}

.global-point.sixth {
    top: 48.2%;
    left: 60%;
}

.global-point.seventh {
    top: 51%;
    left: 61.8%;
}

.global-point.eight {
    top: 53.2%;
    left: 61%;
}

.global-point.ninth {
    top: 45.2%;
    left: 63%;
}

.global-point.tenth {
    top: 49.2%;
    left: 68%;
}

.global-point.eleventh {
    top: 60%;
    left: 68.9%;
}

.global-point.twelveth {
    top: 52%;
    left: 74%;
}

.global-point.thirteenth {
    top: 35%;
    left: 76%;
}

.global-point.fourteenth {
    top: 27%;
    left: 76%;
}

.global-point.fifteenth {
    top: 29%;
    left: 69%;
}

.global-point.sixteenth {
    top: 23%;
    left: 69%;
}

.global-name {
    min-width: 135px;
    padding: 10px 10px;
    font-size: 15px;
    background-color: #fff;
    color: #006BE7;
    border-radius: 15px;
    text-align: center;
    border: 2px solid #006BE7;
    z-index: 2;
    position: absolute;
    bottom: -10px;
    left: -65px;
    opacity: 0;
    display: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.global-point:hover .global-name {
    opacity: 1;
    display: block;
    bottom: 17px;

}

.global-name::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    position: absolute;
    bottom: -8px;
    left: calc(50% - 8px);
    z-index: 2;

}

.global-name::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #006BE7;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 10px);
    z-index: 1;
}

.recognition_popup.fancybox__content {
    width: 100%;
    max-width: 1200px;
    padding: 90px;

}

.recognition_popup.fancybox__content .carousel__button svg {
    width: 15px;
}

.recognition_popup.fancybox__content>.carousel__button.is-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #fff;
    color: #4E4E4E;
    border: 1px solid #4E4E4E;
    font-size: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.recognition_popup.fancybox__content>.carousel__button.is-close:hover {
    background-color: #4E4E4E;
    color: #fff;
    border: 1px solid #4E4E4E;
}

.recognition_popup_main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.recognition_popup_left {
    width: 40%;
    padding: 40px;
    background-color: #F2F2F2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recognition_popup_left img {
    mix-blend-mode: darken;
}

.recognition_popup_right {
    width: 60%;
    padding-left: 60px;
}

.recognition_popup_right h3 {
    font-size: 35px;
    line-height: 42px;
    font-weight: 500;
    color: #1A1C1E;
    margin-bottom: 15px;
}

.recognition_popup_right p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    color: #1A1C1E;
}



.team_popup_main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}



.team_popup_left {
    width: 40%;
    background-color: #F2F2F2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team_popup_left img {
    width: 100%;
}

.team_popup_right {
    width: 60%;
    padding-left: 60px;
}

.team_popup_right .second-title {
    text-transform: uppercase;
    margin-bottom: 0px;
    font-weight: 500;
    color: #1A1C1E;
}

.team_popup_right p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    color: #1A1C1E;
}

.team_popup_right h4 {
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 15px;
}

.team_popup_right .team-social {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 10px;
}

.team_popup_right .team-social a {
    background-color: #0451A9;
}

.hme-news-section .banner-btn {
    margin: 0 auto;
    margin-top: 60px;
    display: block;
    width: max-content;
}

.banner-overlay {
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(180deg, rgb(0 76 165 / 36%) 18.51%, rgba(4, 81, 169, 0.30) 100%),
        linear-gradient(180deg, rgba(6, 55, 112, 0.50) 8.85%, rgb(0 107 231 / 11%) 31.88%);
}

.search-btn.active .icon-search:before {
    content: "\e931" !important;
}

.error-404 .banner-btn {
    margin-top: 30px;
}

.team-popup {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    display: flex;
    align-items: center;
    z-index: 99;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team-main-box:hover .team-popup {
    top: 0;
}

.news-list-top {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 100px;
}

.news-list-top ul {
    display: flex;
    flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 20px;
}

.news-list-top ul li {
    width: 100%;
}

.news-list-top-left {
    width: 74%;
}

.news-list-top-right {
    width: 24%;
    margin-left: 2%;
}

.news-list-top-left .news-list-box-content span {
    font-size: 18px;
}

.news-list-top-left .news-list-box-content h4 {
    font-size: 24px;
}

.news-detail-inner-second {
    width: 100%;
    margin-bottom: 40px;
}

.news-detail-inner-second h4 {
    font-size: 27px;
    line-height: 30px;
    font-weight: 500;

}

.news-detail-inner-second-inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.news-detail-inner-second-img {
    width: 50%;
}

.news-detail-inner-second-img img {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.news-detail-inner-second-text {
    width: 50%;
    padding-left: 30px;
}

.news-sort {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.news-sort label {
    font-size: 14px;
    line-height: 20px;
    color: #848484;
    padding-right: 10px;
}

/* for news and careers  */
.no-vecancies-container {
    text-align: center;
    padding: 30px 20px;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 30px;
    background: #f3f3f3;
}

.form-inline.subscription {
    width: 100%;
}

.newsletter-msg.newsletter-success {
    color: #00f300;
    margin-top: 5px;
}

.search-noresult-inner .search-form {
    display: none;
}

/*----mapplic plugin----*/
.mapplic-icon.mapplic-icon-magnifier {
    display: none;
}

.mapplic-filter {
    padding: 0px !important;
    margin-top: 0px !important;
}

.mapplic-filter .mapplic-search-input {
    width: 100%;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 20px !important;
    background: #fff !important;
    color: #000 !important;
    border-radius: 30px;
    font-size: 14px !important;
}

.mapplic-search-clear .mapplic-icon {
    fill: #000;
}

.mapplic-icon.mapplic-icon-cross {
    margin-top: -18px;
}

.mapplic-filter .mapplic-search-input::placeholder {
    color: #000;
}

.mapplic-list-category>a {
    display: block !important;
    border-radius: 0px !important;
    padding: 12px 30px !important;
    font-weight: 400;
    color: #fff !important;
    text-transform: uppercase;
    margin: 0px !important;
    background-color: transparent !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

.mapplic-list-category>a:hover {
    background-color: transparent !important;
}

.mapplic-list-category {
    width: 100%;
    height: auto;
    border: none;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 0px !important;
    border-bottom: 1px solid #72AAEC;
    background: #006BE7;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.mapplic-sidebar {
    padding: 55px 40px 55px !important;
    background: #006BE7;
    border-radius: 40px;
    overflow: hidden;
}

.mapplic-list-container,
.mapplic-filter {
    box-shadow: none !important;
}

.mapplic-thumbnail {
    display: none;
}

.mapplic-list-category a h4 {
    font-weight: 400;
    font-size: 16px;
    margin-top: 0px;
}

.mapplic-list-category:hover {
    background-color: #464646;
}

.mapplic-list-category:hover a {
    padding: 12px 20px !important;
}

.mapplic-list-container {
    max-height: 480px !important;
}

.mapplic-list-container:before {
    z-index: 1 !important;
}

h2.screen-reader-text,
div.nav-links a.prev,
div.nav-links a.next {
    display: none;
}

div.nav-links {
    display: flex;
}

.page-numbers {
    margin: 0 5px;
}

.grid-view {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}

.grid-view p {
    width: 23%;
    display: block;
    margin: 0 1%;
}

.grid-view p img {
    width: 100%;
    margin-bottom: 15px;
}

.left-align {
    display: flex;
    flex-wrap: wrap;
}

.right-align {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.right-align .sec-img {
    margin-right: 0;
    margin-left: 4%;
}

.sec-img {
    width: 28%;
    margin-right: 4%;
}

.sec-text {
    width: 68%;
}

.news-img-carousel .owl-dots {
    position: absolute;
    left: auto;
    right: auto;
    margin: 0 auto;
    bottom: 15px;
    text-align: center;
    width: 100%;
}

.news-img-carousel .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    margin: 0px 4px;
    border-radius: 100%;
    background-color: #fff;
}

.news-list-box-img:hover .news-img-carousel img {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
}


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

.core-value-page li {
    list-style: disc;
}

.core-value-page li:not(:first-child) {
    margin-top: 12px;
}

.core-value-page img {
    margin: 30px auto;
    display: block;
}

.next-gallery{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
    margin-top:30px;
}

.news-detail-inner .next-gallery img{
    margin: 0;
}

@media (max-width: 860px) {
    .next-gallery{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 580px) {
    .next-gallery{
        grid-template-columns: repeat(1, 1fr);
    }
}