@font-face {

    font-family: "GE SS Two Light";

    src: url('fonts/GE-SS-Two-Light.otf') format("opentype");

}

@font-face {
    font-family: "ArabicFont";
    src: url('fonts/GE-SS-Two-Light.otf') format("opentype");
    /* unicode-range: U+0030-0039, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; */
    unicode-range: U+0030-0039, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}


@font-face {
    font-family: "ArabicFont";
    src: url('fonts/GE-SS-Two-Light.otf') format("opentype");
    unicode-range: U+0030-0039, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
    font-weight: 300;
}

@font-face {
    font-family: "ArabicFont";
    src: url('fonts/GE-SS-Two-Medium.otf') format("opentype");
    unicode-range: U+0030-0039, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
    font-weight: 500;
}

@font-face {
    font-family: "ArabicFont";
    src: url('fonts/GE-SS-Two-Bold.otf') format("opentype");
    unicode-range: U+0030-0039, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
    font-weight: 700;
}

@font-face {
    font-family: "EnglishFont";
    src: url('fonts/SuisseIntl-Regular.woff') format("woff");
    unicode-range: U+0041-007A, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}

@font-face {
    font-family: "EnglishFontBold";
    src: url('fonts/SuisseIntl-SemiBold.woff') format("woff");
    unicode-range: U+0041-007A, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
    font-weight: bold;
}

body {
    direction: rtl;
    text-align: right;
    font-family: "ArabicFont", "EnglishFont", sans-serif;
    overflow-x: hidden;
    font-size: 1rem;
    color: #000;
    max-width: 1440px;
    margin: auto;
}

/* للنصوص الإنجليزية التي تحتاج خط عريض */
strong,
b {
    font-family: "EnglishFontBold", sans-serif;
}

html {

    scroll-behavior: smooth;

}


.heading-theme-en{
    font-family: "EnglishFont";
}




.heading-style {



    font-family: "ArabicFont", "EnglishFont";



    color: #000;



}



h1,
h2,
h3,
h4,
h5,
h6 {



    font-family: "ArabicFont", "EnglishFont";



}



h1 {



    font-size: 2rem;



}



h2 {



    margin-bottom: 20px;



    font-size: 1.8rem;



}



h3 {



    margin-bottom: 10px;



    font-size: 1.4rem;



}



h4 {



    margin-bottom: 10px;



    font-size: 1.2rem;



}

ul {

    list-style: none !important;

    padding: 0px;

    display: flex;

}

.nav-lang li {

    margin-right: 10px;

}

small {



    font-size: 70%;



}



.img-responsive {



    width: 100%;



}

a:hover {

    color: #e00800;

}

.wrapper-container {



    overflow: hidden;



}



.heading-theme {

    color: #E00800;

}

.top-header {

    padding: 10px 30px;

}

.wrapper-body {

    position: relative;

    /*margin-top: 5%;*/

}

.top-banner-text {

    position: absolute;

    right: 40%;

    top: 10%;

}

.btn-black {

    background: #333;

    color: #fff;

}



.btn-white {

    background: #fff;

    color: #E00800;

    border: 2px solid #E00800;

}



.btn-theme {

    background: #E00800;

    color: #fff;

}



.btn-black-border {

    border: 3px solid #000;

}



.btn.btn-black-border:hover {

    background-color: #000;

    color: #fff;

}



.btn-rounded {

    border-radius: 30px;

    padding: 10px 13px;

}

.btn-locate {

    width: 200px;

    margin-top: 10px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.btn-locate:hover {

    background-color: #000;

    color: #fff;

}

.rounded {

    border-radius: 20px !important;

}

.bg-white {

    background-color: #fff;

}

a {

    color: #000;

}

.top-header ul li {

    margin-left: 20px;

}



.border-theme {



    border: 2px solid #E00800;



    padding: 20px;



}



.gradient-bkg {



    background: linear-gradient(to left, #000000, #E00800);



}

.border-white {

    border: 2px solid #fff;

}



.bg-black {

    background-color: #000;

}

/* Header */



.active-lang {

    display: inline-flex;

    align-items: center;

}



.btn-quote {



    border: 2px solid #fff;



    border-radius: 30px;



    text-transform: uppercase;



    font-weight: 500;



    margin-top: 5px;



}

.btn-app-download {

    border: 2px solid #000;

    border-radius: 30px;

    padding: 5px 10px;

    font-weight: 600;

}

.btn-app-download:hover {

    background-color: #000;

    color: #fff;

}

.text-dark {

    color: #171A20 !important;

}

.cg-consumer,
.cg-business {
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 13px;
}

/* Header */



.bolt-icon img {

    height: 24px;

    width: 24px;

}

.top-header>.row {

    align-items: center;

}



.menu-items ul {

    margin-bottom: 0px;

    display: inline-flex;

    flex-direction: row;

    align-items: center;

}

.cg-main-menu {

    margin: auto;

}

.cg-header {

    position: fixed;

    z-index: 9999999;

    width: 100%;

    max-width: 1440px;

    font-weight: 600;

    background: rgba(255, 255, 255, 0.8);

}

#banner-video {

    width: 100vw;

    height: 100vh;

    object-fit: none;

}

.cg-header a {

    font-size: 0.9rem;

    display: inline-block;

}



.nav-lang {

    display: flex;

    justify-content: flex-end;

}

.nav-lang .btn.btn-app-download {

    margin-right: 20px;

}

.cg-top-menu a.active:hover {

    opacity: 0.5;

    text-decoration: none;

    color: #fff;

}

.cg-main-menu li a {
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 16px;
}

.cg-main-menu li.active a {

    font-weight: 500;

    color: #E00800;

}
.active-lang a {
    font-weight: 300;
    line-height: 15px;
}
.nav-lang .btn.btn-app-download {
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
}
.btn-app-download {
    padding-top: 2px;
}
.cg-top-menu ul {

    display: inline-flex;

    align-items: center;

    margin-right: 20px;

}

/* Home page - News Section */



.news-section .cg-news {

    position: relative;

    margin-bottom: 15px;

    cursor: pointer;

}



span.featured-tag {

    position: absolute;

    top: 24px;

    right: 40px;

    background: #fff;

    padding: 5px 10px;

    border-radius: 20px;

    z-index: 99;

    color: #e00800;

    text-transform: uppercase;

    font-size: 0.7rem;

    font-weight: 600;

}



.cg-news-wrapper .cg-news img {

    border-radius: 20px 20px 10px 10px;

    max-width: 100%;

    width: 100%;

    height: auto;

}

.cg-news-wrapper .cg-news:after {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    border-radius: 20px 20px 10px 10px;

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4538) 100%);
    /* W3C */

    height: calc(100%);
    ;

    width: 100%;

}

.news-overlay-text {

    position: absolute;

    z-index: 9999;

    bottom: 0;

    color: #fff;

    padding: 10px 20px;

}

.homepage .news-section {

    padding: 30px;

}

p.news-creation-date {

    font-size: 0.8rem;

    margin-bottom: 5px;

    margin-top: 30px;

}

.homepage .news-title {

    color: #fff;

    font-size: 0.7rem;

}



.news-section .section-head {

    position: relative;

    margin-bottom: 20px;

}



.more-article,

.events-section .more-events {

    position: absolute;

    bottom: 5px;

    left: 20px;

    color: #e00800;

    font-weight: 600;

}



.news-section .more-article:after,

.events-section .more-events:after {

    content: "\f061";

    color: #E00800;

    width: 10px;

    height: 10px;

    display: inline-block;

    font: normal normal normal 14px / 1 FontAwesome;

    margin-right: 10px;

}

.news-section .more-article:hover {

    color: #E00800;

}

.section-head-caption {

    width: 45%;

}

/* FOOTER */

.footer a {

    color: #fff;

}



.app-download {

    background-color: #E5E5E5;

}



.download-app-img img {

    width: 100%;

    padding-left: 50px;

    padding-top: 40px;

}

.download-app-txt,

.cg-map-txt {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding-right: 60px;

}

.download-app-txt {

    padding-right: 90px;

}

.cg-map-txt h2 {

    margin-bottom: 30px;

}

.bg-map {

    background-image: url('../images/footer-bkg.png');

    background-repeat: no-repeat;

    background-size: cover;

    background-color: #000;

}

.footer-links .footer-menu {

    flex-direction: column;

}

.footer-links .footer-menu .nav-link {

    padding: 5px 0px;

}

.footer-links .footer-menu .nav-link:hover {

    text-decoration: underline;

}

.footer-title {

    color: #fff;

    margin-top: 20px;

}

.social-media .footer-menu {

    justify-content: space-between;

}

.connect-with-us {

    color: #fff;

    height: 600px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.connect-with-us p {

    font-size: 0.7rem;

    margin-top: 10px;

}

.connect-with-us a {

    width: 250px;

    margin-top: 30px;

    font-weight: 600;

}



.connect-with-us a:hover {

    background: #fff;

    color: #000
}

/* Home page: Map*/

.cg-map-img img {

    border-top-right-radius: 20px;

    border-bottom-right-radius: 20px;

}

/* Home page: How to Charge */

.how-to-charge {

    padding: 30px;

}

.h-title span {

    font-size: 3rem;

}

.find-charger {

    position: absolute;

    bottom: 30px;

    z-index: 999;

    right: 15px;

    color: #fff;

    padding: 0 30px;

}

.how-to-charge .btn {

    font-size: 0.8rem;

}

.btn-bolt-icon {

    width: 30px;

    height: 30px;

    background-color: #000;

    border-radius: 50%;

    display: inline-block;

    padding: 5px;

    vertical-align: middle;

}

.btn-bolt-icon i {

    background-image: url(../images/white-bolt-icon.svg);

    width: 10px;

    height: 20px;

    display: inline-block;

    margin-right: 5px;

}

.cg-charge .find-charger,

.cg-and-go .find-charger {

    top: 30px;

    bottom: unset;

}

.find-charger .btn {

    position: relative;

    width: 33%;

    text-align: right;

}

.find-charger .btn .btn-text-locate {

    position: absolute;

    left: 15px;

    top: 10px;

}

.find-charger .btn .btn-bolt-icon {

    transform: translateX(0);

    transition: transform 1s ease;

}

.find-charger .btn:hover {

    background: #E00800 !important;

    color: #fff;

}

.find-charger .btn:hover .btn-bolt-icon {

    transform: translateX(calc(-1*(190px - 100%)));

}

.charge-bt .btn:hover .btn-bolt-icon {

    transform: translateX(calc(-1*(120px - 100%)));

}

.find-charger .btn:hover .btn-text-locate {

    font-weight: 600;

    right: 15px;

    transition: right 1s linear;

}

.about-txt {

    position: absolute;

    z-index: 999;

    display: flex;

    flex-direction: column;

    justify-content: center;

    top: 55%;

    right: 60px;

    width: 55%;

    font-size: 0.9rem;

}

.about-txt p {

    width: 80%;

}

.about-chargeandgo img {

    border-top-left-radius: 45px;

    border-bottom-left-radius: 45px;

}

.about-btn-section {

    display: flex;

}

.about-btn-section a {

    width: 180px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 0.9rem;

    border: 3px solid #191515;

}

.about-btn-section a:hover {

    background-color: #191515;

    color: #fff;

}

.about-txt img {

    width: 50%;

    margin-bottom: 30px;

}

.values-title {

    text-transform: uppercase;

    font-weight: 600;

}

.cg-values {

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.cg-values ul {

    flex-direction: column;

    width: 80%;

    font-size: 0.9rem;

}

.cg-values ul li:not(:last-child) {

    margin-bottom: 45px;

}

.cg-values ul li p {

    margin-bottom: 5px;

    font-size: 0.8rem;

}



/* Carousel css */

.news-section .carousel-accordion.owl-carousel {

    max-width: 80%;

    margin: 3vh auto;

}

.news-section .carousel-accordion.owl-carousel .owl-stage {

    display: flex;

}



.news-section .carousel-accordion.owl-carousel {

    padding-right: 20px;

    padding-left: 20px;

}

.news-section .carousel-accordion .owl-item a {

    text-decoration: none;

    color: inherit;

}



.news-section .carousel-accordion .accordion_li .bg-image {

    height: 70vh;

    display: flex;

    max-height: 400px;

    width: 30%;

    position: relative;

    overflow: hidden;

    border-radius: 1rem;

}



.news-section .carousel-accordion .accordion_li img {

    /* aspect-ratio: 1;

	width: 100%;

	height: 100%; */

    position: absolute;

    top: 50%;

    right: 50%;

    width: inherit;

    transform: translate(50%, -50%);

    object-fit: cover;

    border-radius: 20px;

    height: 300px;

}



.homepage .news-section img {

    border-radius: 20px 20px 10px 10px;

    width: calc(100%);

    height: auto;

}



.homepage .news-section .bg-image:after {

    position: absolute;

    content: "";

    width: calc(100% - 30px);

    height: calc(100%);

    top: 0;

    right: 15;

    border-radius: 20px 20px 10px 10px;

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* W3C */

}



.cg-animate-90 {

    transition: all 3s;

    transform: rotate(90deg);

}

.cg-animate-0 {

    transition: all 3s;

    transform: rotate(0deg);

    right: 15px;

    top: 60%;

}



@media (min-width: 1200px) {

    .news-section .carousel-accordion {

        padding: 0 30px;

    }

    .news-section .carousel-accordion .owl-item {

        padding: 0 var(--xspace);

    }



    .news-section .carousel-accordion .accordion_li .bg-image {

        max-height: 700px;

        width: unset;

    }



    .news-section .carousel-accordion .accordion_li {

        width: calc((((var(--vw-width)) - (var(--xspace) * 2)) / 5));

    }

}



/* owl nav show on  more than  5 slide on desktop */



.news-section .owl-carousel .owl-nav {

    text-align: center;

}



.news-section .owl-carousel .owl-nav button.owl-prev {

    width: 15px;

    height: 100px;

    position: absolute;

    top: 40%;

    margin-right: -40px;

    display: block !important;

    border: 0px solid black;

}



.news-section .owl-carousel .owl-nav button.owl-prev:focus {

    outline: 0;

}



.news-section .owl-carousel .owl-nav button.owl-next .angle-right,

.news-section .owl-carousel .owl-nav button.owl-prev .angle-left {

    height: 30px;

    width: 30px;

    border-radius: 10px;

    background: #000 url(https://png.pngtree.com/element_our/20190601/ourlarge/pngtree-white-direction-arrow-right-icon-image_1338652.jpg) no-repeat center;

    background-size: 10px auto;

    display: block;

}



.news-section .owl-carousel .owl-nav button.owl-prev .angle-right.angle-left {

    rotate: 180deg;

}



.news-section .owl-carousel .owl-nav button.owl-prev .angle-left.angle-left {

    rotate: 180deg;

}



.news-section .owl-carousel .owl-nav button.owl-next {

    width: 15px;

    height: 100px;

    position: absolute;

    top: 40%;

    left: -25px;

    display: block !important;

    border: 0px solid black;

}



.news-section .owl-carousel .owl-nav button.owl-next:focus {

    outline: 0;

}

/* Contact us */

.contact-info {

    position: absolute;

    top: 20%;

    z-index: 999;

    margin: auto;

}

.contact-info p {

    width: 90%;

}

.contact-info .social-media li {

    margin-left: 30px;

}

.form-control {

    font-size: 0.8rem;

}

.form-row .form-group {

    width: 48%;

    display: inline-block;

}

.contact-form {

    background-color: rgba(255, 255, 255, 0.5);

    padding: 30px;

    border-radius: 20px;

    backdrop-filter: blur(10px);

}

.contact-form .form-control {

    border-radius: 30px;

}

.contact-form textarea.form-control {

    border-radius: 8px;

}

.contact-txt {

    display: flex;

    flex-direction: column;

    padding-right: 45px !important;

    padding-top: 8%;

    font-size: 0.8rem;

}

.contact-txt h2 {

    margin-top: 45px;

}

.connect-with-us-txt {

    font-size: 0.8rem;

}

.btn-submit {

    font-size: 0.8rem;

    width: 150px;

    float: left;

}

.btn-submit i {

    margin-right: 10px;

}



/* ABout us page */



.about-us-banner-slider .accordion_li {

    transform: translate3d(0, 0, 0);

    margin-top: 50px;

    margin-bottom: 25px;

}

.about-us-banner-slider .accordion_li img {

    -webkit-transition: 0.3s;

    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

    -o-transition: 0.3s;

    transition: 0.3s;

    -webkit-transform: scale(0.80);

    -ms-transform: scale(0.80);

    transform: scale(0.80);

}

.about-us-banner-slider .owl-carousel.owl-drag .owl-item {

    -webkit-transform: scale(0.9) !important;

    -ms-transform: scale(0.9) !important;

    transform: scale(0.9) !important;

}

.about-us-banner-slider .owl-item.active.center {

    -webkit-transform: scale(1.2, 1.1) !important;

    -ms-transform: scale(1.2, 1.1) !important;

    transform: scale(1.2, 1.1) !important;

}



.about-us-banner-slider .owl-nav {

    text-align: center;

}



.about-us-banner-slider .owl-nav button {

    font-size: 24px !important;

    margin: 10px;

    color: #033aff !important;

}



.about-us-banner-slider .owl-item {

    position: relative;

}

.about-us-banner-slider .owl-item img {

    border-radius: 20px;

}



.about-us-banner-slider .owl-item .charger-details-overlay-txt {

    position: absolute;

    top: 30%;

    color: #fff;

    display: flex;

    flex-direction: column;

    justify-content: center;

    right: 15%;

    width: 25%;

    font-size: 0.7rem;

    z-index: 99;

}

@media (max-width: 992px){

	.about-us-banner-slider .owl-item .charger-details-overlay-txt {
		top: 15%;
	}

}
#aboutus-video {

    width: 100%;

    height: 563px;

    object-fit: cover;

    border-radius: 20px;

}

.aboutus-logo img {

    width: 80%;

    padding: 10px;

}

.aboutus-logo {

    padding: 10px;

    background: rgba(233, 233, 233, 0.5);

    backdrop-filter: blur(10px);

    border-radius: 20px;

    position: absolute;

    bottom: -40px;

    right: 45px;

    display: flex;

    justify-content: center;

}



/* Mission & Vision*/

.mission-vision {

    margin-top: 85px;

    position: relative;

}



.cg-mission,
.cg-vision {

    padding-right: 60px;

}

.cg-mission p,
.cg-vision p {

    width: 80%;

}

.mission-vision hr {

    transform: rotate(-90deg);

    width: 140px;

    background-color: #d9d9d9;

    position: absolute;

    right: 40%;

    top: 70px;

}

/* About Charge&go */

.about-cg {

    display: flex;

    flex-direction: row-reverse;

}

.about-us-detail {

    display: block;

    width: auto;

    position: relative;

    padding: 45px;

}

.aboutus-consumer .about-us-detail {

    background: url('../images/bolt-bkg.png') no-repeat;

    background-size: contain;

}

.business-page .about-us-detail {

    background: url('../images/bolt-bkg-business.png') no-repeat;

    background-size: auto;

    background-size: contain;

    background-position-y: 30px;

}

.cg-box {

    background: #E00800;

    margin-top: 30px;

    width: 75%;

    height: 500px;

    position: relative;

    border-radius: 20px;

    display: flex;

    align-items: center;

    justify-content: end;

    padding: 30px;

}

.cg-box img {

    position: absolute;

    display: flex;

    z-index: 99;

    width: 60%;

    right: 25%;

}

.business-services .cg-box img {

    width: 75%;

}

.business-models {

    padding: 30px;

    height: 570px;

}

/* About us- Values */

.values-title {

    text-transform: uppercase;

}

.aboutus-detail-txt {

    background-color: rgba(233, 233, 233, 0.7);

    padding: 30px;

    border-radius: 20px;

    width: 35%;

    font-size: 0.8rem;

    /* min-height: 320px; */

    position: absolute;

    right: 20px;

    top: 20%;

    z-index: 999;

    backdrop-filter: blur(10px);

}

.aboutus-values {

    width: 20%;

    padding: 10px;

    font-size: 0.8rem;

}

.aboutus-values h5 {

    text-transform: uppercase;

}

/*About us - Team Members */

.team-member-slider {

    position: relative;

    padding-top: 10px;

    padding-bottom: 30px;

}

.team-member-slider .owl-item img {

    height: auto;

    border-radius: 10px;

}

.team-member-slider .owl-nav button {

    width: 40px;

    height: 40px;

    border-radius: 30px;

    background: #e00800 !important;

}



.team-member-slider .owl-nav button:focus,

.team-member-slider .owl-nav button:active {

    outline: none;

}

.team-member-slider .owl-nav i {

    color: #fff;

    font-size: 1rem;

}

.team-member-slider .owl-prev.disabled,

.team-member-slider .owl-next.disabled {

    background: #fff !important;

    border: 1px solid #bcbcbc !important;

}

.team-member-slider .owl-prev.disabled i,

.team-member-slider .owl-next.disabled i {

    color: #bcbcbc;

}



.team-member-slider .owl-prev,
.owl-next {

    position: absolute;

    top: -45px;



}

.team-member-slider .owl-prev {

    left: 60px;

}

.team-member-slider .owl-next {

    left: 0px;

}



.team-member-slider .accordion_li {

    position: relative;

}



.member-details {

    position: absolute;

    right: 15px;

    bottom: 10px;

    background-color: transparent;

    border-radius: 10px;

    backdrop-filter: blur(4.4px);

    color: #fff;

    padding: 10px;

    font-size: 0.8rem;

    width: 90%;

    text-align: center;

}

.member-details .member-title {

    font-size: 1rem;

    font-weight: 600;

    margin-bottom: 5px;

}

.owl-dots {

    text-align: center;

}

.owl-dots button:focus-visible {

    outline: none;

}

.owl-dot span {

    background-color: #626262;

    width: 10px;

    height: 10px;

    margin-left: 5px;

    border-radius: 10px;

    display: block;

}

.owl-dot.active span {

    background-color: #e00800;

}

/* Map */

.locate-charger {

    margin: 75px 30px;

    border-radius: 20px;

    width: 95% !important;

}

/* Business */

.banner-text {

    position: absolute;

    bottom: 80px;

    right: 60px;

    z-index: 999;

    display: flex;

    flex-direction: column;

}

.banner-text p {

    font-size: 0.8rem;

    margin-top: 10px;

}

.partner-section-txt {

    margin: auto;

}



.supplier-images {

    display: flex;

    flex-direction: column;

    align-items: center;

}

.supplier-images,

.partner-images {

    background-color: #f4f4f4;

    border-radius: 20px;

    padding: 30px;

    height: 91%;

}

.supplier-images img {

    margin-top: 40px;

    width: 60%;

}

.partner-images img {

    width: 50%;

}

.partner-images {

    display: grid;

    grid-template-columns: auto auto auto;

}

/* Services */

.business-services {

    margin-top: 5%;

    background: url('../images/services-bkg.png') no-repeat;

    background-position-y: 200px;

    background-position-x: -50px;

}

.business-services .about-us-detail {

    background: none;

}

.cpo-desc {

    position: relative;

}

.cpo-desc h5 {

    background-color: #e9e9e9;

    padding: 10px;

    position: absolute;

    right: -100px;

    top: 10px;

    z-index: 999;

    border-radius: 10px;

    width: 85%;

    text-align: center;

}

.cpo-desc p {

    margin-top: 40%;

    font-size: 0.8rem;

    width: 90%;

}

.cpo-desc a {

    font-size: 0.8rem;

}

.cpo-desc a:hover {

    text-decoration: underline;

    color: #E00800;

    opacity: 0.7;

}

.business-services .cg-box {

    background: none;

    width: 100%;

}

.cg-solutions h2 {

    font-family: "SuisseIntl-Regular";

}



.cg-solutions {

    margin-top: 5%;

}

.solutions-category {

    height: 365px;

    background-color: rgba(104, 104, 104, 0.1);

    padding: 30px;

    font-size: 0.8rem;

    position: relative;

    --r: 25px;

    --s: 70px;

    border-radius: var(--r);

    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%) no-repeat;

    mask: right 0 bottom calc(var(--s) + var(--r)) var(--_m),

        right calc(var(--s) + var(--r)) bottom 0 var(--_m),

        radial-gradient(var(--s) at 100% 100%, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r)) calc(-1*var(--r)) no-repeat,

        conic-gradient(from 90deg at calc(100% - var(--s) - 2*var(--r)) calc(100% - var(--s) - 2*var(--r)),

            #0000 25%, #000 0);



}

.solutions-category h5 {

    border-bottom: 1px solid #e8e8e8;

    padding-bottom: 10px;

}

.solutions-category ul {

    flex-direction: column;

    padding: 0px 20px;

}

.solutions-category ul li {

    margin-top: 10px;

    text-indent: -10px;

}

.solutions-category ul li::before {

    content: "\f058";

    width: 10px;

    height: 10px;

    display: inline-block;

    font: normal normal normal 14px / 1 FontAwesome;

}

.inner-circle {

    position: absolute;

    z-index: 999;

    width: 80px;

    height: 80px;

    bottom: 0px;

    border-radius: 50px;

    background-color: #686868;

    left: 10px;

}

.inner-circle i {

    background: url('../images/arrow-up-right.svg');

    display: block;

    width: 55px;

    height: 55px;

    margin-right: 5px;

    margin-top: 2px;

}

.contact-form .nav {

    width: 100%;

    justify-content: space-around;

    padding: 20px;

    border-bottom: none;

}

.contact-form .nav li {

    width: 50%;

    border-bottom: 2px solid #e9e9e9;

    text-align: center;

    padding-bottom: 5px;

}

.contact-form .nav li.active {

    border-bottom: 2px solid #e00800;

}

.contact-form .nav li.active a {

    color: #e00800;

}

.contact-form .nav li a:hover {

    text-decoration: none;

    color: #e00800;

}

.contact-info .form-row {

    justify-content: space-between;

}

/* News page */

.cg-news-wrapper {

    margin-top: 5%;

}

.event-slider .accordion_li {

    padding: 10px;

}



.event-slider .accordion_li .event-content {

    width: 90%
}

.cg-events-img,
.cg-events-desc {

    width: 50%;

}

.cg-events-img img {

    border-top-right-radius: 25px;

    border-bottom-right-radius: 25px;

}

.cg-events-desc {

    border: 1px solid #e5eaf4;

    border-top-left-radius: 25px;

    border-bottom-left-radius: 25px;

    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

    padding: 30px;

}

.event-slider .owl-nav .fa {

    color: #fff;

    font-size: 1rem;

}

.event-slider .owl-nav button {

    position: absolute;

    top: 45%;

}

.event-slider .owl-nav button {

    width: 60px;

    height: 60px;

    background: #E00800 !important;

    border-radius: 30px;

}

.event-slider .owl-nav button:focus,

.event-slider .owl-nav button:active {

    outline: none;

}



.event-slider .owl-prev {

    right: 0px;

}

.event-slider .owl-next {

    left: 0px;

}

.event-slider a:hover {

    text-decoration: none;

    color: #000;

}

.event-slider .btn-featured {

    background: rgba(179, 54, 54, 0.1);

    color: #e00800;

    border-radius: 30px;

    text-transform: uppercase;

    padding: 5px 10px;

    display: block;

    font-size: 0.7rem;

    width: 80px;

    margin-bottom: 10px;

    font-weight: 600;

}

.cg-news-wrapper .news-title {

    width: 80%;

    color: #fff;

}

.cg-news-wrapper .non-featured .news-title {

    width: 90%;

}

.event-slider .accordion_li a {

    display: flex;

}

.event-main-page {

    margin-top: 10%;

}

.event-main-page .post-content {

    width: 75%;

    margin: auto;

}

.event-slider button.disabled {

    background: transparent !important;

    border: 1px solid #141010 !important;

}



.event-slider .owl-nav button .fa {

    color: #fff;

}

.event-slider .owl-nav button.disabled .fa {

    color: #141010 !important;

}

/* News & events inner pages*/



.inner-banner img {

    height: auto;

    border-radius: 20px;

}

.news-article {

    margin-top: 8%;

    padding: 0 30px;

}

.breadcrumb {

    background: none;

    padding: 0;

    font-size: 0.8rem;

    margin-bottom: 0px;

}

.breadcrumb a {

    color: #E00800;

}

.breadcrumb a:hover {

    text-decoration: none;

    font-weight: 600;

}

.breadcrumb a::after {

    content: '/';

    margin-right: 5px;

    margin-left: 5px;

    color: #000;

}

.news-article .post-date {

    font-size: 0.7rem;

}

.post-headline {

    background: #e9e9e9;

    padding: 15px;

    border-radius: 20px;

}

.recent-posts {

    background: #e9e9e9;

    padding: 15px;

    border-radius: 20px;

}

.recent-posts .post-title {

    font-size: 0.8rem;

}

.recent-posts .post-title p {

    margin-bottom: 5px;

}

.recent-posts img {

    border-radius: 15px;

    width: 100px;

    height: 100px;

}

.event-article .post-headline {

    width: 70%;

    position: absolute;

    /* height: 130px; */

    bottom: -60px;

    right: 12%;

    z-index: 99;

    background: rgba(233, 233, 233, 0.5);

    backdrop-filter: blur(5px);

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.gallery {

    flex: 1 1 100%;

    background: linear-gradient(to bottom, #EBEBEB, #ffffff);

    padding: 30px;

}

.event-article {

    margin-top: 8%;

}

.event-article .breadcrumb,

.event-article .inner-banner {

    padding: 0 30px;

}

.gallery .nav-tabs {

    border-bottom: none;

}

.gallery .nav-tabs li {

    margin-left: 20px;

    font-weight: 600;

}

.gallery .nav-tabs li.active a {

    color: #E00800;

}

.gallery .nav-tabs li a:hover {

    text-decoration: none;

    color: #E00800;

    opacity: 0.6;

}



.event-photo-gallery .owl-stage {

    transform: translate3d(0, 0, 0);

}



.event-photo-gallery .accordion_li img {

    -webkit-transition: 0.3s;

    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

    -o-transition: 0.3s;

    transition: 0.3s;

    object-fit: cover;

    object-position: center;

    max-width: 187px !important;

    min-height: 146px;

    overflow: hidden;

    -webkit-transform: scale(0.8);

    -ms-transform: scale(0.8);

    transform: scale(0.8);

}



.event-photo-gallery .owl-item.center img {

    -webkit-transform: scale(1.6);

    -ms-transform: scale(1.6);

    transform: scale(1.6);

}



.event-photo-gallery img {

    border-radius: 20px;

}

.event-photo-gallery .owl-item.center img {

    border-radius: 15px;

}

.event-photo-gallery .owl-stage {

    min-height: 200px;

    margin-top: 15px;

    margin-bottom: 30px;

    display: flex;

    flex-direction: row;

    align-items: center;

}

.event-photo-gallery .owl-nav {

    position: absolute;

    left: 25px;

    bottom: -20px;

}

.gallery ul.nav-tabs {

    margin-right: 25px;

}

.event-photo-gallery .owl-nav button {

    width: 30px;

    height: 30px;

    background: #e00800 !important;

    color: #fff !important;

    border-radius: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    position: absolute;

    bottom: 0px;

}

.event-photo-gallery .owl-nav button:focus,

.event-photo-gallery .owl-nav button:active {

    outline: none !important;

}

.event-photo-gallery .owl-nav button.disabled {

    border: 1px solid #E00800 !important;

    background-color: #fff !important;

}

.event-photo-gallery .owl-nav button.disabled i {

    color: #e00800 !important;

}

.event-photo-gallery .owl-nav .owl-next {

    left: 0;

}



.event-photo-gallery .owl-nav .owl-prev {

    left: 80px;

    bottom: 15px;

}

.event-photo-gallery .active-image {

    position: absolute;

    left: 45px;

    top: -38px;

    font-size: 0.8rem;

    color: #e00800;

    font-weight: 600;

}



.event-content {

    line-height: 20px;

}



/* Map Search Box */

#searchbox:focus,

#searchbox:active {

    outline: #e9e9e9;

}



input[type=search] {

    margin: 30px;

    width: 250px;

    height: 40px;

    border-radius: 15px;

    box-sizing: border-box;

    border: 2px solid #e9e9e9;

    background-image: url('../images/search.png');

    background-position: right 10px top 8px;

    background-repeat: no-repeat;

    padding: 12px 40px;

    font-size: 1rem;

}



/*updated*/

.logo-banner {

    width: 45%;

    margin-right: -15px;

    margin-bottom: 10px;

}

.contact-form .form-group label {

    color: #191515;

}

.scale-up {

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);

    transition: 0.5s all ease;

}

.fa.fa-twitter {

    font-family: sans-serif;

}

.fa.fa-twitter::before {

    content: "𝕏";

    font-size: 1.2em;

}

.about-txt img {

    border-radius: 0px;

}

.find-charger p {

    width: 80%;

}

.owl-dot:focus,

.owl-dot:active {

    outline: none;

}

.cg-partner {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    margin-top: 10px;

}

.cg-partner img {

    width: 70%;

}

.cg-partner.palm img,

.cg-partner.nakheel img,

.cg-partner.dprop img {

    width: 40%;

}

.cg-partner.viridis img {

    width: 45%;

}

.group-partners {

    background-color: #f4f4f4;

    padding: 30px;

    border-radius: 20px;

}

.group-partners .row {

    margin-top: 15px;

}

#summary {

    font-size: 14px;

    line-height: 1.5;

}

#summary div.collapse:not(.show) {

    height: 220px !important;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

#summary div.collapsing {

    min-height: 220px !important;

}

#summary a {

    float: left;

}

#summary a,
#summary a:hover {

    color: #E00800;

}

#summary a.collapsed:after {

    content: 'Read More';

}

#summary a:not(.collapsed):after {

    content: 'Read Less';

}

.copyright {

    font-size: 0.8rem;

}



.error-list {

    flex-direction: column;

    list-style: disc !important;

}

.footer-logo-connect {

    width: 15%;

}

.download-app-txt .logo-downloads {

    width: 50%;

    margin-bottom: 20px;

}

.tiktok {

    background: url(../images/tiktok.png);

    width: 21px;
        height: 15px;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;

}

.alert-success {

    background-color: #e00800;

    border: none;

    color: #fff;

}

.event-box img {

    border-radius: 20px;

    border: 1px solid #E5EAF4;

}

.event-box h3 {

    width: 95%;

    margin-top: 20px;

}

.hamburger-menu,
.overlay .closebtn {

    display: none;

}

.overlay-content {

    width: 100%;

    display: flex;

}

#myNav.overlay {

    padding: 0px;

}

.logo-mobile,
.business-menu p,
.consumer-menu p {

    display: none;

}

.middle-menu {

    width: 75%;

    text-align: center;

}

.social-media-mobile {

    display: none;

}

.active-lang img {

    margin-left: 5px;

}

.charger-details-overlay-txt span {

    display: block;

}

.footer-menu li {

    color: #fff;

    margin-top: 5px;

}

.footer-icon {

    display: inline-block;

    width: 22px;

    height: 22px;

    margin-left: 10px;

    vertical-align: middle;

}

.footer-icon.mail {

    background: url(../images/sms.png) no-repeat;

}

.footer-icon.location {

    background: url(../images/location.png) no-repeat;

}

.sm-section-mobile {

    display: none;

}

@media only screen and (min-width: 1440px) {}

@media (min-width: 1360px) {

    .container {

        max-width: 1295px;

    }

}

@media only screen and (max-width: 1200px) {}



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

    .cg-about-submenu {

        top: -20px !important;

        transform: none !important;

    }

}



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



    h1 {

        font-size: 1.8rem !important;

    }

    .menu-items {

        width: 50%;

    }

}



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



    h1 {

        font-size: 2rem !important;

    }

    h2 {

        font-size: 1.6rem;

    }

    h3 {

        font-size: 1.4rem;

    }

    h4 {

        font-size: 1.3rem;

    }

    body {

        font-size: 1rem;

    }

    .top-header {

        padding: 0px;

        padding-top: 30px;

    }

    .logo-mobile {

        display: inline-block;

        width: 50%;

    }

    .cg-header {

        background: transparent;

        height: 90px;

        padding: 0 30px;

    }

    .cg-header a {

        font-size: 1rem;

    }

    #myNav.overlay {

        padding: 0 30px;

    }

    .overlay {

        height: 0%;

        width: 100%;

        position: fixed;

        z-index: 1;

        top: 0;

        right: 0;

        background-color: rgb(255, 255, 255);

        overflow-y: hidden;

        transition: 0.5s;

    }



    .overlay-content {

        position: relative;

        top: 0px;

        width: 100%;

        height: 100%;

        margin-top: 50px;

        display: block;

    }

    .overlay a {

        padding: 8px;

        text-decoration: none;

        color: #000;

        display: block;

        transition: 0.3s;

    }

    .overlay a:hover,
    .overlay a:focus {

        color: #E00800;

    }

    .overlay .closebtn {

        display: block;

        /*position: absolute;

		top: 20px;

		right: 45px;*/

        width: 50%;

        line-height: 10px;

        font-size: 30px;

        text-align: end;

    }

    .menu-items ul,
    .business-menu p,
    .consumer-menu p,
    .nav-lang {

        display: block;

    }

    .business-menu,
    .consumer-menu {

        font-size: 1rem;

    }

    .consumer-menu p {

        font-size: 1.1rem;

    }

    .cg-type {

        display: none !important;

    }

    .middle-menu {

        text-align: right;

    }

    .btn.btn-app-download {

        margin: 10px 0px !important;

        width: 90%;

        background: #E00800;

        color: #fff;

        border: none;

    }

    .nav-lang {

        display: flex;

        flex-direction: column-reverse;

        align-items: center;

        justify-content: center;

    }

    .active-lang {

        margin-top: 20px;

    }

    #banner-video {

        height: auto;

        transform: scale(1.3);

        object-fit: cover;

    }

    .nav-lang li {

        margin-right: 0px;

    }

    .social-media-mobile {

        display: block;

        padding: 10px 0px;

    }

    .social-media-mobile ul {

        display: flex;

    }

    .social-media-mobile .tiktok {

        background: url(../images/tiktok-mobile.png);
                    width: 21px;
                        height: 15px;
                        display: inline-block;
                        background-size: contain;
                        background-repeat: no-repeat;

    }

    .social-media-mobile ul li i:before {

        font-size: 1.3rem;

    }

    .overlay-header {

        display: flex;

        margin-bottom: 30px;

    }

    .map-section {

        padding: 0 30px;

    }

    .map-section .row {

        flex-direction: column-reverse;

    }

    .cg-map-img img {

        margin-top: 30px;

        border-radius: 20px;

    }

    .download-app-txt,
    .cg-map-txt {

        padding-right: 20px;

    }

    .cg-map-txt {

        margin-top: 30px;

    }

    .about-chargeandgo .img-aboutus {

        width: auto !important;

        transform: translate(175px, -45px);

    }

    .about-txt img {

        width: 40% !important;
        ;

    }

    .logo-aboutus {

        width: 60% !important;

    }

    .cg-locate {

        width: auto !important;

    }

    .about-btn-section a {

        width: 150px;

    }

    .about-txt {

        width: 100%;

        right: 60px;

        bottom: 230px;

    }

    .cg-locate img {

        height: 396px;

        object-fit: cover;

        border-radius: 20px !important;

    }

    .find-charger a {

        display: none;

    }

    .find-charger p {

        width: 55%;

    }

    .cg-and-go {

        margin-top: 25px;

    }

    .hamburger-menu {

        background: url(../images/hamburger-menu.png) no-repeat;

        display: inline-block;

        width: 24px;

        height: 24px;

        cursor: pointer;

        position: absolute;

        left: 15px;

    }

    .app-download {

        padding: 30px;

    }

    .bg-map,
    .social-media {

        display: none;

    }

    .sm-section-mobile .footer-menu {

        justify-content: start;

    }

    .sm-section-mobile li a {

        margin-left: 25px;

    }

    .footer .brand-logo img {

        width: 100%;

        padding: 10px 20px;

    }

    .sm-section-mobile {

        display: block;

    }

    .footer .bg-black {

        padding: 30px 15px;

    }

    .homepage .events-section,

    .homepage .news-section {

        display: none;

    }



    .cg-values ul {

        display: flex;

        flex-direction: row;

        width: 100%;

        gap: 8px;

        padding: 0 30px;

        overflow-x: scroll;

        scroll-snap-type: x mandatory;

        padding: 0px;

        font-size: 1rem;

    }



    .cg-values ul li {

        flex-shrink: 0;

        width: 80%;

        scroll-snap-align: center;

        padding: 0 30px;

    }



    .value-content {

        display: flex;

        flex-direction: column;

    }

    .cg-values ul li {

        margin-bottom: 0px;

    }

    .cg-values .values-title {

        font-size: 1.2rem;

    }

    .cg-values ul li p {

        font-size: 1rem;

    }

    .about-us-banner-slider .accordion_li {

        margin-bottom: 10px;

    }

    .owl-carousel .owl-item img {

        width: 90%;

    }

}
.team-member-slider.owl-carousel .owl-item img {

    width: 100%;

}


/* Charge&go */

.cg-nav-list {

    list-style: none;

    padding-right: 10px;

}

.cg-nav-list li {

    margin-left: 20px;

}

.menu-separator {

    height: 1px;

    overflow: hidden;

    background: #fff;

    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);

}

.fa-whatsapp {
    display: none;
}