html {
    margin-top: 0px !important;
}
.width-calendar {
    width: 100%;
}
.elementor-section .elementor-container {
    display: revert;
}

.mar-aut {
    margin: 0 auto;
    width: 80%;
    color: white;
}
.bkg {
    background: black;
}
.pro-fl-wr {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.image-fl-min {
    width: 100%;
    flex-wrap: wrap;
    min-width: 480px;
}
.imagee-fl-min {
    width: 100%;
    flex-wrap: wrap;
    min-width: 400px;
}
.p-0-pad.ppp-ppp {
    padding: 0px 16% 0px 0px;
}
.mn-head {
    font-size: 40px;
    font-family: "nexa-bold";
}
.ch-new {
    padding: 10px 0px;
    color: #ff8000;
}
.mr-hc {
    /* margin: 30px 0px; */
}
.hr-red-wala {
    border: 2px solid red;
    margin: 20px 0px !important;
}
.hos-pro {
    text-align: center;
    font-size: 50px;
    font-family: "nexa-bold";
    padding: 20px 0px 10px 0px;
}
.mor-btm {
    border: none;
    font-family: "montserrat-regular";
    padding: 5px 1% !important;
    color: #ffffff;
    border-radius: 20px;
    border: none;
    font-family: "montserrat-regular";
    font-size: 17px;
    margin-top: 15px;
    /* background-color: #ff0000; */
    background: linear-gradient(rgb(130 0 0), rgb(130, 2, 36));
}
.mor-btm:hover {
    /* background-color: #e07000; */
    color: yellow;
    transform: scale(1.01);
}
.flfl {
    display: flex;
    flex-wrap: wrap;
}
.p-0-pad.pp-pp {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/* .mor-btm:focus{
    background: #e07000;
    } */
.p-0-pad {
    padding: 0px;
}
.new-tex {
    font-size: 20px;
    font-family: "montserrat-medium";
    margin: 10px 0px;
}
.new-sec {
    margin: 0px;
    font-family: "montserrat-medium";
    font-size: 20px;
}
#glt-translate-trigger {
    background: #ffffff;
    font-family: "montserrat-regular";
    font-size: 14px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 8px 5px;
}
#glt-translate-trigger {
    bottom: auto;
    top: 0px;
}
.tool-container.tool-top {
    top: 45px !important;
    bottom: auto !important;
}
#flags {
    width: 165px;
    display: none;
}
.mb-00 {
    margin-bottom: 0px;
}
.font {
    font-size: 29px;
}

div.wpforms-container-full .wpforms-form input[type="text"] {
    background: transparent;
    box-sizing: border-box;
    border-radius: 2px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    border: none;
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
    border-bottom: 1px solid #ffffff;
}
div.wpforms-container-full .wpforms-form input[type="email"] {
    background: transparent;
    border-bottom: 1px solid #ffffff;
    border: none;
    border-bottom: 1px solid #ffffff;
}
div.wpforms-container-full .wpforms-form input[type="number"] {
    background: transparent;
    border-bottom: 1px solid #ffffff;
    border: none;
    border-bottom: 1px solid #ffffff;
}
.switcher .selected a {
    border: 1px solid #cccccc;
    background: url(//pci.ae/wp-content/plugins/gtranslate/arrow_down.png) 146px
        center no-repeat;
    color: #ffffff;
    padding: 3px 5px;
    width: 151px;
}
.switcher .selected {
    background: transparent !important;
}
.switcher .selected:hover {
    background: transparent !important;
}
.switcher {
    font-family: Arial;
    font-size: 10pt;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    width: 163px;
    line-height: 17px;
    /* position: fixed; */
    /* right: 102px; */
    top: 20px;
    width: 102px !important;
}
.switcher .selected {
    background: #ffffff url(//pci.ae/wp-content/plugins/gtranslate/switcher.png)
        repeat-x;
    position: relative;
    z-index: 9999;
    width: 90px !important;
}
.switcher .selected a {
    border: 1px solid #cccccc;
    background: url(//pci.ae/wp-content/plugins/gtranslate/arrow_down.png) 146px
        center no-repeat;
    color: #ffffff !important;
    padding: 3px 5px;
    width: 90px !important;
}
.switcher .selected a:hover {
    color: black !important;
}
button#wpforms-submit-131 {
    font-family: "montserrat-regular";
    font-size: 18px;
    color: #ffffff;
    background: linear-gradient(#000089, #000040);
    border-radius: 20px;
    padding: 6px 4%;
    border: none;
    float: right;
}
div.wpforms-container-full .wpforms-form .wpforms-first {
    margin-bottom: 24px !important;
}
.switcher {
    z-index: 99;
}
.pci-text::first-letter {
    color: blue;
    font-size: 32px;
    font-family: "nexa-bold";
}
.amelia-app-booking .am-step-booking-catalog .am-select-date {
    background: #131348de !important;
}
.amelia-app-booking
    .am-step-booking-catalog
    .am-select-date
    .am-calendar-picker
    .c-day-content:hover {
    background-color: #ff0000 !important;
    color: #ffffff !important;
}
.mmm {
    display: none !important;
}
.mnnn {
    display: block !important;
}
.dbe {
    font-size: 50px;
    font-family: "nexa-bold";
}
.mr-tp-why {
    margin: 10px 0px 0px 0px;
}
.ovi-pad-why {
    padding-left: 0 !important;
    padding-right: 0px !important;
}
.swiper-button-prev {
    display: none;
}
.swiper-button-next {
    display: none;
}
.grey-box {
    font-family: "montserrat-regular";
    font-size: 20px;
    color: #ffffff;
    background-color: #ffffff21;
    border-radius: 15px;
    margin: 0px 0px 11% 0%;
    /* width: 33.3%; */
    padding: 20px 24px 24px;
    height: 840px;
}
.right-banner {
    height: 768.5px;
    background-size: 100% 100%;
}
@media only screen and (max-width: 768px) {
    .hos-pro {
        text-align: center;
        font-size: 30px;
        font-family: "nexa-bold";
        padding: 10px 0px 0px 0px;
    }
    .new-sec.c00ff48 {
        color: #00ff48;
    }
    .new-sec.c00ffbd {
        color: #00ffbd;
    }
    .new-sec.cf6ff00 {
        color: #f6ff00;
    }
    .new-sec.cff00c3 {
        color: #ff00c3;
    }
    .image-fl-min {
        min-width: 120%;
    }
    .mmm {
        display: block !important;
    }
    .mnnn {
        display: none !important;
    }
    .cenm {
        text-align: center;
        margin-bottom: 10px;
    }
    .mr-hc {
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .hr-red-wala {
        border: 2px solid red;
        margin: 10px 0px !important;
    }
    .bll {
        display: block;
    }
    .mn-head {
        font-size: 25px;
        font-family: "nexa-bold";
        text-align: center;
        line-height: 1.1;
    }
    .new-sec {
        margin: 0px;
        font-family: "montserrat-medium";
        font-size: 16px;
    }
    .new-tex {
        font-size: 14px;
    }
    .mor-btm {
        border: none;
        font-familt: "montserrat-regular";
        padding: 5px 2% !important;
        font-size: 14px;
    }
    .imagee-fl-min {
        min-width: 100%;
    }
    .res-mob {
        width: 50%;
        padding: 15px 5px;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets {
        margin: 25px 0px 0px 0px !important;
    }
    .wid.wid-h {
        height: 100%;
    }
    .stru-main {
        margin: 0 auto;
        width: 72%;
    }
    .stru {
        background-image: none !important;
        padding: 2% 0% 0px;
        color: white;
        background-size: 100% 100%;
        margin-bottom: 20px;
    }
    .increase-heading {
        font-family: "nexa-bold";
        font-size: 30px;
        color: #ffffff;
    }
    .right-opac {
        background: #000000a6;
        height: unset;
        width: 90%;
        float: none;
        padding: 3% 0% 3% 0px;
        text-align: center;
        margin: 0 auto;
    }
    .hospitality-text {
        margin: 0 0 0em;
    }
    .commision0 {
        font-family: "nexa-bold";
        font-size: 22px;
        color: #ffffff;
    }
    .wit {
        width: 100%;
        padding-top: 10px;
    }
    .stru-heading-org {
        font-family: "nexa-bold";
        font-size: 18px;
        color: #ff962d;
    }
    .font-pro-pci {
        font-size: 15px;
        color: #ffffff;
        font-family: "montserrat-regular";
    }
    .m-detail {
        font-family: "montserrat-regular";
        font-size: 14px;
        color: #ffffff;
        margin-bottom: 10px;
    }
    .top-detail {
        margin-top: 12px;
    }
    .right-opac {
        background: #000000a6;
        height: unset;
        width: 90%;
        float: none;
        padding: 3% 0% 3% 0px;
        text-align: center;
        margin: 0 auto;
        border-radius: 15px;
    }
    .peoplebanner {
        background-image: url(http://pci.lan/wp-content/themes/cgslhcm_wp/images/products/peopleimg.png);
        height: 800px;
        background-size: 100% 100%;
        padding: 20px 0px;
    }
}

@media screen and (max-width: 782px) {
    html {
        margin-top: 0px !important;
    }
    .top-head {
        width: 100%;
        background-color: #001043;
        /* padding: 10px 0px;/ */
    }
    .top-heading {
        margin-bottom: 20px;
    }
    .login-fix {
        background-color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 14px;
        color: #001043;
        position: fixed;
        padding: 5px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        z-index: 999;
        right: 65px;
    }
    .login-fix:hover {
        color: #ff0000;
    }
    .top-text {
        color: #ffffff;
        padding: 15px 0px 0% 15%;
        font-family: "montserrat-regular";
        font-size: 18px;
    }
    .red-bar {
        background-color: #ff0000;
        clip-path: polygon(10% 1%, 100% 1%, 100% 100%, 0 100%, 0 100%);
        padding: 10px 0px;
        text-align: center;
    }
    details:hover {
        cursor: pointer;
    }

    .text-head {
        color: #ffffff;
        padding: 10px 0px;
    }
    .btnn {
        background: transparent;
        padding: 5px 50px;
        color: #ffffff;
        border: 1px solid #ffffff;
        border-radius: 10px;
        font-family: "montserrat-bold";
        font-size: 14px;
    }
    .zerodivaut {
        margin: 0 auto;
        width: 70%;
        line-height: 1.25;
    }
    .desk-none {
        display: none;
    }
    .desk-no {
        display: none;
    }
    .desk-no-mob-yes {
        display: none;
    }
    .firse-tel {
        color: #00ffff;
    }
    .firse-green {
        color: #04ff00;
    }
    .firse-org {
        color: #ff7600;
    }
    .contact {
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 14px;
    }
    .mar-bt-tp {
        margin: 10% 0px 10px 0px;
    }
    details[open] summary ~ * {
        animation: 0.5s ease-in-out;
    }
    .log-img-260 {
        height: 260px;
    }

    .contact:hover {
        color: #000040;
    }
    .pd-contact {
        padding-top: 8px;
    }
    .row.header-height {
        height: 88px;
        background-color: #000040;
    }
    .navbar-toggle {
        background-color: #b80000;
        margin: 4.7vh 10px;
    }
    .navbar-toggle span {
        background-color: #ffffff;
    }
    .navbar-brand {
        height: auto;
        padding: 15px 0px;
    }
    header .nav {
        padding: 22px 8% 22px 0px;
    }
    header .nav li a {
        opacity: 1;
        color: #ffffff;
        padding: 9px 10px 9px 10px;
        font-family: "montserrat-regular";
        font-weight: 400;
        font-size: 18px;
    }
    header .nav li a:hover {
        opacity: 1;
        background: transparent;
        color: #ffffff;
        border-bottom: 2px solid #ff0000;
    }

    header .nav a.active {
        opacity: 1;
        background: transparent;
        border-bottom: 2px solid yellow;
        color: Yellow;
    }
    .desk-blk {
        display: block;
    }
    .mobl {
        display: none !important;
    }
    header .nav li a:focus {
        opacity: 1;
        background: transparent;
        border-bottom: 2px solid #ff0000;
        color: #fff;
    }
    header .nav li a:not(.active) {
        opacity: 1;
        background: transparent;
        color: #fff;
    }
    .cff00bb {
        color: #ff00bb !important;
    }

    .book-demo {
        /* //background-color: #ff0000; */
        background: linear-gradient(rgb(130 0 0), rgb(130, 2, 36));
        padding: 6px 10px;
        color: #ffffff;
        border: none;
        border-radius: 15px;
        font-family: "montserrat-regular";
        font-size: 15px;
        margin-right: 6px;
        margin-top: 8px;
    }

    .book-demo:focus {
        background-color: #ff0000 !important;
    }
    .footer-link {
        color: yellow !important;
        font-size: 20px;
        font-family: "montserrat-bold";
        list-style-type: none;
        margin-top: 0%;
    }
    .footer-link-wh {
        color: #ffffff;
        font-size: 16px;
        line-height: 2;
        font-family: "montserrat-regular";
        list-style-type: none;
    }
    .bottom-background {
        background-color: #2a0000;
        height: auto;
        padding: 9px 0px;
    }
    .pci_icon {
        margin-bottom: 45px;
    }
    .size {
        color: white;
        font-size: 30px;
        margin-top: 0px;
        border-radius: 10px;
        font-weight: 100;
        margin-bottom: 30px;
    }
    .facebook:hover {
        background-color: #475993;
        line-height: 0.88;
    }
    .youtube:hover {
        background-color: #c4302b;
        line-height: 0.88;
        /* margin-right: 8px; */
    }
    .twitter:hover {
        background-color: #00acee;
        line-height: 0.88;
        /* margin-right: 8px; */
    }

    .showw {
        display: none;
    }
    .linkedin:hover {
        background-color: #0077b7;
        line-height: 0.88;
        /* margin-right: 8px; */
    }
    .youtube {
        /* margin-right: 8px; */
    }
    .twitter {
        margin-right: 8px;
    }
    .linkedin {
        /* margin-right: 8px; */
    }
    .footer-background {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/home/footer-image.webp");
        padding: 40px 0px 0px 0px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .home-backimage {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/home/back-image.webp");
        padding: 11.5% 15% 12% 10%;
    }
    .opac-div {
        width: 57%;
        text-align: center;
        background-color: #00000085;
        border-radius: 30px;
        padding: 0px 30px 20px 0px;
    }
    .red-text {
        color: #ff0000;
        font-size: 50px;
        font-family: "nexa-bold";
    }
    .red-text1 {
        color: #ff0000;
        font-size: 35px;
        font-family: "nexa-bold";
    }
    .white-text {
        color: #ffffff;
        font-size: 35px;
        font-family: "nexa-bold";
    }
    .text {
        color: #ffffff;
        font-family: "nexa-light";
        font-size: 14px;
        /* margin-bottom: 33px; */
        margin-top: 20px;
    }
    .strt-trail {
        background-color: #ff0000;
        padding: 5px 1% !important;
        color: #ffffff;
        border-radius: 20px;
        border: none;
        font-family: "montserrat-regular";
        font-size: 17px;
        margin-right: 4%;
        animation-duration: 4s !important;
        background: linear-gradient(rgb(130 0 0), rgb(130, 2, 36));
    }
    .strt-trail:hover {
        /* //background-color:#e07000; */
        color: yellow;
        transform: scale(1.01);
    }
    .book-demoe {
        background-color: yellow;
        color: black;
        border-radius: 20px;
        padding: 6px 1% 6px;
        font-family: "montserrat-regular";
        font-size: 15px;
        /* //border: 2px solid #ffffff; */
        animation-duration: 4s !important;
        border: none;
    }
    .book-demoe:hover {
        /* //background-color: #ff0000; */
        background: linear-gradient(rgb(130 0 0), rgb(130, 2, 36));
        color: #ffffff;
    }
    .red-h {
        color: #ff0000;
        font-family: "nexa-bold";
        font-size: 50px;
    }
    .red-t {
        color: #ffffff;
        font-family: "nexa-bold";
        font-size: 50px;
    }
    .cent {
        text-align: center;
        background-color: black !important;
    }
    .cent:hover {
        transform: scale(1.01);
    }

    .hospitality-box {
        border-radius: 20px;
        width: 100%;
        border: 1px solid #ff0000;
        padding: 10px 1%;
    }
    .hospitality-text {
        color: #ffffff;
        text-align: center;
        font-family: "montserrat-medium";
        font-size: 20px;
    }
    .col-padd {
        padding: 3% 4% 0% !important;
        margin-bottom: 40px;
    }
    .col-pd {
        padding: 0% 5% 0% !important;
    }
    .div-icon {
        display: flex;
        /* margin: 4% 0%; */
        /* display: contents; */
    }
    .width-icon {
        width: 14.2%;
    }
    .nav > li {
        padding: 0px 15px;
    }
    .nav {
        -webkit-box-shadow: none !important;
        background-color: transparent !important;
    }
    .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 0px !important;
    }
    .secure {
        margin-top: 23%;
        width: 36%;
    }
    .pcidss {
        margin-top: 23%;
        width: 36%;
    }
    .bottom {
        font-family: "montserrat-medium";
        font-size: 14px;
        color: #ffffff;
        text-align: center;
    }
    .pd-hospt {
        padding-top: 15px;
    }
    .pd-box {
        padding-top: 20px;
    }
    .pd-icons {
        padding-top: 15px;
    }
    .div-pd {
        padding-top: 0px;
    }
    .pd-bottom-img {
        /* padding-bottom: 20px; */
        width: 60%;
    }
    .bot-img {
        font-size: 25px;
        color: #6b53f8;
        font-family: "montserrat-bold";
    }
    .fb-img {
        font-size: 25px;
        color: #5895ff;
        font-family: "montserrat-bold";
    }
    .wht-img {
        font-size: 25px;
        color: #7bba57;
        font-family: "montserrat-bold";
    }
    .moble-img {
        font-size: 25px;
        color: #ec6bea;
        font-family: "montserrat-bold";
    }
    .plane-img {
        font-size: 25px;
        color: #ff0000;
        font-family: "montserrat-bold";
    }
    .messag-img {
        font-size: 25px;
        color: #24a6e2;
        font-family: "montserrat-bold";
    }
    .phone-img {
        font-size: 25px;
        color: #00a400;
        font-family: "montserrat-bold";
    }
    .img-size {
        width: 100%;
    }
    .col-pdding {
        padding-bottom: 50px;
    }
    .col-padding-right {
        padding-right: 2% !important;
        padding-bottom: 4% !important;
    }
    .col-padding-left {
        padding-left: 2% !important;
        padding-bottom: 4% !important;
    }
    .td-width {
        width: 2%;
    }
    .column-3-override {
        padding: 0px !important;
        display: flex;
        background-color: black;
    }
    .column-12-override {
        padding: 0px !important;
    }
    .img-50 {
        width: 50%;
        margin-bottom: 10px;
    }
    .img-50:hover {
        opacity: 0.5;
    }
    .boxxxxx {
        background-color: black;
        text-align: center;
        padding: 1% 0%;
    }
    .access-bot {
        background-color: black;
        padding: 1.5% 0%;
    }
    .book-button {
        /* position: fixed; */
        float: right;
        background-color: #ffffff;
        height: 100px;
        border-top-left-radius: 10px;
        padding: 20px 10.5px;
        text-align: center;
        position: fixed;
        bottom: 0;
        right: 0;
        top: 24%;
        z-index: 999;
    }
    .img-50 {
        width: 50%;
    }
    .h-r {
        background: transparent;
        margin: -3px;
    }
    .call {
        float: right;
        background-color: #ffffff;
        height: 100px;
        border-bottom-left-radius: 10px;
        padding: 20px 6px;
        text-align: center;
        position: fixed;
        bottom: 0;
        right: 0;
        top: 34.5%;
        z-index: 9999;
    }
    .text-book {
        color: #000040;
        font-family: "nexa-bold";
        font-size: 14px;
    }
    .hwb-text {
        font-family: "montserrat-medium";
        font-size: 15px;
        color: #ffffff;
        padding-bottom: 3%;
        height: 210px;
    }
    .hwb-heading {
        font-family: "montserrat-bold";
        font-size: 24px;
        color: #e0d100;
    }
    .padd-grid {
        padding: 2% 6% 0% !important;
        /* background-color: #000000b0; */
    }
    nav {
        height: 0px !important;
        background-color: transparent !important;
        line-height: 1.42857143 !important;
    }
    .banner1 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/WhyUs/banner1.webp");
        /* height: 860px; */
        background-size: 100% 100%;
    }
    .opa-div {
        background-color: #000000a8;
        margin: 29% 5%;
        border-radius: 15px;
        font-family: "nexa-bold";
        font-size: 50px !important;
        color: #ffffff;
        padding: 2% 0%;
    }
    .cont-cent {
        text-align: center;
    }
    .b-color {
        color: #e07000;
    }
    .p-color {
        color: #ec6bea;
    }
    .o-color {
        color: #00a400;
    }
    .t-color {
        color: #6b53f8;
    }
    .c-color {
        color: #ff0000;
    }
    .para {
        font-family: "montserrat-regular";
        font-size: 24px;
        color: #ffffff;
        padding: 0px 14%;
    }
    .banner2 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/WhyUs/banner2.webp");
        height: 640px;
        background-size: 100% 100%;
    }
    .web-app-img {
        display: none;
        margin: 10px -33px 19px;
    }
    .opacti-div {
        background-color: #000000c7;
        float: right;
        width: 59%;
        padding: 1% 12% 1% 1%;
        margin: 10% 0px;
    }
    .opac-text {
        color: #ffffff;
        font-family: "nexa-bold";
        font-size: 50px;
    }
    .rt-text {
        color: #ff0000;
    }
    .p-text {
        color: #ffffff;
        font-family: "montserrat-medium";
        font-size: 24px;
    }
    .banner3 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/WhyUs/banner3.webp");
        /* height: 835px; */
        background-size: 100% 100%;
    }
    .or-1 {
        color: #d85317;
    }
    .wwo {
        font-family: "montserrat-bold";
        font-size: 50px;
        color: #ffffff;
        margin-bottom: 9%;
    }
    .pannel3-div {
        padding: 10.5% 0% 10% 20%;
    }
    [type="radio"]:not(:checked),
    [type="radio"]:checked {
        position: unset !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    .left-border {
        border-left: 5px solid #ffffff;
        margin-bottom: 10%;
    }
    .h1-style {
        font-family: "montserrat-bold";
        font-size: 24px;
        color: #3de4ff;
        padding-left: 25px;
    }
    .par-tex {
        font-family: "montserrat-regular";
        font-size: 18px;
        color: #ffffff;
    }
    .banner4 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/WhyUs/banner4.webp");
        /* height: 624px; */
        background-size: 100% 100%;
    }
    .panel4 {
        padding: 17.5% 0% 18% 17%;
    }
    .trendy-head {
        font-family: "montserrat-bold";
        font-size: 50px;
        color: #ffffff;
        margin-top: 0px;
    }
    .yell-1 {
        color: #ffee00;
    }
    .trendy-para {
        font-family: "montserrat-regular";
        font-size: 24px;
        color: #ffffff;
        margin-bottom: 3%;
    }
    .btn-book {
        font-family: "montserrat-regular";
        font-size: 18px;
        color: #ffffff;
        background-color: #000a65;
        border-radius: 20px;
        padding: 2px 2%;
        border: none;
    }
    .btn-book:focus {
        background: #000a65;
    }
    .btn-book:hover {
        background: orange;
        color: black;
    }
    .panel5 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/WhyUs/banner5.webp");
        height: 987px;
        background-size: 100% 100%;
    }
    .pl-0 {
        padding: 0px !important;
    }
    .panel5-background {
        background: linear-gradient(#000000, #000a4a);
        height: 987px;
    }
    .banner6 {
        background: linear-gradient(#0025a0, #001b54);
        padding: 6% 0px;
        text-align: center;
    }
    .pci-color {
        color: #ff0000;
    }
    .pci-size {
        font-family: "montserrat-bold";
        font-size: 40px;
        color: #ffffff;
        margin-top: 0px;
    }
    .obligation {
        color: #ff9b37;
    }
    .trail {
        color: #6de1ff;
    }
    .cost {
        color: #fff700;
    }
    .pci-term {
        font-family: "montserrat-bold";
        font-size: 30px;
        margin-bottom: 25px;
        margin-top: 0px;
    }
    .btn-white {
        /* //background-color: #ff0000; */
        font-family: "montserrat-regular";
        font-size: 18px;
        color: #ffffff;
        border-radius: 10px;
        border-radius: 20px;
        padding: 5px 20px;
        border: none;
        background: linear-gradient(rgb(130 0 0), rgb(130, 2, 36));
    }
    .btn-white:focus {
        background-color: #ffffff;
    }
    .org-1 {
        color: #d85317;
    }
    .panel5-heading {
        font-family: "montserrat-bold";
        font-size: 50px;
        color: #ffffff;
        padding: 7.5% 0% 5% 2%;
    }
    .rotate {
        font-family: "montserrat-bold";
        font-size: 35px;
        transform: rotate(-90deg);
        color: #ffffff;
        /* display: inline-block;
        width: 0%;
        margin-left: 7%; */
    }
    .red-box {
        background-color: #b80000;
        height: 238px;
        width: 369px;
        padding: 10px 15px;
    }
    .red-head {
        color: #ffd500;
        font-family: "montserrat-bold";
        font-size: 30px;
        margin-top: 0px;
    }
    .red-texts {
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 19px;
    }
    .demand {
        color: #ff0000;
        font-family: "montserrat-bold";
        font-size: 30px;
        margin-top: 0px;
    }
    .blue-box {
        height: 238px;
        width: 364px;
        padding: 10px 0px;
    }
    .blue-box2 {
        height: 238px;
        width: 384px;
        display: inline-block;
        margin-left: 8%;
    }
    .same {
        transform: rotate(-90deg);
        text-align: center;
    }
    .col-div-2 {
        height: 238px;
        padding: 140px 0px 0px 0px;
        text-align: center;
    }
    .promo-color {
        color: #ff0000;
    }
    .mr-top {
        margin-top: 30px;
    }
    .strt-trail:focus {
        background-color: #ff0000;
    }
    .back-colur {
    }
    .main-head {
        font-family: "montserrat-bold";
        font-size: 45px;
        text-align: center;
        padding-top: 10px;
        color: #ffffff;
    }
    .heading2 {
        font-family: "nexa-bold";
        font-size: 35px;
        color: #ffffff;
        text-align: center;
    }
    .look-red {
        color: #ff0000;
    }
    .form-opac {
        background-color: #2c2c54b8;
        border-radius: 20px;
        padding: 5% 2% 4% 2%;
        margin: 5% 0px 7% 0px;
    }
    .form-opac1 {
        background-color: #2c2c54b8;
        border-radius: 20px;
        padding: 10% 3% 6% 3%;
        margin: 5% 0px 7% 0px;
    }
    .form-text {
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 16px;
    }
    .form-div {
        display: inline-block;
        width: 49.5%;
    }
    .input-field {
        margin-bottom: 45px !important;
        color: #ffffff;
    }
    .input-field1 {
        margin-bottom: 20px !important;
        color: #ffffff;
    }
    summary {
        outline: none !important;
    }
    details
    /*
    input{type=checkbox{, input{type=radio{ {
        margin: 4px 0 0;
        margin-top: 1px{9;
        line-height: normal;
    }
     {type="checkbox"{:not(:checked), {type="checkbox"{:checked {
        position: absolute;
        opacity: 1;
        pointer-events: auto;
        position: relative;
        width: 20px;
        height: 20px;
    } */
    .colu {
        color: #ff0000;
    }
    .how-we-book {
        color: #ffffff;
        font-family: "nexa-bold";
        font-size: 50px;
        text-align: center;
        padding: 1% 0px 0px 0px;
    }
    .submit {
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 16px;
        background: linear-gradient(#0000a2, #000040);
        padding: 7px 5% !important;
        border-radius: 15px;
        float: right;
        border: none;
        margin-top: 20px;
        cursor: pointer;
        width: 150px;
        height: 36px;
    }
    .submit:hover {
        background: linear-gradient(#fa6061, #860525);
    }
    .subbtn {
        margin-top: -8px;
    }
    .submitt {
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 16px;
        background: linear-gradient(#0000a2, #000040);
        padding: 7px 5% !important;
        border-radius: 15px;
        float: none;
        border: none;
        width: 55%;
        margin-top: -8px;
    }
    .cong-opac {
        background-color: #2c2c54b8;
        margin: 0 auto;
        width: 45%;
        border-radius: 15px;
        padding: 30px;
    }
    .mr-opac-rif {
        margin: 1% 0px 7% 0px !important;
    }
    .submit1 {
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 16px;
        background: linear-gradient(#0000a2, #000040);
        padding: 7px 5%;
        border-radius: 15px;
        border: none;
        width: 106px;
        height: 36px;
    }
    .submit:focus {
        background: linear-gradient(#0000a2, #000040);
    }
    .pad-bot-x {
        padding-bottom: 30px !important;
    }
    .wygf-pci {
        font-family: "nexa-bold";
        font-size: 40px;
        color: #ffffff;
        margin: 4% 0px 0px 0px;
    }
    .wygf-pci1 {
        font-family: "nexa-bold";
        font-size: 33px;
        color: #ffffff;
        margin: 4% 0px 0px 0px;
    }
    .desk-yes {
        display: block;
    }
    .pci-col-red {
        color: #ff0000;
    }
    .cal-color-sky {
        color: #00d7ff;
    }
    .cal-color-sky-yy {
        color: yellow;
    }
    .condition-text {
        font-family: "montserrat-regular";
        font-size: 14px;
        color: #ffffff;
    }
    .condition-text1 {
        font-family: "montserrat-regular";
        font-size: 12px;
        color: #ffffff;
    }
    .link {
        color: #ff0000;
    }
    .containers {
        position: relative;
        padding-right: 10px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .img-hover:hover {
        filter: brightness(100%);
        transform: scale(1.3);
    }
    .img-hover {
        transition: all 2s ease-in-out;
    }
    .hidd {
        overflow: hidden;
    }

    /* Hide the browser's default checkbox */
    .containers input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: trabsperant;
        border: 1px solid white;
        border-radius: 8px;
    }

    /* On mouse-over, add a grey background color */
    /* When the checkbox is checked, add a blue background */
    .containers input:checked ~ .checkmark {
        background-color: transparent;
        margin-bottom: 5px;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .containers input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .containers .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    [type="checkbox"]:checked + span:not(.lever):before {
        top: -5px !important;
        left: -2px !important;
        width: 8px;
        height: 20px;
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid white;
        border-bottom: 2px solid white;
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-origin: 100% 100%;
        display: block !important;
        transform-origin: 100% 100%;
    }
    [type="checkbox"] + span:not(.lever):before,
    [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 18px !important;
        height: 18px !important;
        z-index: 0;
        border: 2px solid #5a5a5a;
        border-radius: 1px;
        margin-top: 3px;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        display: none;
    }
    [type="checkbox"] + span:not(.lever) {
        position: relative;
        padding-left: 17px !important;
        cursor: pointer;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        font-size: 1rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    [type="checkbox"] + span:not(.lever):before,
    [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
        width: 10px !important;
        height: 22px !important;
    }
    [type="checkbox"] + span:not(.lever) {
        position: relative;
        padding-left: 23px;
        cursor: pointer;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        font-size: 1rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-bottom: 5px;
    }
    .gif {
        height: 176px;
    }
    .yel-del-why {
        color: yellow;
    }

    .jjj-col {
        color: yellow !important;
    }
    .square-box {
        background-color: #ff00004f;
        border-radius: 20px;
        padding: 10px;
        text-align: justify;
        /* opacity: 0.6; */
    }
    .square-box:hover {
    }
    .input-field[type="number"] {
        -moz-appearance: textfield !important;
    }
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    .desk-no {
        display: none;
    }
    .bullet-text {
        font-family: "montserrat-regular";
        font-size: 17px;
        color: #ffffff;
        padding-left: 10px;
    }
    .bullet-text1 {
        font-family: "montserrat-regular";
        font-size: 15px;
        color: #ffffff;
        padding-left: 10px;
    }
    .bullet {
        margin-top: 0px;
    }
    .pd-r {
        padding-right: 10px;
    }
    .li-mr {
        margin-bottom: 5%;
        display: flex;
        align-items: start;
    }
    .mr-bot {
        margin-bottom: 20px;
    }
    .login-back {
        background: linear-gradient(#000039, #000012);
        /* text-align:center; */
    }
    .form-outer {
        background-color: #1a1a42;
        padding: 20px;
        border-radius: 12px;
        width: 36.7%;
        margin: 0 auto;
    }
    .form-inner {
        background-color: #313150;
        padding: 8% 20px 20px 20px;
        border-radius: 12px;
    }
    .uper-div {
        padding: 4% 0px 4% 0px;
    }
    .icon-div {
        padding: 3% 0px 3% 0px;
        text-align: center;
    }
    .mr-b {
        margin-bottom: 20px !important;
    }
    .log {
        float: left;
        padding-right: 20px;
    }
    .for-text {
        color: #23ffff;
        font-family: "montserrat-medium";
        font-size: 14px;
        float: right;
    }
    .btn-log {
        background-color: #000040;
        border-radius: 10px;
        border: none;
        padding: 3px 10%;
        font-family: "montserrat-bold";
        font-size: 25px;
        color: #ffffff;
    }
    .div-btn {
        text-align: center;
        margin: 10% 0px 2% 0px;
    }
    .not-a {
        font-family: "montserrat-regular";
        font-size: 15px;
        color: #23ffff;
        margin-top: 15px;
    }
    .back-top {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/solutions/top-back.webp");
        background-size: 100% 100%;
    }
    .first-red {
        color: #ff0000;
    }
    .text_top {
        font-family: "nexa-bold";
        font-size: 55px;
        color: #ffffff;
        text-align: center;
        padding: 2% 0px 0px 0px;
    }
    .zero {
        color: #ff0000;
        font-family: "montserrat-bold";
        font-size: 30px;
    }
    .small-text {
        font-family: "montserrat-semibold";
        font-size: 24px;
        color: #ffffff;
    }
    .heading3 {
        font-family: "montserrat-regular";
        font-size: 30px;
        color: #ffffff;
        text-align: center;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .extra-pad {
        padding-left: 0%;
    }
    .extra-pad1 {
        padding-left: 0%;
    }
    nav ul a {
        display: inline-table !important;
    }
    .trd-head {
        font-family: "montserrat-regular";
        font-size: 16px;
        color: #ffffff;
    }
    .next-head {
        font-family: "montserrat-bold";
        font-size: 55px;
        color: #ffffff;
        margin-bottom: 1%;
    }
    .auto-div {
        margin: 0px auto;
        width: 100%;
        padding-bottom: 1.9%;
    }
    .banner-mobile {
        display: none;
        background-image: url(http://pci.ae/wp-content/themes/cgslhcm_wp/images/WhyUs/whyusbanner12.webp);
        background-size: 100% 100%;
        height: 300px;
    }
    .box1 {
        font-family: "montserrat-bold";
        font-size: 20px;
        color: #000230;
        background-color: #ff0000;
        border-radius: 15px;
        width: 100%;
        padding: 10px 15px;
        margin: 0px auto;
        height: 76px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .col-text {
        margin: 0 auto;
        width: 85%;
        color: #ffffff;
    }
    .p {
        margin-top: 10px;
        font-family: "montserrat-medium";
        font-size: 16px;
    }
    .gree {
        background-color: #00a400;
    }
    .pin {
        background-color: #ed1e79;
        margin-bottom: 20px;
        text-align: center;
    }
    .pin:hover {
        transform: scale(1.01);
    }
    .org {
        background-color: #e07000;
    }
    .line-height {
        line-height: 58px;
        margin-bottom: 20px;
    }
    .line-height:hover {
        transform: scale(1.01);
    }
    .mr-tp {
        margin: 20px 0px 7% 0px;
    }
    .black-baner {
        background: linear-gradient(#00001c, #000008);
    }
    .grey-box {
        font-family: "montserrat-regular";
        font-size: 20px;
        color: #ffffff;
        background-color: #ffffff21;
        border-radius: 15px;
        margin: 0px 0px 11% 0%;
        /* width: 33.3%; */
        padding: 5px 24px 24px;
    }
    .h4-t {
        font-size: 20px;
        margin-bottom: 10px !important;
    }
    .h1-t {
        color: white;
        font-family: "montserrat-bold";
        font-size: 24px;
        margin-bottom: -5px;
    }
    .imag {
        width: 100%;
    }
    .bot-pad {
        padding-bottom: 2%;
    }
    .full-div {
        margin: 0px auto;
        width: 100%;
        padding: 0px 7%;
    }
    .img-w-t {
        background-color: black;
        border-radius: 15px;
        padding: 4px 10px;
        margin: 10px 0px;
        display: flex;
        align-items: center;
    }
    .img-w-t img {
        width: 32px;
    }
    .skul-tx {
        margin: 0px 8px 0px !important;
        font-family: "montserrat-regular";
        font-size: 16px;
        color: #fff700;
    }
    .top {
        padding: 0px 0 0 0;
    }
    .mr-top-p {
        margin-top: 15px;
    }
    .mr-bt {
        margin-bottom: 10.5%;
    }
    .mr-23 {
        margin-bottom: 22%;
    }
    .mr-21 {
        margin-bottom: 21%;
    }
    .panel-heading {
        font-family: "nexa-bold";
        font-size: 49px;
        color: #ffffff;
    }
    .yell {
        color: #fff700;
    }
    .ebook-text {
        color: #ffffff;
        font-family: "montserrat-medium";
        font-size: 18px;
        margin-bottom: 3%;
    }
    .sec-down {
        display: flex;
        padding-left: 15%;
        text-align: left;
    }
    .h4-download {
        font-family: "montserrat-medium";
        font-size: 24px;
        color: #fff700;
    }
    .bold-18 {
        color: #ffffff;
        font-family: "montserrat-bold";
        font-size: 18px;
        margin: 30px 0px 0px 0px;
    }
    .regular-18 {
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 18px;
        margin: 4px 0px 15px 0px;
        text-align: left;
    }
    .border-div {
        text-align: left;
        margin-left: 6%;
        border: 0px solid #ffffff !important;
        /* padding-left: 4%; */
        border-radius: 5px;
    }
    .padding-left-down {
        padding: 2% 0 0 6%;
    }
    .download {
        background-color: #000040;
        border-radius: 22px;
        border: 1px solid #ffffff;
        color: #ffffff;
        padding: 5px 2%;
        font-family: "nexa-bold";
        font-size: 18px;
    }
    .download:focus {
        background-color: #000040;
    }
    .back-ebook {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/solutions/ebook-back.webp");
        padding: 6% 0px 2% 0px;
        background-size: 100% 100%;
    }
    .st {
        padding: 7px 1%;
        margin-right: 2%;
    }
    .bd {
        padding: 4px 1%;
    }
    a:hover {
        text-decoration: none !important;
    }
    .price-back {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/pricing/price-back.webp");
        padding: 8.7%;
        background-size: 100% 100%;
        height: auto;
    }
    .price-opac {
        background-color: #000000c2;
        color: #ffffff;
        font-family: "nexa-bold";
        font-size: 55px;
        width: 56%;
        border-radius: 15px;
        padding: 8px 20px;
        line-height: 1.2;
    }
    .get-text {
        font-size: 16px !important;
        font-family: "nexa-bold";
    }
    .c-66ff00 {
        color: #66ff00;
    }
    .c-ff0000 {
        color: #ff0000;
    }
    .c-00ffcc {
        color: #00ffcc;
    }
    .c-ffde00 {
        color: #ffde00;
    }
    .c-EC6BEA {
        color: #ec6bea;
    }
    .font {
        font-family: "montserrat-semibold";
        margin-right: 4%;
    }
    .font-col1 {
        color: #ffc600;
        font-size: 30px;
    }
    .font-col2 {
        color: #00ffff;
        font-size: 18px !important;
    }
    .font-col3 {
        color: #ff6600;
        font-size: 30px;
    }
    .mr-0 {
        margin: 0px;
    }
    .price-heading {
        font-family: "nexa-bold";
        font-size: 55px;
        color: #ffffff;
        text-align: center;
    }
    .price-baner2 {
        background: linear-gradient(#00002d, #00000e);
        padding: 1.5% 0 2.5% 0px;
    }
    .g-col {
        color: #6b53f8;
    }
    .s-col {
        color: #ec6bea;
    }
    span.w-col {
        color: #ae09ff;
    }
    .a-col {
        color: #e07000;
    }
    .number-of {
        font-family: "nexa-bold";
        font-size: 20px;
        text-align: center;
        color: #ed1e79;
        margin-bottom: 10px;
    }
    .width-div {
        margin: 0 auto;
        width: 80%;
    }
    /* .progress{
        border-radius: 10px !important;
        padding: 5px 8px;
        margin: 0px 0px 37px 3%;
        width: 94%
    }
    .progress-bar{
        background-color: #ed1e79 !important;
        border-radius: 10px;
    } */
    .ver-bar {
        width: 2px;
        background-color: #ff0000;
        height: 25px;
        margin: 10px auto;
    }
    .cent {
        text-align: center;
    }
    .red-border {
        border: 2px solid #ff0000;
        padding: 15px 10px;
        border-radius: 10px;
        color: #ffffff;
        height: 100px;
    }
    .image-w {
        width: 100%;
    }
    .ovi-pad-why {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .inner-text {
        font-family: "montserrat-medium";
        font-size: 14px;
        color: #ffbc03;
        text-align: left;
        margin: 0px;
    }
    .panel-need-help {
        /* background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/pricing/need-img.webp"); */
        padding: 30px 0px 50px 0px;
        background-size: 100% 100%;
        background-color: black;
    }
    .need-text {
        font-family: "nexa-bold";
        font-size: 55px;
        color: #000040;
        text-align: center;
    }
    .need-text2 {
        font-family: "nexa-bold";
        font-size: 24px;
        color: #781f1f;
        text-align: center;
        margin-bottom: 40px;
    }
    .bar1 {
        background-color: #000000a6;
        font-family: "montserrat-regular";
        font-size: 25px;
        color: #ffff3b;
        border-radius: 30px;
        display: inline;
        padding: 7px 12px 7px 20px;
    }

    .widt {
        background-color: #000000a6;
        width: 94px;
        height: 5px;
        display: inline-block;
        margin-bottom: 6px;
        margin-right: -3px;
        margin-left: -3px;
    }
    .center-clas {
        text-align: center;
    }
    .center-clas:hover {
        transform: scale(1.01);
    }
    .heigh {
        width: 5px;
        height: 50px;
        background-color: #000000a6;
        display: inline-block;
        margin-right: 36%;
        margin-top: 4px;
    }
    .heigh2 {
        width: 5px;
        height: 50px;
        background-color: #000000a6;
        display: inline-block;
        margin-top: 4px;
    }
    .btn-cont {
        /* //background-color: #ff0000; */
        background: linear-gradient(rgb(130 0 0), rgb(130, 2, 36));
        font-family: "montserrat-semibold";
        font-size: 18px;
        color: #ffffff;
        border-radius: 17px;
        border: none;
        padding: 5px 15px;
        margin-top: 4.5%;
    }
    .btn-cont:focus {
        background-color: #ff0000;
    }
    .btn-cont:hover {
        /* //background-color:yellow; */
        color: yellow;
    }
    .bar2 {
        background-color: #000000a6;
        font-family: "montserrat-regular";
        font-size: 25px;
        color: #ffff3b;
        border-radius: 30px;
        padding: 7px 6%;
        display: inline;
    }
    .bar3 {
        background-color: #ff0000;
        font-family: "montserrat-regular";
        font-size: 25px;
        color: #ffff3b;
        border-radius: 30px;
        padding: 7px 3%;
        display: inline;
    }
    .bar4 {
        background-color: #000000a6;
        font-family: "montserrat-regular";
        font-size: 25px;
        color: #ffff3b;
        border-radius: 30px;
        padding: 7px 4.4%;
        display: inline;
    }
    .in-mr1 {
        margin: 13px 0px;
    }
    .padd-37 {
        padding: 37px 10px;
    }
    .free-orange {
        background-color: #e07000;
        width: 250px;
        font-size: 18px;
        border-radius: 10px;
        border: none;
        font-family: "montserrat-semibold";
        color: #000000;
        margin-bottom: 14px;
        padding: 9px 5px;
    }
    .free-orange:hover {
        color: #ffffff;
    }
    .book-black {
        background: transparent;
        width: 250px;
        font-size: 18px;
        border-radius: 10px;
        border: 1px solid #ffffff;
        font-family: "montserrat-semibold";
        color: #ffffff;
        margin-bottom: 14px;
        padding: 7px 5px;
    }
    .mobile-yes {
        display: none;
    }
    .book-black:hover {
        border: 1px solid #ff0000;
        color: #ff0000;
    }
    .red-border-bottom {
        height: 133px;
        border: 2px solid #ff0000;
        padding: 15px 10px;
        border-radius: 10px;
        color: #ffffff;
    }
    .purples {
        border: 2px solid #6b53f8;
    }
    .pur {
        background-color: #6b53f8;
    }
    .blu {
        border: 2px solid #ec6bea;
    }
    .bl {
        background-color: #ec6bea;
    }
    .gre {
        border: 2px solid #00a400;
    }
    .gr {
        background-color: #00a400;
    }
    .fade-color {
        padding: 0px 10px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        opacity: 0.5;
    }
    .mal-click {
        color: black !important;
    }
    .pad-12 {
        padding: 12px 0px;
    }
    input[type="range"] + .thumb.active .value {
        color: #fff;
        margin-left: 0px !important;
        margin-top: 5px !important;
        font-size: 15px !important;
    }
    input[type="range"] + .thumb .value {
        display: block;
        width: 30px;
        text-align: center;
        color: #26a69a;
        font-size: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    input[type="range"] + .thumb {
        position: absolute;
        background-color: #ff0000;
        transform: rotate(-45deg);
        border: 2px solid #ffffff;
    }
    input[type="range"] + .thumb.active {
        border-radius: 50% 50% 50% 50% !important;
        top: -12px !important;
        margin-left: -8px !important;
    }
    input[type="range"] + .thumb {
        border-radius: 50% 50% 50% 50%;
        top: -12px !important;
        margin-left: -8px !important;
    }
    .free-orange:focus {
        background: #e07000;
    }
    .book-black:focus {
        background: transparent;
    }
    .bner-img1 {
        background: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/products/img1.webp");
        padding: 14.3% 30.5%;
        text-align: center;
        background-size: 100% 100%;
    }
    .black-opacity {
        color: #ffffff;
        font-family: "nexa-bold";
        font-size: 55px;
        background: #000000ad;
        border-radius: 15px;
        padding: 1.5% 0px;
    }
    .left-banner {
        background: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/products/laptopimg.gif");
        height: 742px;
        padding: 16.7% 6% 7.4% 22%;
        background-size: 100% 100%;
    }
    .right-banner {
        background: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/products/mobileimg.webp");
        height: 742.5px;
        background-size: 100% 100%;
    }
    .connectivity {
        font-family: "nexa-bold";
        font-size: 40px;
        color: #00ffff;
        padding-left: 14px;
    }
    .yellow-heading {
        font-family: "montserrat-bold";
        font-size: 21px;
        color: #e1ff41;
        padding-left: 14px;
        margin-bottom: 15px;
    }
    .opacity-color {
        background: #0000007a;
        font-family: "montserrat-medium";
        font-size: 18px;
        padding: 13px;
        color: #ffffff;
        border-radius: 15px;
        margin-bottom: 15px;
    }
    .more {
        text-align: center;
        margin-top: 43px;
        margin-bottom: 0px;
    }
    .mapimg {
        background: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/products/map.webp");
        background-size: 100% 100%;
    }
    .market {
        font-family: "nexa-bold";
        font-size: 40px;
        color: #ffffff;
        padding: 4% 0px;
    }
    .mr-auto {
        margin: 0 auto;
        width: 75%;
        text-align: center;
    }
    .small-opac {
        background: #0000009c;
        width: 65%;
        padding: 21px 12px 0px;
        text-align: right;
        /* height: 200px; */
    }
    .inc {
        color: #00d0d6;
        font-family: "montserrat-bold";
        font-size: 18px;
    }
    .flex {
        display: flex;
        margin-bottom: 35px;
    }
    .wid {
        width: 100%;
        height: 100%;
    }
    .wid-div {
        /* width: 35%; */
    }
    .int-text {
        font-family: "montserrat-regular";
        font-size: 16px;
        color: #ffffff;
        margin-top: 10px;
        line-height: 1.2;
    }
    .m-detail {
        font-family: "montserrat-regular";
        font-size: 21px;
        color: #ffffff;
        margin-bottom: 33px;
    }
    .wid-h {
        /* height: 94.5%; */
    }
    .bil-inc {
        margin-top: 10px;
    }
    .be-inc {
        margin-top: 31px;
    }
    .multi-inc {
        margin-top: 33px;
    }
    .peoplebanner {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/products/peopleimg.webp");
        height: 800px;
        background-size: 100% 100%;
    }
    .more-detail-button {
        /* //  background-color: #ff0000; */
        background: linear-gradient(rgb(130 0 0), rgb(130, 2, 36));
        border: none;
        border-radius: 15px;
        padding: 4px 13px;
        color: #ffffff;
        font-family: "montserrat-regular";
    }
    .more-detail-button:hover {
        background-color: #e07000;
        color: yellow;
        transform: scale(1.01);
    }
    .right-opac {
        background: #000000a6;
        height: 652px;
        width: 60%;
        float: right;
        overflow-y: scroll;
        padding: 3% 7% 1% 0px;
        text-align: center;
    }
    .increase-heading {
        font-family: "nexa-bold";
        font-size: 30px;
        color: #ffffff;
    }
    .commision0 {
        font-family: "nexa-bold";
        font-size: 20px;
        color: #ffffff;
    }
    .stru {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/products/stru.webp");
        padding: 20% 0% 0px;
        color: white;
        background-size: 100% 100%;
        margin-bottom: 20px;
    }
    .stru-main {
        margin: 0 auto;
        width: 67%;
    }
    .stru-heading-org {
        font-family: "nexa-bold";
        font-size: 24px;
        color: #ff962d;
    }
    .wit {
        width: 95%;
    }
    .top-detail {
        margin-top: 30px;
    }
    .manage-banner {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/products/maskimg.webp");
        background-size: 100% 100%;
        height: 100%;
        padding: 0 0 2.7% 0;
    }
    .myDiv {
        transform: skewX(14deg);
        text-align: center;
        text-decoration: none;
        width: 255px;
        height: 162px;
        background-color: #ff5c2d;
        padding: 19px;
    }
    .aniti-skew {
        transform: skewX(-12deg);
        width: 110%;
    }
    nav ul li {
        float: none;
    }
    .icontext {
        font-family: "nexa-bold";
        font-size: 24px;
        color: #000000;
        line-height: 1;
        margin-left: -7px;
    }
    .icontext:hover {
        transform: scale(1.01);
    }
    .state-box {
        background-color: #7f2e16;
        font-family: "montserrat-medium";
        font-size: 13px;
        color: #ffffff;
        width: 255px;
        margin-left: 20px;
        padding: 10px;
        height: 59%;
    }
    .state-box:hover {
        transform: scale(1.01);
    }
    .horizontal-box {
        font-family: "montserrat-bold";
        font-size: 24px;
        color: #ffffff;
        background: #000000;
        width: 55%;
        margin: 0px auto 3%;
        border-radius: 15px;
        padding: 7px 15px;
        border: 1px solid;
        display: flex;
        align-items: center;
    }
    .horizontal-box:hover {
        box-shadow: 0px 3px 13px #fff700;
    }
    .pd-tes {
        margin-left: 20px;
    }
    .m-col {
        color: #00e7ff;
    }
    .y-col {
        color: #d88200;
    }
    .gg-col {
        color: #ae09ff !important;
    }
    .j-col {
        color: #fff700;
    }
    .manage-heading {
        font-family: "nexa-bold";
        font-size: 55px;
        color: #ffffff;
        margin: 0px auto;
        width: 67%;
        padding: 2% 0px 15px 0px;
        text-align: center;
    }
    .mr-ato {
        margin: 0 auto;
        width: 72%;
        display: flex;
    }
    .img-right-pd {
        margin-right: 17%;
    }
    .color-43cd00 {
        background: #43cd00;
    }
    .color-216d00 {
        background: #216d00;
    }
    .color-c858ff {
        background: #c858ff;
    }
    .color-632c7f {
        background: #632c7f;
    }
    .color-7f5b25 {
        background: #7f5b25;
    }
    .color-ffb74a {
        background: #ffb74a;
    }
    .color-56c2ff {
        background: #56c2ff;
    }
    .color-2b607f {
        background: #2b607f;
    }
    .tp-dt {
        margin: 0px;
        text-align: center;
        margin-top: 2%;
        margin-bottom: 0px;
    }
    .banner-6 {
        background: black;
        text-align: center;
        padding: 2.6% 0px;
    }
    .footer-pci-text {
        font-family: "montserrat-bold";
        font-size: 30px;
        color: #ffffff;
        margin: 0px auto;
        width: 60%;
    }
    .wtkm {
        font-family: "montserrat-bold";
        font-size: 22px;
        color: #ffffff;
        margin: 30px 0px 40px 0px;
    }
    .mr-26 {
        margin-bottom: 2.6%;
    }
    .nav .open > a:hover {
        background: transparent !important;
        border-color: #ff0000 !important;
    }
    .dropdown-menu {
        background-color: #000040 !important;
    }
    .mr-l-36 {
        /* margin-left: 36px; */
    }
    .pd-15 {
        padding-left: 15px;
    }
    a .footer-link-wh:hover {
        color: yellow;
        font-weight: 800;
        transform: scale(1.01);
    }

    .white1 {
        color: white;
    }
    .btn-white:hover {
        /* box-shadow: 0px 0px 15px #ffffff; */
        background-color: orange;
        color: yellow;
        transform: scale(1.01);
    }
    .grey-box:hover {
        margin-top: -9px;
        box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
    }
    .parent1:hover .img-w-t {
        box-shadow: 0px 1px 7px #fff700;
    }
    .parent2:hover .img-w-t {
        box-shadow: 0px 1px 7px #fff700;
    }
    .parent3:hover .img-w-t {
        box-shadow: 0px 1px 7px #fff700;
    }
    .dropdown-menu li a:hover {
        color: #ff0000 !important;
        border: none !important;
    }
    .book-demo:hover {
        /* //background: #e07000; */
        color: yellow;
        transform: scale(1.01);
    }
    .congrats {
        background: linear-gradient(#00003e, #000013);
        text-align: center;
        padding: 5% 0px;
    }
    .cong-text {
        font-family: "montserrat-bold";
        font-size: 45px;
        color: #fff700;
    }
    .cong-inner-text {
        font-family: "montserrat-bold";
        font-size: 35px;
        color: #ffffff;
    }
    .congrat-para {
        font-family: "nexa-light";
        font-size: 24px;
        color: #ffffff;
        margin: 2% 0px;
    }
    .home-button {
        background: #ff0000;
        font-family: "montserrat-regular";
        font-size: 18px;
        padding: 5px 15px;
        border: none;
        color: #ffffff;
        border-radius: 20px;
    }
    .home-button:hover {
    }
    .home-button:focus {
        background: #ff0000;
    }
    .right1 {
        text-align: right;
        margin-top: -24px;
    }
    .background-cm {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/chennelmanager/cm-top.webp");
        padding: 5% 0px 0% 0px;
    }
    .cm-mr-auto {
        margin: 0 auto;
        width: 79%;
        padding: 2% 0px;
    }
    .cm-mr-auto-web {
        margin: 0 auto;
        width: 79%;
        padding: 2% 0px 0px 0px;
    }
    .cm-heading {
        font-family: "nexa-bold";
        font-size: 48px;
        color: #ffffff;
        line-height: 1.3;
    }
    .out-red {
        font-family: "nexa-bold";
        font-size: 30px;
        color: #ffffff;
        padding: 10px 0% 10px 10.6%;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        width: 44%;
        background: #ff0000;
    }
    .border-log-ch {
        border: 2px solid #ffffff;
        text-align: center;
        padding: 20px;
        border-radius: 20px;
        height: 390px;
    }
    .width-img-chlog {
        width: 100%;
    }
    .bord-hr {
        border: 1px solid #ffffff;
    }
    .text-ch-log {
        font-size: 20px;
        font-family: "montserrat-medium";
        color: #ffffff;
    }
    .cm-font {
        font-family: "montserrat-regular";
        font-size: 22px;
        color: #00ffff;
        line-height: 2.5;
    }
    .cm-bullet {
        width: 10px;
        height: 10px;
        background-color: #ea8200;
        border-radius: 10px;
        margin-top: 11px;
        margin-right: 10px;
        margin-top: 1.5%;
        float: left;
    }
    .flt {
        margin-left: 20px;
        margin-bottom: 5px;
    }
    .flex-cm {
        display: flex;
    }
    .flex-cmm {
        display: flex;
    }
    .cm-pannel2 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/chennelmanager/cm-panel2.webp");
        background-size: 100% 100%;
        padding: 0% 0% 5% 0%;
    }
    .e1ff41 {
        color: #e1ff41;
    }
    .mont-para {
        font-family: "montserrat-medium";
        font-size: 18px;
        color: #ffffff;
        margin-bottom: 4%;
    }
    .light-opac {
        background: #ffffff3d;
        display: flex;
        border-radius: 15px;
        padding: 10px 15px;
        margin-top: 10px;
    }
    .light-opac-text {
        font-family: "montserrat-medium";
        font-size: 16px;
        color: #ffffff;
        width: 90%;
        border-left: 2px solid;
        padding: 12px 10px;
    }
    .disp {
        width: 10%;
    }
    .ovi {
        padding: 0px 25px;
    }
    .cm-pannel3 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/chennelmanager/cm-panel3.webp");
        text-align: center;
        background-size: 100% 100%;
        padding: 4% 0% 5%;
    }
    .heading-text-cen {
        font-family: "nexa-bold";
        font-size: 50px;
        color: #ffffff;
        text-align: center;
        margin-bottom: 3%;
    }
    .adr {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/chennelmanager/adrbtn.webp");
        padding: 29.7% 0%;
        background-size: 100% 100%;
    }
    .bc-color {
        background: #0c0054;
        padding: 4.5% 3%;
    }
    .rev-heding {
        font-family: "nexa-bold";
        font-size: 50px;
        color: #ffffff;
        margin-bottom: 15px;
    }
    .cm-h1 {
        margin: 10px 0 10px 0px;
        font-family: "montserrat-bold";
        font-size: 24px;
        color: #ffff00;
    }
    .cm-para {
        font-family: "montserrat-medium";
        font-size: 15px;
        color: #ffffff;
    }
    .cm-width {
        width: 10%;
        padding: 2.5% 0px;
    }
    .cm-border {
        border-left: 2px solid #ffffff;
        padding-left: 15px;
        width: 69%;
    }
    .mr-bt-35 {
        margin-bottom: 4%;
    }
    .cm-pannel4-p1 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/chennelmanager/p1.webp");
        background-size: 100% 100%;
        width: 30%;
    }
    .font-size-20-db {
        font-size: 20px;
    }
    .cm-img {
        width: 50%;
    }
    .cm-pannel4-p2 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/chennelmanager/p2.webp");
        height: 646px;
        background-size: 100% 100%;
        width: 30%;
    }
    .cm-pannel-color {
        background-color: black;
        width: 40%;
        padding: 2%;
        text-align: right;
    }
    .cm-pannel5 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/chennelmanager/chart.webp");
        background-size: 100% 100%;
        padding: 3% 0px 7% 0px;
    }
    .centr {
        text-align: center;
        margin-bottom: 17px;
    }
    .cm-background-color {
        background-color: #012424b3;
    }
    .analytics {
        font-family: "montserrat-medium";
        font-size: 40px;
        color: #080a31;
        background: #ffffff;
        letter-spacing: 16.5px;
        padding: 2px 10px 2px 25px;
        margin: 0px;
    }
    .mr-bt-0 {
        margin-bottom: 0px;
    }
    .opac-green {
        background: #012424b3;
        padding: 3% 0px;
    }
    .cm-border2 {
        border-left: 2px solid #ffffff;
        padding-left: 15px;
    }
    .img-padding-green {
        padding: 22px 12px 22px 0px;
    }
    .displayflex {
        display: flex;
    }
    .border-right {
        border-right: 2px solid #ffffff;
        padding-right: 15px;
        margin-bottom: 30px;
    }
    .img-right {
        padding: 20px 0px 25px 23px;
    }
    .bottom-mr {
        margin-bottom: 10%;
    }
    .pm-heading {
        font-family: "nexa-bold";
        font-size: 50px;
        color: #ffffff;
    }
    .pm-pci-text {
        font-family: "nexa-bold";
        font-size: 40px;
        color: #ffffff;
    }
    .pm-text-p {
        font-family: "nexa-light";
        font-size: 25px;
        color: #ffffff;
        width: 44%;
    }
    .pms-back {
        background-image: url("../../wp-content/themes/cgslhcm_wp/images/pms/cm-top.webp");
        padding: 4% 0px;
        background-size: 100% 100%;
    }
    .direct-booking {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/directbooking/direct1.webp");
        padding: 3% 0px;
        background-size: 100% 100%;
    }
    .dir-4 {
        background-image: url("../../wp-content/themes/cgslhcm_wp/images/directbooking/direct4.webp");
        padding: 0% 0px 2%;
        background-size: 100% 100%;
        margin-top: 20px;
    }
    .dir-head-4 {
        font-family: "nexa-bold";
        font-size: 50px;
        color: #ffffff;
        text-align: center;
        margin-bottom: 2%;
    }
    .form-opac11 {
        background-color: #2c2c54b8;
        border-radius: 20px;
        padding: 3% 2% 1% 2%;
        margin: 2% 0px 4% 0px;
    }
    .img-text-dir {
        background: transparent;
        font-size: 24px;
        font-family: "montserrat-bold";
        color: #ffff00;
        /* margin: 7px 10px; */
    }
    .dir-mr-bot {
        margin-bottom: 7px;
    }
    .dir-flex {
        display: flex;
        align-items: center;
    }
    .dir-mr-top {
        margin-top: 15%;
    }
    .color-box {
        padding: 10px;
        background: #00a400;
        font-family: "montserrat-regular";
        font-size: 16px;
        color: #ffffff;
    }
    .color-box1 {
        padding: 10px;
        background: #ff0000;
        font-family: "montserrat-regular";
        font-size: 16px;
        color: #ffffff;
    }
    .color-box2 {
        padding: 10px;
        background: #e07000;
        font-family: "montserrat-regular";
        font-size: 16px;
        color: #ffffff;
    }
    .img-100 {
        width: 100%;
    }
    .dir-check {
        background: #ffffff;
        height: 10px;
        width: 10px;
        border-radius: 3px;
        margin-right: 10px;
        margin-top: 5px;
        display: inline-block;
    }
    .dir-black-box {
        display: flex;
        align-items: center;
        background: black;
        color: #ffffff;
        padding: 10px;
        border-radius: 15px;
        font-size: 24px;
        font-family: "montserrat-medium";
        text-align: center;
        margin: 0 auto;
        width: 80%;
    }
    .dir-black-box:hover {
        box-shadow: 0px 0px 10px yellow;
    }
    .orange-bar {
        background: #c16000;
        font-family: "nexa-bold";
        font-size: 25px;
        color: #ffffff;
        width: 50%;
        border-top-right-radius: 50px;
        padding: 15px 3% 15px 10.5%;
        border-bottom-right-radius: 50px;
        line-height: 1.3;
    }
    .one-text {
        margin-left: 15px;
        font-family: "montserrat-regular";
        font-size: 18px;
        color: #ffffff;
        border-left: 3px solid yellow;
        padding: 15px 0px 15px 15px;
    }
    .one-text.one-text1 {
        border-left: 3px solid #ae09ff;
    }
    .one-text.one-text2 {
        border-left: 3px solid red;
    }
    .mr-bt-d {
        margin-bottom: 25px;
    }
    .onedir {
        font-family: "helvetica-medium";
        font-size: 6em;
        color: red;
        padding-right: 0px;
    }
    .dir-pannel {
        font-family: "nexa-bold";
        font-size: 50px;
        color: #ffffff;
        text-align: center;
        margin-bottom: 5%;
    }
    .centr-dir {
        text-align: center;
        margin: 0 auto;
        width: 90%;
    }
    .border-bottom-h1 {
        border-bottom: 3px solid;
        padding-bottom: 7px;
    }
    /* .back-dire{
        background-color: #000031;
        color: #ffffff;
        padding: 2% 0px;
    } */
    .dir-para {
        font-family: "montserrat-medium";
        font-size: 18px;
        color: #ffffff;
        text-align: center;
    }
    .dir-back3 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/directbooking/direct3.webp");
    }
    .dir-5 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/directbooking/direct2.webp");
        background-size: 100% 100%;
        padding: 3% 0px;
    }
    .font-dir {
        font-size: 24px;
        font-family: "montserrat-bold";
    }
    .left-border-dir {
        border-left: 4px solid #ff0000;
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 18px;
        padding-left: 15px;
        display: flex;
        align-items: center;
        margin-bottom: 25px;
    }
    .left-border-dir1 {
        border-left: 4px solid #dc00f5;
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 18px;
        padding-left: 15px;
        display: flex;
        align-items: center;
        margin-bottom: 25px;
    }
    .left-border-dir2 {
        border-left: 4px solid #7b9aff;
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 18px;
        padding-left: 15px;
        display: flex;
        align-items: center;
        margin-bottom: 25px;
    }
    .left-border-dir3 {
        border-left: 4px solid #00fcc9;
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 18px;
        padding-left: 15px;
        display: flex;
        align-items: center;
        margin-bottom: 25px;
    }
    .mr-0dr {
        margin-top: 0px !important;
    }
    .center-dir {
        text-align: center;
        font-family: "nexa-bold";
        font-size: 50px;
    }
    .zerocommission {
        font-family: "montserrat-medium";
        font-size: 40px;
        color: #ffffff;
        margin-left: 10.5%;
        margin-top: 30px;
    }
    .green-bar {
        background: linear-gradient(180deg, green, #80c249);
        font-family: "nexa-bold";
        font-size: 25px;
        color: #ffffff;
        width: 50%;
        border-top-right-radius: 80px;
        padding: 15px 3% 15px 10.5%;
        border-bottom-right-radius: 80px;
        line-height: 1.3;
    }
    .pms-btn {
        padding: 7px 22px;
        margin-top: 3.5%;
    }
    .ffb301 {
        color: #ffb301;
    }
    .pms-opac-div {
        font-family: "nexa-bold";
        font-size: 40px;
        color: #ffffff;
        background: #0000007a;
        padding: 10px;
        text-align: center;
        border-radius: 14px;
        margin-bottom: 5%;
    }
    .pms-panel2 {
        padding: 2% 0px 5%;
        background-size: 100% 100%;
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/pms/pms-panel2.webp");
    }
    .pms-text-box {
        font-family: "montserrat-medium";
        font-size: 14px;
        color: #ffffff;
        border-top: 5px solid #ffffff;
        padding: 10% 5%;
        margin-top: 10px;
    }
    .colwhite {
        color: #ffffff;
    }
    .pm-tex {
        font-family: "montserrat-bold";
        font-size: 24px;
        color: #e07000;
    }
    .pms-round-box {
        background-color: #000000db;
        border: 5px solid #ffffff;
        border-radius: 40px;
        width: 78%;
        margin: 0 auto;
        height: 390px;
    }
    .pms-image-div {
        border-bottom: 5px solid #ffffff;
        padding: 7% 35%;
        margin-bottom: 10px;
    }
    .no-mr {
        margin: 0px;
        padding: 0px;
        text-align: center;
    }
    .pms-panel3 {
        background-image: url("../../wp-content/themes/cgslhcm_wp/images/pms/pms-panel3.webp");
        background-size: 100% 100%;
        padding-bottom: 4%;
    }
    .mr-90 {
        margin: 0 auto;
        width: 100%;
        height: 100vh;
    }
    .nexa-text {
        font-family: "nexa-bold";
        font-size: 50px;
        color: #ffffff;
        text-align: center;
        padding: 3% 0px;
    }
    .pms-panel5 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/pms/pms-panel5.webp");
        /* background-size: 100% 100%; */
    }
    .pms-digi {
        font-family: "nexa-bold";
        font-size: 50px;
        color: #ffffff;
        margin-bottom: 15px;
    }
    .pms-mont {
        font-family: "montserrat-regular";
        font-size: 20px;
        color: #ffffff;
    }
    .verticle-center {
        padding: 37% 0% 40% 8%;
    }
    .img-width {
        width: 100%;
    }
    .pms-panel4 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/pms/pms-panel4.webp");
        padding: 7% 0px;
    }
    .pms-panel-opacity {
        background: #000000a3;
    }
    .pms-nexa-bold {
        font-family: "nexa-bold";
        font-size: 50px;
        color: #ffffff;
        text-align: center;
    }
    .montserrat-med {
        font-family: "montserrat-medium";
        font-size: 18px;
        color: #ffffff;
        text-align: center;
        margin: 0 auto;
        width: 55%;
    }
    .pms-panel-heading {
        font-family: "montserrat-bold";
        font-size: 24px;
        color: #ed1e79;
        margin: 0px 0px 10px;
    }
    .pms-flex-text {
        font-family: "montserrat-medium";
        font-size: 16px;
        color: #ffffff;
        margin: 0px;
        line-height: 1.2;
    }
    .pms-img-box {
        background-color: #ed1e79;
        padding: 13% 3%;
    }
    .pms-opac-opac {
        background: #0000008a;
        padding: 0px;
        padding: 19px 10px;
    }
    .pd-left-0 {
        padding-right: 0px !important;
    }
    .pms-green {
        background-color: #00cf00;
    }
    .pms-red {
        background-color: #ff0000;
    }
    .pms-orange {
        background-color: #e07000;
    }
    .pms-blue {
        background-color: #5858ff;
    }
    .pms-sky {
        background-color: #00d0d6;
    }
    .pms-green1 {
        color: #00cf00;
        padding-top: 15px;
    }
    .pms-red1 {
        color: #ff0000;
        padding-top: 15px;
    }
    .pms-orange1 {
        color: #e07000;
        padding-top: 24px;
    }
    .pms-blue1 {
        color: #5858ff;
        padding-top: 15px;
    }
    .pms-sky1 {
        color: #00d0d6;
        padding-top: 24px;
    }
    .pms-pink1 {
        color: #ed1e79;
    }
    .mr-20 {
        margin-bottom: 20px;
    }
    .pmspad {
        padding-top: 10px;
    }
    .pd-r-r {
        padding-right: 0px !important;
    }
    .mr-top-over {
        margin-top: 3%;
    }
    .width-calendar {
        margin: 0 auto;
        width: 50%;
    }
    body table.booked-calendar td.prev-date .date {
        cursor: not-allowed;
        background: #1a1a43 !important;
        color: #ff0000 !important;
    }
    body {
        line-height: 1.43 !important;
        background: #000213 !important;
    }

    .col-white-a {
        color: #ffffff;
    }
    .col-white-a:hover {
        color: #ffffff;
    }
    .padding-20 {
        padding: 20px;
    }
    .pd-ledt-2 {
        padding-left: 2px !important;
    }
    .pd-right-2 {
        padding-right: 2px !important;
    }
    .dir-6 {
        background-color: #001043;
    }
    .dir-mr-auto {
        margin: 0 auto;
        width: 79%;
    }
    .heading-dir-b {
        font-family: "montserrat-bold";
        font-size: 40px;
        color: #ffffff;
        margin-bottom: 10px;
    }
    .dir-para-book {
        font-family: "montserrat-regular";
        font-size: 18px;
        color: #ffffff;
        margin-bottom: 35px;
    }
    .mont-dir {
        font-family: "montserrat-bold";
        font-size: 24px;
        margin: 0px 0px;
        margin-bottom: 10px;
    }
    .pad-auto-dir {
        padding: 23% 0px;
    }
    .yellow-web {
        color: yellow;
    }
    .webapp {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/webapp/banner1.webp");
        padding: 3% 0px;
        background-size: 100% 100%;
    }
    .pnik-bar {
        background: #ed1e79;
        font-family: "nexa-bold";
        font-size: 25px;
        color: #ffffff;
        width: 50%;
        border-top-right-radius: 80px;
        padding: 15px 3% 15px 10.5%;
        border-bottom-right-radius: 80px;
        line-height: 1.3;
    }
    .blue-web {
        color: #10fbbd;
    }
    .background-webapp {
        background-image: url("../../wp-content/themes/cgslhcm_wp/images/webapp/banner2.webp");
        padding: 2% 0px 9%;
        background-size: 100% 100%;
    }
    .pannel-web3 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/webapp/banner3.webp");
        background-size: 100% 100%;
    }
    .heading-col {
        font-family: "montserrat-bold";
        font-size: 40px;
        color: #ffffff;
        padding: 2% 0px;
        text-align: center;
        border-bottom: 2px solid;
    }

    .webapp-color {
        background-color: #000026;
        padding: 0% 0px 2%;
    }
    .web-heading {
        font-family: "nexa-bold";
        font-size: 50px;
        color: #ffffff;
        text-align: center;
        padding: 3% 0px;
    }
    .elementor img {
        max-width: none !important;
    }
    .mob1 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/webapp/mob1.webp");
        background-size: 100% 100%;
        height: 656px;
        text-align: center;
    }
    .mob2 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/webapp/mob2.webp");
        background-size: 100% 100%;
        height: 656px;
        text-align: center;
    }
    .mob3 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/webapp/mob3.webp");
        background-size: 100% 100%;
        height: 656px;
        text-align: center;
    }
    .mob4 {
        background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/webapp/mob4.webp");
        background-size: 100% 100%;
        height: 656px;
        text-align: center;
    }
    .inner-div-webapp {
        position: absolute;
        bottom: 53%;
        font-family: "montserrat-semibold";
        font-size: 20px;
        padding: 0px 21px 0px 12px;
    }
    .inner-div-bottom {
        position: absolute;
        bottom: 10%;
        font-family: "montserrat-semibold";
        font-size: 20px;
        padding: 0px 21px 0px 12px;
    }
    .ca3ea9c {
        color: #a3ea9c;
    }
    .c359ef3 {
        color: #359ef3;
    }
    .cfed74c {
        color: #fed74c;
    }
    .cdf7836 {
        color: #df7836;
    }
    .cc967f3 {
        color: #c967f3;
    }
    .c996dff {
        color: #996dff;
    }
    .cfc5c5c {
        color: #fc5c5c;
    }
    .cff0000 {
        color: #ff0000 !important;
    }
    .app-heading {
        font-family: "montserrat-bold";
        font-size: 40px;
        color: #ffffff;
        text-align: center;
        margin: 3% 0px 0px 0px;
    }
    .mr-tp-aeb {
        margin-top: 5%;
    }
    .icon-app-text.cfff540 {
        color: #fff540;
    }
    .icon-app-text.c22ff00 {
        color: #df7836;
    }
    .app-text {
        color: #ffffff;
        font-family: "montserrat-regular";
        text-align: center;
        font-size: 20px;
        margin: 0 auto;
        width: 70%;
    }
    .icon-app-text {
        font-family: "montserrat-bold";
        font-size: 22px;
        color: #4a94ff;
        text-align: center;
        margin-top: 10px;
    }
    .bottom-border {
        border-bottom: 3px solid #ffffff;
    }
    .para-text-app {
        font-family: "montserrat-regular";
        font-size: 18px;
        color: #ffffff;
        margin-top: 20px !important;
        margin-bottom: 5% !important;
    }
    .bar11 {
        width: 70px;
        height: 10px;
        border-radius: 10px;
        background-color: #ff00bb;
    }
    .bar12 {
        width: 70px;
        height: 10px;
        border-radius: 10px;
        background-color: #ff6600;
    }
    .bar13 {
        width: 70px;
        height: 10px;
        border-radius: 10px;
        background-color: #22ff00;
    }
    .bar14 {
        width: 70px;
        height: 10px;
        border-radius: 10px;
        background-color: #ff0000;
    }
    .bar15 {
        width: 70px;
        height: 10px;
        border-radius: 10px;
        background-color: #8e1dff;
    }
    .bar16 {
        width: 70px;
        height: 10px;
        border-radius: 10px;
        background-color: #31ffff;
    }
    .bar17 {
        width: 70px;
        height: 10px;
        border-radius: 10px;
        background-color: #2071ff;
    }
    .bar18 {
        width: 70px;
        height: 10px;
        border-radius: 10px;
        background-color: #dfff00;
    }

    .bar-text-app {
        font-family: "montserrat-medium";
        font-size: 20px;
        color: #ff00bb;
        margin-top: 10px;
        margin-bottom: 60px;
    }
    .ba12.bar-text-app {
        font-family: "montserrat-medium";
        font-size: 20px;
        color: #ff6600;
        margin-top: 10px;
        margin-bottom: 60px;
    }
    .ba13.bar-text-app {
        font-family: "montserrat-medium";
        font-size: 20px;
        color: #22ff00;
        margin-top: 10px;
        margin-bottom: 60px;
    }
    .ba1.bar-text-app {
        font-family: "montserrat-medium";
        font-size: 20px;
        color: #ff0000;
        margin-top: 10px;
        margin-bottom: 60px;
    }
    .ba15.bar-text-app {
        font-family: "montserrat-medium";
        font-size: 20px;
        color: #8e1dff;
        margin-top: 10px;
        margin-bottom: 60px;
    }
    .ba16.bar-text-app {
        font-family: "montserrat-medium";
        font-size: 20px;
        color: #31ffff;
        margin-top: 10px;
        margin-bottom: 60px;
    }
    .ba17.bar-text-app {
        font-family: "montserrat-medium";
        font-size: 20px;
        color: #2071ff;
        margin-top: 10px;
        margin-bottom: 60px;
    }
    .ba18.bar-text-app {
        font-family: "montserrat-medium";
        font-size: 20px;
        color: #dfff00;
        margin-top: 10px;
        margin-bottom: 60px;
    }

    .all-bar {
        text-align: center;
        text-align: -webkit-center;
        width: 70%;
        margin: 0 auto;
    }
    .navbar-nav > li > .dropdown-menu {
        padding: 0px 10px !important;
    }
    .hr-no-mr {
        color: #ff0000;
        margin: 0px;
        border: 1px solid;
    }
    .app-pannel-5 {
        background: linear-gradient(#00001a, #00000d);
        padding-bottom: 2%;
    }
    .heading-app-panel-5 {
        font-family: "montserrat-bold";
        font-size: 40px;
        color: #ffffff;
        text-align: center;
        margin: 0% 0px 2% 0px;
    }
    .w-1001 {
        width: 100%;
    }
    .rotate-text {
    }
    .pad-33p {
        padding-left: 33px;
    }
    .rota {
        margin: 0px;
        transform: rotate(-90deg);
        left: -141px;
        position: absolute;
        top: 43%;
        font-family: "nexa-bold";
        font-size: 37px;
        color: #d69900;
    }
    .wi-100 {
        width: 100%;
    }
    .web-yell {
        background-color: #d69900;
        padding: 10px;
        font-size: 18px;
        font-family: "montserrat-bold";
        color: #ffffff;
        margin-bottom: 20px;
    }
    .web-yell2 {
        background-color: #d69900;
        padding: 10px;
        font-size: 18px;
        font-family: "montserrat-bold";
        color: #ffffff;
        position: absolute;
        right: 0px;
        width: 400px;
    }
    .web-yell22 {
        background-color: #ff3f3f;
        padding: 10px;
        font-size: 18px;
        font-family: "montserrat-bold";
        color: #ffffff;
        position: absolute;
        right: 0px;
        width: 138%;
    }
    .web-yell222 {
        background-color: #ff3f3f;
        padding: 10px;
        font-size: 18px;
        font-family: "montserrat-bold";
        color: #ffffff;
        position: absolute;
        top: 179px;
    }
    .mt-0 {
        margin-top: 0px !important;
    }
    .web-blue-box {
        background-color: #000040;
        border-radius: 10px;
        padding: 10px;
    }
    .web-blue-box:hover {
        box-shadow: 0px 3px 8px #730000;
    }
    .web-iii {
        font-size: 16px;
        padding-left: 8px;
        align-items: center;
    }
    .fle {
        display: flex;
        align-items: center;
    }
    .web-ij {
        font-size: 15px;
        font-family: "montserrat-bold";
        margin-top: -4px;
    }
    .web-yel-under {
        font-size: 16px;
        font-family: "montserrat-bold";
        margin-top: 7px;
    }
    .cd-l {
        padding-left: 0px;
    }
    .web-nexa-col {
        font-family: "nexa-bold";
        font-size: 37px;
        color: #ff3f3f;
        text-align: right;
    }
    .back-gree-web {
        font-size: 18px !important;
        font-family: "montserrat-bold";
        padding: 10px !important;
        background-color: #80a419;
        color: #ffffff;
        position: absolute !important;
        top: 80px;
        width: 535px;
        z-index: 99;
    }
    .back-gree-web2 {
        font-size: 16px;
        font-family: "montserrat-bold";
        padding: 18px;
        background-color: #80a419;
        color: #ffffff;
        position: absolute;
        top: 220px;
        margin-right: 10px;
    }

    .web-nexa-col1 {
        font-family: "nexa-bold";
        font-size: 45px;
        color: #80a419;
        text-align: right;
    }
    .back-blue-web {
        font-size: 16px;
        font-family: "montserrat-bold";
        padding: 18px;
        background-color: #3384e1;
        color: #ffffff;
        width: 648px;
        position: absolute;
        top: 40px;
        z-index: 9999;
        left: 30px;
    }
    .back-blue-web2 {
        font-size: 16px;
        font-family: "montserrat-bold";
        padding: 18px;
        background-color: #3384e1;
        color: #ffffff;
        position: absolute;
        top: 140px;
        z-index: 9999;
        left: 30px;
        margin-right: 15px;
    }
    .rota2 {
        transform: rotate(-90deg);
        position: absolute;
        left: -147px;
        top: 115px;
        color: #3384e1;
        font-family: "nexa-bold";
        font-size: 45px;
    }
    .pl-01 {
        padding-left: 0px !important;
    }
    .dis-flx-ico {
        display: flex;
        width: 100%;
    }
    .font-pro-pci {
        color: #ffffff;
    }

    /* ========================  carousel css  ============================== */
    .carouse-container {
        background-color: black;
    }
    .carousel {
        position: relative;
        height: 690px !important;
        margin-top: 150px;
        perspective: 1500px !important;
        padding: 0px;
        margin: 0px;
        margin-top: -22px;
    }
    .carousel .carousel-item {
        width: 380px !important;
        height: 500px !important;
    }
    .carousel .carousel-item img {
        height: 725px;
        max-width: 389px;
        transform: translateX(15px) translateY(-90px);
    }
    .mobile {
        width: 257px;
        height: 349px;
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1000;
        display: none;
    }

    /* ================================================= */
    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        /* height: 500px; */
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        background: transparent;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-button-prev {
        left: 85px !important;
        right: auto;
        color: #ffffff !important;
        top: 43% !important;
    }
    :root {
        --swiper-navigation-size: 85px !important;
        --swiper-theme-color: #ff0000 !important;
    }
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 85px !important;
        left: auto;
        color: #ffffff !important;
        display: none;
    }
    .mr-bt-dir {
        margin-bottom: 5%;
    }
    .swiper-pagination-bullet {
        background-color: #ff0000 !important;
        width: 13px !important;
        height: 13px !important;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets {
        margin: 73px 0px 0px 0px !important;
    }
    .swiper-pagination {
        position: initial !important;
    }
    /* ================================================== */
    .fsslider > .fsfull-value {
        width: 100%;
        background: #ffffff !important;
        opacity: 0.2;
        height: 15px !important;
        border-radius: 10px !important;
    }
    .fsslider > .fssel-value {
        background: linear-gradient(
            90deg,
            #00a400,
            #ec6bea,
            #6b53f8,
            #ff0000
        ) !important;
        margin-top: 3.5px !important;
        right: 50%;
        height: 6px !important;
        border-radius: 10px !important;
        left: 6px !important;
    }
    #unranged-value {
        width: 95%;
    }
    .fsslider {
        margin: 0px 2.5% 2.5% !important;
    }
    .fsslider > .fscaret,
    .fsslider > .fssel-left,
    .fsslider > .fssel-right {
        font-family: "nexa-bold" !important;
        font-size: 19px !important;
        background: #ff0000 !important;
        color: #ffffffff !important;
        border-radius: 27px !important;
        border: 2px solid #ffffff !important;
        min-width: 35px !important;
        height: 35px !important;
        padding: 5px 0px !important;
        top: 2px !important;
    }
    .book-demoe:focus {
        /* //background: yellow; */
    }

    /* ================================================== */

    #map {
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 15px;
    }
    .pac-card {
        margin: 10px 10px 0 0;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        background-color: #fff;
        font-family: Roboto;
    }

    #pac-container {
        padding-bottom: 12px;
        margin-right: 12px;
    }

    .pac-controls {
        display: inline-block;
        padding: 5px 11px;
    }

    .pac-controls label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
    }

    #pac-input {
        background-color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 15px;
        font-weight: 300;
        margin-left: 12px;
        padding: 5px 11px 5px 13px;
        text-overflow: ellipsis;
        width: 400px;
        z-index: 0;
        position: absolute;
        left: 15px !important;
        top: 15px !important;
        width: 80%;
        border-radius: 15px;
    }

    #pac-input:focus {
        border-color: #4d90fe;
    }
    .map {
        width: 100%;
        height: 342px !important;
    }
    .background-colur {
        background: black;
    }
    .panel {
        background: transparent !important;
    }
    .panel-default {
        border: none !important;
    }
    img.arr_down {
        transform: rotate(180deg);
    }
    .abc {
        font-family: "montserrat-bold";
        color: #ffffff;
        font-size: 20px;
        text-decoration: none;
        margin-left: 4px;
        margin-bottom: 10px;
        display: block;
        width: 100%;
    }
    .number-box {
        width: 25px;
        height: 25px;
        background-color: #ff0000;
        text-align: center;
        color: #ffffff;
        border-radius: 4px;
        padding: 2;
        padding: 3px 0px;
    }
    .abc:hover {
        color: #ff0000;
    }

    /* .heading{
        font-family: 'robotoregular';
        color: white;
        font-size: 20px;
        text-align: center;
        padding: 11px;


    }
    .mainheader{
        margin-bottom: 0.25px;
        height: 72px;
        position: absolute;
        width: 100%;

    }
    .subheader{
        background-color:#be0c3e;
         text-align: center;
         margin-bottom: 30px;
         color: white;
         font-size: 30px;
         font-family: 'robotoregular';
         padding: 5px;
        }
    .container{
        background-color:#ffffffc9;
        padding-top: 15px;
        padding-left:15px;
        margin-top: 20px;
        margin-bottom: 20px;
        border-radius:20px;
        padding-right: 24px;

    }
    .abc{
        font-family: 'robotobold';
        color: #00205B;
        font-size: 20px;
        text-decoration: none;
        margin-left: 4px;
        margin-bottom: 10px;
        display: block;
    }
    .text{
        font-family: 'robotoregular';
        color: #484848;
        font-size: 14px;
        padding-bottom: 0px;
        margin-left: 9px;
        text-align: justify;
    }
    .cardcolor{
        background: linear-gradient(50deg,#3b409c,#1a356c);
        margin-left: 50px;
        margin-right: -24px;
        margin-top: 10px;
        text-align: justify;
        margin-bottom: 10px;
    }
    .boldheading{
        font-family: 'robotobold';
        color: white;
        font-size: 16px;
        padding: 10px 15px 5px 20px;
    }
    .head{
         font-family: 'robotoregular';
         color: white;
         font-size: 14px;
         padding: 15px 24px 4px 24px;
         margin-bottom: 0px;
        }
    .textarea{
        font-family: 'roboto';
        color: #484848;
        font-size: 14px;
        margin-left: 49px;
        text-align: justify;
    }
    .cardcolor-mr{
        margin-bottom: 70px;
    }
    .hr-pd{
        margin-top: 5px;
        margin-left: 8px;
        margin-bottom: 10px;
    }
    .icon{
        display: inline;
        float: right;
    }
    .img-one{
        padding-right: 12px;
        width: 33px;
    }
    .image{
        padding-right: 12px;
        width: 33px;
    }
    .img-two{
        width: 20px;

    }
    .col-md-3{
        padding-top: 12px;
    }

    .logo-text{
        font-family: 'robotoregular';
        color: white;
        font-size: 29px;
        margin-top:-33px;
        margin-left:0px;
        padding-top: 21px;
        float: left;

    }
    .logo-inline{
        display: inline;
    }
    .image-height{
        padding-top: 15px;
        height: 60px;
        margin-left: 10px;
        margin-top: 10px;
    }
    .selector{
        float: right;
        height: 30px;
        background: transparent;
        color: white;
        border: none;
        width: 26%;
        height: auto;
        margin-top: 5px;
        font-size: 12px;
        text-align: center;
    }
      .padding{
          padding-top: 10px;
      {
      .panel{
          background: transparent;
          border: none;
          box-shadow: none;
      {
      .a{
          text-decoration: none;
      {
      .image-38{
        width: 100%;
        margin-bottom: -23px;
      {
      .image-39{
          width: 100%;
          margin-bottom: 50px;
          margin-top: -21px;
      {

      .indent{
          text-indent: 25px;
          line-height: 1.3;
      {
      .pull-right{
        margin-top: 4px;
      {


         .container {
            width: 1150px;
            padding-top: 11px;
        } */
    .hr-pd-div {
        border-top: 3px solid #4464ed;
        margin: 0px !important;
    }
    .panel {
        display: flex;
    }
    .indent {
        margin-left: 20px;
    }
    .cardcolor {
        background: linear-gradient(50deg, #00001f, #00001c);
        text-align: justify;
        padding: 20px;
        margin-bottom: 10px;
        border-radius: 10px;
    }
    .bullet-points::before {
        content: " ";
        height: 10px;
        width: 10px;
        position: absolute;
        margin: 5px 0px;
        background: #ff0000;
        margin-left: -18px;
        border-radius: 2px;
        margin-top: 8px;
    }
    .sub-bullet-points::before {
        content: " ";
        height: 10px;
        width: 10px;
        position: absolute;
        margin: 5px 0px;
        background: #4ff90b;
        margin-left: -25px;
        border-radius: 2px;
    }
    .sub-bullet-points {
        font-size: 16px;
        text-indent: 25px;
        line-height: 1.3;
    }
    p {
        margin: 0 0 6px;
    }
    summary::-webkit-details-marker {
        display: none;
    }
    summary {
        outline: none;
    }

    /* =================Media query for laptop ============================= */
    @media only screen and (max-width: 1457px) and (min-width: 1100px) {
        .elementor-section .elementor-container {
            display: block !important;
            display: block;
            margin-right: auto;
            margin-left: auto;
            position: relative;
        }
        header .nav li a {
            padding: 9px 5px 9px 5px;
            font-family: "montserrat-regular";
            font-weight: 400;
            font-size: 15px;
        }
        .cm-heading {
            font-size: 40px;
        }
        .out-red {
            font-size: 25px;
        }
        .analytics {
            font-size: 40px;
            letter-spacing: 10px;
            padding: 2px 10px 2px 10px;
        }
        .rev-heding {
            font-size: 40px;
        }
        .cm-pannel4-p2 {
            height: 585px;
        }
        .flex-cm {
            display: flex;
            align-items: center;
        }
        .pms-digi {
            font-size: 40px;
        }
        .pms-nexa-bold {
            font-size: 40px;
        }
        .verticle-center {
            padding: 20% 0% 20% 8%;
        }
        .pms-panel5 {
            background-image: url(http://pci.ae/wp-content/themes/cgslhcm_wp/images/pms/pms-panel5.webp);
            background-size: 100% 100%;
        }
        .wtkm {
            margin: 30px 0px 30px 0px;
        }
        .nexa-text {
            font-size: 40px;
        }
        .flex-cm.mr-20.laptop {
            display: block;
            align-items: center;
            text-align: center;
        }
        .pms-img-box {
            padding: 2% 3%;
        }
        .adr {
            padding: 36.9% 0%;
        }
        .heading-text-cen {
            font-size: 40px;
        }
        .cm-pannel2 {
            padding: 0% 0% 1% 0%;
        }
        .disp {
            width: 14%;
        }
        .light-opac {
            align-items: center;
        }
        .cm-font {
            font-size: 17px;
        }
        .background-cm {
            background-image: url(http://pci.ae/wp-content/themes/cgslhcm_wp/images/chennelmanager/cm-top.webp);
            padding: 5% 0px 0% 0px;
            background-size: 100% 100%;
        }
        .call {
            float: right;
            background-color: #ffffff;
            height: 100px;
            border-bottom-left-radius: 10px;
            padding: 20px 6px;
            text-align: center;
            position: fixed;
            bottom: 0;
            right: 0;
            top: 35.3%;
            z-index: 9999;
        }
        .hwb-heading {
            font-family: "montserrat-bold";
            font-size: 24px;
            color: #e0d100;
            margin-bottom: 5px;
        }
        .hwb-text {
            font-family: "montserrat-medium";
            font-size: 14px;
            color: #ffffff;
            padding-bottom: 3%;
            height: unset;
        }
        .square-box {
            background-color: #ff00004f;
            border-radius: 20px;
            padding: 10px;
            text-align: left;
            height: 335px;
        }

        .horizontal-box {
            font-size: 18px;
        }
        .manage-heading {
            font-size: 40px;
        }
        header .nav {
            padding: 22px 0% 22px 0px;
        }
        .opac-text {
            color: #ffffff;
            font-family: "nexa-bold";
            font-size: 45px;
        }
        .p-text {
            color: #ffffff;
            font-family: "montserrat-medium";
            font-size: 20px;
        }
        .banner2 {
            height: 440px;
        }
        .opacti-div {
            margin: 8% 0px;
        }
        .opa-div {
            margin: 15% 5%;
        }
        .wwo {
            font-family: "montserrat-bold";
            font-size: 45px;
            color: #ffffff;
            margin-bottom: 5%;
        }
        .left-border {
            border-left: 3px solid #ffffff;
            margin-bottom: 6%;
        }
        .h1-style {
            font-family: "montserrat-bold";
            font-size: 20px;
            color: #3de4ff;
            padding-left: 20px;
        }
        .par-tex {
            font-size: 15px;
        }
        .pannel3-div {
            padding: 0% 0% 10% 20%;
        }
        .trendy-head {
            font-size: 45px;
        }
        .trendy-para {
            font-size: 20px;
        }
        .panel5-heading {
            font-family: "montserrat-bold";
            font-size: 45px;
            color: #ffffff;
            padding: 4% 0% 4% 2%;
        }
        .red-head {
            font-size: 25px;
        }
        .red-texts {
            color: #ffffff;
            font-family: "montserrat-regular";
            font-size: 17px;
        }
        .red-box {
            background-color: #b80000;
            height: 238px;
            width: 290px;
            padding: 10px 15px;
        }
        .demand {
            font-size: 25px;
        }
        .blue-box {
            height: 238px;
            width: 290px;
            padding: 10px 0px;
        }
        .mr-l-36 {
            margin-left: 21px;
        }
        .panel-heading {
            font-size: 40px;
        }
        .back-ebook {
            padding: 2% 0px 2% 0px;
        }
        .panel5-background {
            background: linear-gradient(#000000, #000a4a);
            height: 885px;
        }
        .panel5 {
            height: 885px;
        }
        .text_top {
            font-size: 45px;
        }
        .pm-pci-text {
            font-size: 30px;
        }
        .pm-heading {
            font-size: 40px;
        }
        .next-head {
            font-size: 40px;
        }
        .pms-back {
            background-size: 100% 100%;
            padding: 1% 0px;
        }
        .pms-btn {
            margin-top: 1.5%;
        }
        .need-text2 {
            font-size: 20px;
        }
        .price-heading {
            font-size: 40px;
        }
        .free-orange {
            width: 225px;
        }
        .need-text {
            font-size: 40px;
        }
        .book-black {
            width: 225px;
        }
        .font {
            font-size: 27px !important;
        }
        .price-opac {
            font-size: 40px;
            width: 100% !important;
            margin-left: 0% !important;
        }
        .price-back {
            padding: 8.7% 20%;
        }
        .box1 {
            height: 60px;
        }
        .mr-tp {
            margin: 20px 0px 16% 0px;
        }
        .box1 {
            font-size: 18px;
        }
        .grey-box {
            font-size: 16px !important;
        }
        .mr-ato {
            margin: 0 auto;
            width: 85%;
            display: flex;
            overflow: auto;
        }
        .wid {
            width: 100%;
            height: 100% !important;
        }
        .small-opac {
            padding: 21px 12px 10px;
            height: 200px;
        }
        .int-text {
            font-family: "montserrat-regular";
            font-size: 15px;
            color: #ffffff;
            margin-top: 10px;
            line-height: 1.2;
        }
        .right-opac {
            height: 700px;
        }
        .black-opacity {
            font-size: 40px;
        }
    }
    /* =================Media query for mobile ============================= */
    @media only screen and (max-width: 768px) {
        .gif {
            width: 100%;
        }
        .panel-need-help {
            /* background-image: url(http://pci.ae/wp-content/themes/cgslhcm_wp/images/pricing/footer.webp); */
            padding: 30px 0px 30px 0px;
            background-size: 100% 100%;
            background-color: black;
        }
        .web-nexa-col1.mobile-yes span {
            right: -75px !important;
        }
        .dir-back3 {
            background-image: none;
        }
        .containers {
            display: inline;
        }
        .btn-cont {
            font-size: 14px;
            margin-top: 16.5%;
            margin-bottom: 8px;
        }
        .banner1 {
            background-image: url("../../wp-content/themes/cgslhcm_wp/images/WhyUs/whybanner1.webp");
            /* height: 860px; */
            background-size: 100% 100%;
        }
        .banner3 {
            /* background-image:  url("../img/WhyUs/whybanner3mob.jpg"); */
            height: 307%;
            background-size: 100% 100%;
        }
        .hwb-text {
            font-family: "montserrat-medium";
            font-size: 14px;
            color: #ffffff;
            padding-bottom: 3%;
            height: unset;
        }
        /* .dir-6{
        background-color: black;
    } */
        .back-color {
            background: black;
        }
        .banner4 {
            /* background-image:  url("../img/WhyUs/Screenshotwhy.png"); */
            /* height: 550px; */
            background-size: 100% 100%;
        }
        .mapimg {
            background: url("../../wp-content/themes/cgslhcm_wp/images/products/pro4.webp");
            background-size: 100% 100%;
        }
        .manage-banner {
            background-image: url("../../wp-content/themes/cgslhcm_wp/images/products/pro6.webp");
            background-size: 100% 100%;
            height: auto;
            padding: 0 0 2.7% 0;
        }
        .cm-pannel3 {
            background-image: url("../../wp-content/themes/cgslhcm_wp/images/chennelmanager/ch3.webp");
            text-align: center;
            background-size: 100% 100%;
            padding: 4% 0% 5%;
        }
        .cm-pannel2 {
            background-image: url("../../wp-content/themes/cgslhcm_wp/images/chennelmanager/ch2.webp");
            background-size: 100% 100%;
            padding: 0% 0% 5% 0%;
        }
        .back-ebook {
            background-image: url("../../wp-content/themes/cgslhcm_wp/images/solutions/sol3.webp");
            padding: 6% 0px 2% 0px;
            background-size: 100% 100%;
        }
        .back-top {
            background-image: url("../../wp-content/themes/cgslhcm_wp/images/solutions/sol2.webp");
            background-size: 100% 100%;
            padding: 15px 0px;
        }
        .pms-panel4 {
            background-image: url("../../wp-content/themes/cgslhcm_wp/images/pms/pms4.webp");
            padding: 7% 0px;
        }
        .pms-panel5 {
            /* background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/pms/pms6.webp"); */
            background-image: url("../img/pms/digital-comunication-hori.jpg");
            background-size: 100% 100%;
            padding: 0% 0px 68%;
            height: 75%;
            width: 100%;
        }
        .direct-booking {
            background-image: url(../../wp-content/themes/cgslhcm_wp/images/directbooking/direct-mob.webp);
            padding: 28% 0px 10px 0px;
            background-size: cover;
            background-position: top;
            height: 346px;
        }
        .post-pci {
            background-color: #000000ad;
            border-radius: 20px;
            padding: 10px 5px;
            margin: 0 auto;
            width: 85%;
        }
        .dir-5 {
            background-image: url(../../wp-content/themes/cgslhcm_wp/images/directbooking/direct-mob-2.webp);
            background-size: 100% 100%;
            padding: 3% 0px;
        }
        .webapp {
            background-image: url(../img/webapp/banner1-mob.jpg);
            padding: 46% 0px 10px 0px;
            background-size: 100% 100%;
            height: 45%;
        }
        .mr-0dr {
            margin-top: -5px !important;
            margin-bottom: 22px;
            margin-left: 10px;
        }
        .desk-yes {
            display: none;
        }
        .log-img-260 {
            height: unset;
        }
        .small-opac {
            padding: 15px 12px 10px;
        }

        .mob-padddin {
            padding: 20px 20px 20px 0px;
        }
        .mob-padddingg {
            padding: 0px 20px;
        }
        .desk-no {
            display: block;
            /* margin-left: 15px; */
        }
        .m-detail {
            margin-bottom: 31px !important;
        }
        .m-detail.top-detail {
            margin: 28px 0px 16px 0px !important;
        }
        .cal-color-sky {
            color: #00d7ff;
        }
        .hwb-heading {
            margin-bottom: 5px;
        }
        .pms-opac-div {
            font-size: 27px;
            background: #000000a8;
            line-height: 1.2;
            padding: 20px;
        }
        .bold-18 {
            margin: 15px 0px 0px 0px;
        }
        .rotate-text {
            margin-top: 10px;
        }
        .strt-trail.pms-btn {
            padding: 5px 10px !important;
        }
        .banner-6 {
            padding: 5% 0px;
        }
        .wd-img-mob-1200 {
            width: 1200px;
        }
        .boxxxxx {
            padding: 5% 0% 3% 0px;
            margin-top: 30px;
        }
        .desk-no-mob-yes {
            display: block;
        }
        .mob-noe {
            display: none;
        }
        .carousel {
            perspective: 400px !important;
        }
        [type="checkbox"]:checked + span:not(.lever):before {
            top: -2px !important;
            left: -1px !important;
        }
        [type="checkbox"] + span:not(.lever):before {
            width: 8px !important;
            height: 15px !important;
        }
        .navbar-toggle {
            position: relative !important;
            float: right !important;
            padding: 9px 10px !important;
            margin-right: 0px !important;
            margin-top: 23px !important;
            margin-bottom: 8px !important;
            background-image: none !important;
            border: 1px solid transparent !important;
            border-radius: 4px !important;
            background-color: #ff0000 !important;
        }
        .jjj-col {
            color: #00b2ff !important;
        }
        .heading3 {
            font-family: "montserrat-regular";
            font-size: 20px;
            color: #ffffff;
            text-align: center;
            margin-bottom: 20px;
            margin-top: 8px;
        }
        .red-border-bottom {
            height: 133px;
            border: 2px solid #ff0000;
            padding: 15px 10px;
            border-radius: 10px;
            color: #ffffff;
            margin-bottom: 20px;
        }
        .login-fix {
            background-color: #ffffff;
            font-family: "montserrat-regular";
            font-size: 12px;
            color: #001043;
            position: fixed;
            padding: 4px;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px;
            z-index: 999;
            right: 35px;
            top: 89px;
        }
        .switcher .selected {
            background: #ffffff
                url(//pci.ae/wp-content/plugins/gtranslate/switcher.webp)
                repeat-x;
            position: relative;
            z-index: 9999;
            display: none;
        }
        .obligation {
            color: #ff9b37;
            white-space: pre;
            display: block;
        }
        .trail {
            color: #6de1ff;
            /* white-space: pre; */
            display: block;
        }
        .cost {
            color: #fff700;
        }
        .lin-brk {
            color: #ffffff;
        }
        .width-icon {
            width: 13.2%;
        }
        .text-book {
            color: #000040;
            font-family: "nexa-bold";
            font-size: 12px;
        }
        .book-button {
            float: right;
            background-color: #ffffff;
            height: 80px;
            border-top-left-radius: 10px;
            padding: 9px 3px;
            text-align: center;
            position: fixed;
            bottom: 0;
            right: 0;
            top: 32%;
            z-index: 999;
            font-size: 13px;
            display: none;
        }
        .call {
            float: right;
            background-color: #ffffff;
            height: 80px;
            border-bottom-left-radius: 10px;
            border-top-left-radius: 10px;
            padding: 9px 0px;
            text-align: center;
            position: fixed;
            bottom: 0;
            right: -4px;
            top: 28%;
            z-index: 9999;
        }
        .home-backimage {
            background-image: url(../../wp-content/themes/cgslhcm_wp/images/home/img-index.webp);
            /* background-image:"({{url('wp-content/themes/cgslhcm_wp/images/home/img-index.webp')}})"; */
            padding: 22% 0% 22% 0%;
            background-size: 100%;
            background-repeat: no-repeat;
            text-align: -webkit-center;
        }
        .opac-div {
            width: 85%;
            text-align: center;
            background-color: #00000085;
            border-radius: 15px;
            padding: 0px 0px 20px 0px;
        }
        .book-demoe {
            background-color: yellow;
            /* color: #ff0000; */
            border-radius: 20px;
            padding: 4px 2% 4px !important;
            font-family: "montserrat-regular";
            font-size: 13px !important;
            /* border: 2px solid #ffffff; */
            animation-duration: 4s !important;
        }
        a .strt-trail {
            background-color: #ff0000;
            padding: 5px 2% !important;
            color: #ffffff;
            border-radius: 20px;
            border: none;
            font-family: "montserrat-regular";
            font-size: 13px !important;
            margin-right: 4%;
            margin-top: 5%;
            animation-duration: 4s !important;
        }
        .pd-hospt {
            padding-top: 10px;
        }
        .red-t {
            color: #ffffff;
            font-family: "nexa-bold";
            font-size: 30px;
        }
        .red-h {
            color: #ff0000;
            font-family: "nexa-bold";
            font-size: 30px;
        }
        .hospitality-box {
            border-radius: 20px;
            width: 100%;
            border: 1px solid #ff0000;
            padding: 10px 1%;
            /* margin: 0px 23px; */
            margin: 0 auto;
            width: 87%;
        }
        .hospitality-text {
            color: #ffffff;
            text-align: left;
            font-family: "montserrat-medium";
            font-size: 12px;
            padding-left: 20px;
        }
        .pd-box {
            padding-top: 10px;
        }
        .col-padding-right {
            padding: 5px 15px !important;
        }
        .col-padding-left {
            padding: 5px 15px !important;
        }
        .col-pd {
            padding: 0% 4% 6% !important;
        }
        .carousel .carousel-item img {
            height: 600px;
            max-width: 300px !important;
            transform: translateX(15px) translateY(-90px);
        }
        .how-we-book {
            color: #ffffff;
            font-family: "nexa-bold";
            font-size: 30px;
            text-align: center;
            padding: 3% 0px 0px 0px;
        }
        .square-box {
            background-color: #ff00004f;
            border-radius: 20px;
            padding: 10px;
            text-align: left;
            margin-bottom: 10px;
            height: 100% !important;
        }
        .img-50 {
            width: 50%;
            margin-bottom: 0px;
        }
        .access-bot {
            background-color: black;
            padding: 0%;
        }
        .pci_icon {
            margin-bottom: 30px;
            width: 40%;
        }
        .footer-link {
            color: #e0e000;
            font-size: 17px;
            font-family: "montserrat-bold";
            list-style-type: none;
            margin-top: 0%;
        }

        .footer-link-wh {
            color: #ffffff;
            font-size: 14px;
            line-height: 1.47;
            font-family: "montserrat-regular";
            list-style-type: none;
        }
        .secure {
            margin-top: 0%;
            width: 36%;
        }
        .pcidss {
            margin-top: 0%;
            width: 36%;
        }
        .bottom {
            font-family: "montserrat-medium";
            font-size: 10px;
            color: #ffffff;
            text-align: center;
        }
        .footer-background {
            background-image: none;
            background-color: black !important;
            padding: 27px 0px 15px 0px;
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .para {
            font-family: "montserrat-regular";
            font-size: 14px;
            color: #ffffff;
            padding: 0px 14%;
        }
        .opa-div {
            background-color: #000000a8;
            margin: 29% 5%;
            border-radius: 15px;
            font-family: "nexa-bold";
            font-size: 30px !important;
            color: #ffffff;
            padding: 2% 0%;
            line-height: 1.1;
        }
        .opa-div {
            background-color: #000000a8;
            margin: 15% 1%;
            border-radius: 15px;
            font-family: "nexa-bold";
            font-size: 30px !important;
            color: #ffffff;
            padding: 2% 0%;
        }
        .opacti-div {
            background-color: #0000006b;
            width: 80%;
            padding: 3% 5% 3% 3%;
            margin: 0 auto;
            border-radius: 15px;
            float: none;
        }
        .p-text {
            color: #ffffff;
            font-family: "montserrat-medium";
            font-size: 14px;
            margin-bottom: 15px;
        }
        .banner2 {
            background-image: url(../../wp-content/themes/cgslhcm_wp/images/WhyUs/whyusbanner1.jpg);
            background-size: 100% 100%;
            padding: 8% 0px;
            height: 300px;
        }
        .banner-mobile {
            display: block;
            background-image: url(../../wp-content/themes/cgslhcm_wp/images/WhyUs/whyusbanner12.jpg);
            background-size: 100% 100%;
            height: 300px;
        }
        .wwo {
            font-family: "montserrat-bold";
            font-size: 30px;
            color: #ffffff;
            margin-bottom: 3%;
        }
        .pannel3-div {
            padding: 3% 0% 5% 0% !important;
        }
        .h1-style {
            font-family: "montserrat-bold";
            font-size: 15px;
            color: #3de4ff;
            padding-left: 16px;
        }
        .par-tex {
            font-family: "montserrat-regular";
            font-size: 12.5px;
            color: #ffffff;
            text-align: justify;
        }
        .left-border {
            border-left: 5px solid #ffffff;
            margin-bottom: 4%;
        }
        .h1-style {
            font-family: "montserrat-bold";
            font-size: 15px;
            color: #3de4ff;
            padding-left: 16px;
            margin-top: 13px;
        }
        .trendy-para {
            font-family: "montserrat-regular";
            font-size: 15px;
            color: #ffffff;
            margin-bottom: 3%;
            /* width: 70%; */
        }
        .trendy-head {
            font-family: "montserrat-bold";
            font-size: 24px;
            color: #ffffff;
            margin-top: 0px;
            line-height: 1.1;
        }
        .panel4 {
            padding: 7% 0% 7% 0% !important;
        }
        .btn-book {
            font-family: "montserrat-regular";
            font-size: 15px;
            color: #ffffff;
            background-color: #000a65;
            border-radius: 20px;
            padding: 4px 2%;
            margin-top: 10px;
            border: none;
        }
        .panel5 {
            background-image: url("../img/WhyUs/whyusbanner5.jpg");
            height: 410px;
            background-size: 100% 100%;
        }
        .panel5-background {
            background: linear-gradient(#000000, #000a4a);
            height: unset;
        }
        .panel5-heading {
            font-family: "montserrat-bold";
            font-size: 29px;
            color: #ffffff;
            padding: 12% 0% 4% 3%;
            text-align: center;
            line-height: 0.1;
        }
        .rotate {
            font-family: "montserrat-bold";
            font-size: 29px;
            transform: rotate(0deg);
            color: #ffffff;
        }
        .col-div-2 {
            height: unset;
            padding: 0px 0px 10px 0px;
            text-align: center;
        }
        .red-box {
            background-color: #b80000;
            height: unset;
            width: unset;
            padding: 10px 15px;
            margin-left: 0px !important;
        }
        .red-texts {
            color: #ffffff;
            font-family: "montserrat-regular";
            font-size: 15px;
        }
        .demand {
            color: #ff0000;
            font-family: "montserrat-bold";
            font-size: 20px;
            margin-top: 0px;
            margin-bottom: 5px;
        }
        .blue-box {
            height: unset;
            width: unset;
            padding: 10px 0px;
            margin-left: 0px !important;
        }
        .opac-text {
            color: #ffffff;
            text-align: center;
            font-family: "nexa-bold";
            font-size: 30px;
            line-height: 1.85;
        }
        .pd-15 {
            padding-left: 0px;
        }
        .mr-top {
            margin-top: 0px;
        }

        .red-head {
            color: #ffd500;
            font-family: "montserrat-bold";
            font-size: 20px;
            margin-top: 0px;
            margin-bottom: 5px;
        }
        .mr-tp-why {
            margin: 0px !important;
        }
        .pci-term {
            font-family: "montserrat-bold";
            font-size: 21px;
            margin-bottom: 17px;
            margin-top: 0px;
        }
        .pci-size {
            font-family: "montserrat-bold";
            font-size: 30px;
            color: #ffffff;
            margin-top: 0px;
        }
        .btn-white {
            background-color: #ff0000;
            font-family: "montserrat-regular";
            font-size: 14px;
            color: #ffffff;
            border-radius: 10px;
            border-radius: 20px;
            padding: 4px 15px;
            border: none;
        }
        .text_top {
            font-family: "nexa-bold";
            font-size: 30px;
            color: #ffffff;
            text-align: center;
            padding: 4% 0px 4% 0px;
            line-height: 1.1;
        }
        .font-15-text-gray {
            font-size: 15px;
        }
        .small-text {
            font-family: "montserrat-semibold";
            font-size: 20px;
            color: #ffffff;
        }
        .zero {
            color: #ff0000;
            font-family: "montserrat-bold";
            font-size: 20px;
        }
        .next-head {
            font-family: "montserrat-bold";
            font-size: 30px;
            color: #ffffff;
            margin-bottom: 1%;
            text-align: center;
            line-height: 1.1;
        }
        .line-height {
            line-height: 20px;
            margin: 10px 0px;
        }
        .box1 {
            font-family: "montserrat-bold";
            font-size: 17px;
            color: #ffffff;
            background-color: #ff0000;
            text-align: center;
            border-radius: 15px;
            width: 80%;
            padding: 10px 15px;
            margin: 0px auto;
            height: 48px;
            margin-top: 30px;
        }
        .p {
            margin-top: 10px;
            font-family: "montserrat-medium";
            font-size: 15px;
        }

        .w-col-w {
            color: #ff7d00;
        }
        .panel-heading {
            font-family: "nexa-bold";
            font-size: 30px;
            color: #ffffff;
            line-height: 1.1;
        }
        .disdis {
            display: block;
        }
        .ebook-text {
            color: #ffffff;
            font-family: "montserrat-medium";
            font-size: 15px;
            margin-bottom: 3%;
        }
        .sec-down {
            display: block;
            padding-left: 0;
            text-align: center;
        }
        .h4-download {
            font-family: "montserrat-medium";
            font-size: 20px;
            color: #fff700;
        }
        .regular-18 {
            color: #ffffff;
            font-family: "montserrat-regular";
            font-size: 16px;
            margin: 4px 0px 15px 0px;
            text-align: center;
        }
        .download {
            background-color: #000040;
            border-radius: 22px;
            border: 1px solid #ffffff;
            color: #ffffff;
            padding: 2% 3%;
            font-family: "nexa-bold";
            font-size: 15px;
        }
        .mob {
            z-index: 99999;
            background-color: #000040;
            border-radius: 10px;
            margin-top: -2px;
            display: block;
        }
        .nav > li {
            padding-left: 0px;
            border-bottom: 2px solid #ff0000;
        }
        header .nav li a.active {
            opacity: 1;
            background: transparent;
            border-bottom: none;
            color: #fff;
        }
        header .nav li a {
            opacity: 1;
            color: #ffffff;
            padding: 9px 10px 9px 10px;
            font-family: "montserrat-regular";
            font-weight: 400;
            font-size: 15px;
        }
        .mobl {
            display: block !important;
        }
        .desk {
            display: none !important;
        }
        .gree {
            background-color: #00a400;
            width: 80%;
        }
        .pin {
            background-color: #ed1e79;
            margin: 0px 30px;
            width: 80%;
            margin-top: 30px;
        }
        .org {
            background-color: #e07000;
            width: 80%;
        }
        .full-div {
            /* margin: 0px auto; */
            width: 100%;
            padding: 0px 0%;
        }
        .col-md-4 .grey-box {
            font-family: "montserrat-regular";
            font-size: 13px !important;
            color: #ffffff;
            background-color: #ffffff21;
            border-radius: 15px;
            margin: 0px 0px 11% 0% !important;
            padding: 20px 15px 15px !important;
            height: auto !important;
        }
        .mr-bt {
            margin-bottom: 5%;
        }
        .h4-t {
            font-size: 18px;
            /* margin-bottom: 5%; */
        }
        .h1-t {
            color: white;
            font-family: "montserrat-bold";
            font-size: 20px;
            margin-bottom: 0px;
        }
        .mr-23 {
            margin-bottom: 3px;
        }
        .skul-tx {
            margin: 0px 8px 0px !important;
            font-family: "montserrat-regular";
            font-size: 14px;
            color: #fff700;
        }
        .mr-21 {
            margin-bottom: 3px;
        }
        .swiper-button-prev {
            /* background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E); */
            left: 10px;
            right: auto;
            display: none !important;
        }
        .swiper-button-next {
            /* background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E); */
            right: 10px;
            left: auto;
            display: none !important;
        }
        .bner-img1 {
            background: url(../../wp-content/themes/cgslhcm_wp/images/products/pro1.webp);
            padding: 36% 10%;
            text-align: center;
            background-size: 100% 100%;
            height: 45vh;
        }
        .black-opacity {
            color: #ffffff;
            font-family: "nexa-bold";
            font-size: 25px;
            background: #000000c9;
            border-radius: 15px;
            padding: 2% 0px;
        }
        .left-banner {
            background: url(../../wp-content/themes/cgslhcm_wp/images/products/laptopimg.gif);
            padding: 4% 6% !important;
            background-size: 100% 100%;
            background-position: center;
            background-attachment: scroll;
            height: 45% !important;
            padding: 20px 0px;
        }
        .connectivity {
            font-family: "nexa-bold";
            font-size: 30px;
            color: #00ffff;
            padding-left: 14px;
        }
        .yellow-heading {
            font-family: "montserrat-bold";
            font-size: 17px;
            color: #e1ff41;
            padding-left: 14px;
            margin-bottom: 5px;
        }
        .yellow-heading.hhh {
            margin-bottom: 15px;
        }

        .more {
            margin-top: 23px;
        }
        .opacity-color {
            background: #000000ab;
            font-family: "montserrat-medium";
            font-size: 15px;
            padding: 13px;
            color: #ffffff;
            border-radius: 15px;
            margin-bottom: 15px;
        }
        .pl-0 .right-banner {
            background: url(../../wp-content/themes/cgslhcm_wp/images/products/pro3.webp);
            height: 45% !important;
            background-size: cover;
            background-position: center;
        }
        .small-opac {
            height: unset !important;
        }
        .market {
            font-family: "nexa-bold";
            font-size: 30px;
            color: #ffffff;
            padding: 4% 0px;
        }
        .mr-auto {
            margin: 0 auto;
            width: 100%;
            text-align: center;
        }
        .int-text {
            font-family: "montserrat-regular";
            font-size: 12px !important;
            color: #ffffff;
            margin-top: 5px;
            line-height: 1.3;
        }
        .inc {
            color: #00d0d6;
            font-family: "montserrat-bold";
            font-size: 16px;
            margin-bottom: 0px;
        }
        .pd-tes {
            font-size: 16px;
        }
        .stru {
            background-image: url(http://pci.ae/wp-content/themes/cgslhcm_wp/images/products/stru.webp);
            padding: 2% 0% 0px;
            color: white;
            background-size: 100% 100%;
            margin-bottom: 20px;
        }
        .horizontal-box {
            font-family: "montserrat-bold";
            font-size: 14px;
            color: #ffffff;
            background: #000000;
            width: 90%;
            margin: 0px auto 6%;
            border-radius: 15px;
            padding: 7px 15px;
            border: 1px solid;
            display: flex;
            align-items: center;
        }
        .m-detail.tp-dt {
            margin: 16px 0px !important;
        }
        .manage-heading {
            font-family: "nexa-bold";
            font-size: 30px;
            color: #ffffff;
            margin: 0px auto;
            width: 90%;
            padding: 5% 0px 15px 0px;
            text-align: center;
        }
        .mr-ato {
            margin: 0 auto;
            width: 90%;
            display: flex;
            overflow: auto;
        }
        .footer-pci-text {
            font-family: "montserrat-bold";
            font-size: 20px;
            color: #ffffff;
            margin: 0px auto;
            width: 90%;
        }
        .wtkm {
            font-family: "montserrat-bold";
            font-size: 25px;
            color: #ffffff;
            margin-bottom: 6px;
        }
        .price-back {
            background-image: url(../img/pricing/price-back-mob.jpg);
            padding: 5%;
            background-size: 100% 100%;
            height: 35%;
        }
        .mobile-none {
            display: none;
        }
        .mobile-yes {
            display: block;
            text-align: center;
        }
        .price-opac {
            background-color: #000000ad;
            color: #ffffff;
            font-family: "nexa-bold";
            font-size: 25px;
            width: 100% !important;
            margin-left: 0% !important;
            border-radius: 15px;
            padding: 7px 20px;
            margin-top: 37%;
            text-align: center;
            line-height: 1;
        }
        .price-op-div {
            padding-left: 0% !important;
            padding-top: 0% !important;
        }
        .div-pd {
            padding-top: 0px;
            margin-right: 20px;
        }
        .width-icon {
            width: 100%;
        }
        .pd-bottom-img {
            padding-bottom: 0px;
            width: 4em;
        }
        .dis-flx-ico {
            display: flex;
            width: 95%;
            margin: 0 auto;
            overflow: auto;
        }
        .bot-img {
            font-size: 18px;
            color: #6b53f8;
            font-family: "montserrat-bold";
        }
        .fb-img {
            font-size: 18px;
            color: #5895ff;
            font-family: "montserrat-bold";
        }
        .wht-img {
            color: #7bba57;
            font-size: 18px;
            font-family: "montserrat-bold";
        }
        .moble-img {
            font-size: 18px;
            color: #ec6bea;
            font-family: "montserrat-bold";
        }
        .plane-img {
            font-size: 18px;
            color: #ff0000;
            font-family: "montserrat-bold";
        }
        .messag-img {
            color: #24a6e2;
            font-size: 18px;
            font-family: "montserrat-bold";
        }
        .phone-img {
            color: #00a400;
            font-size: 18px;
            font-family: "montserrat-bold";
        }
        .pd-icons {
            padding-top: 8px;
            padding-bottom: 35px;
        }
        .peoplebanner {
            background-image: url(../../wp-content/themes/cgslhcm_wp/images/products/pro5.webp) !important;
            height: 800px !important;
            background-size: 100% 100%;
            padding: 20px 0px;
        }
        .font-pro-pci {
            font-size: 13px;
            color: #ffffff;
            font-family: "montserrat-regular";
            border-bottom: 2px solid;
            padding-bottom: 10px;
        }
        .font {
            font-family: "montserrat-semibold";
            font-size: 20px !important;
            white-space: pre !important;
            display: block !important;
        }
        .price-heading {
            font-family: "nexa-bold";
            font-size: 30px;
            color: #ffffff;
            text-align: center;
            /* margin: 0 auto; */
            margin-top: 20px;
            width: 80%;
            line-height: 1.2;
        }
        .number-of {
            font-family: "nexa-bold";
            font-size: 18px;
            text-align: center;
            color: #ed1e79;
            margin-bottom: x0px;
        }
        .width-div {
            margin: 0 auto;
            width: 95%;
        }
        .fsslider > .fscaret {
            font-family: "nexa-bold" !important;
            font-size: 13px !important;
            background: #ff0000 !important;
            color: #ffffffff !important;
            border-radius: 27px !important;
            border: 1px solid #ffffff !important;
            min-width: 25px !important;
            height: 25px !important;
            padding: 0px 0px !important;
            top: 6px !important;
        }
        .red-border {
            border: 2px solid #ff0000;
            padding: 0px 10px;
            border-radius: 10px;
            color: #ffffff;
            height: 100px;
            display: flex;
            align-items: center;
        }
        #unranged-value {
            width: 95%;
            margin-bottom: 20px;
        }
        .purples {
            border: 2px solid #6b53f8;
        }
        .blu {
            border: 2px solid #ec6bea;
        }
        .gre {
            border: 2px solid #00a400;
        }
        .cent {
            text-align: center;
            margin-top: 0px;
        }
        .price-baner2 {
            background: linear-gradient(#00002d, #00000e);
            padding: 4% 0 7% 0px;
        }
        .need-text {
            font-family: "nexa-bold";
            font-size: 30px;
            color: #ff4b00;
            /* color: red; */
            text-align: center;
            line-height: 1.2;
        }
        .need-text2 {
            font-family: "nexa-bold";
            font-size: 18px;
            color: #ffae42;
            text-align: center;
            margin-bottom: 25px;
        }
        .bar4 {
            background-color: #21a0b5;
            font-family: "nexa-bold";
            font-size: 15px;
            color: #ffff3b;
            border-radius: 30px;
            padding: 7px 4%;
            display: block;
            margin-top: 15px;
        }
        .widt {
            background-color: #000000a6;
            width: 94px;
            height: 5px;
            display: none;
        }
        .bar3 {
            background-color: #041ef9;
            font-family: "nexa-bold";
            font-size: 15px;
            color: #ffff3b;
            border-radius: 30px;
            padding: 7px 3%;
            display: block;
            margin-top: 15px;
        }
        .heigh {
            display: none;
        }
        .heigh2 {
            display: none;
        }
        .bar1 {
            /* background-color: #000000a6; */
            font-family: "nexa-bold";
            background-color: #7f00bd;
            font-size: 15px;
            color: #ffff3b;
            border-radius: 30px;
            display: block;
            padding: 7px 12px 7px 20px;
            margin-bottom: 15px;
        }
        .bar2 {
            /* background-color: #bf3cbd; */
            background-color: #f651bf;
            font-family: "nexa-bold";
            font-size: 15px;
            color: #ffff3b;
            border-radius: 30px;
            padding: 7px 6%;
            display: block;
        }
        .cm-pannel4-p1 {
            background-image: url(../../wp-content/themes/cgslhcm_wp/images/chennelmanager/p1.webp);
            background-size: 100% 100%;
            width: 100%;
            height: 500px;
        }
        .displayflex {
            display: block;
        }
        .cm-pannel-color {
            background-color: black;
            width: 100%;
            padding: 5% 4% 4% 4%;
            text-align: right;
        }
        .rev-heding {
            font-family: "nexa-bold";
            font-size: 30px;
            color: #ffffff;
            text-align: center;
        }
        .cm-pannel-color {
            background-color: black;
            width: 100%;
            padding: 4%;
            text-align: left;
            height: 80%;
        }
        .cm-h1 {
            margin: 10px 0 10px 0px;
            font-family: "montserrat-bold";
            font-size: 15px;
            color: #ffff00;
        }
        .cm-para {
            font-family: "montserrat-medium";
            font-size: 13px;
            color: #ffffff;
        }
        .bottom-mr {
            margin-bottom: 4%;
        }
        .cm-pannel4-p2 {
            background-image: url(../../wp-content/themes/cgslhcm_wp/images/chennelmanager/ch8.webp);
            height: 600px;
            background-size: 100% 100%;
            width: 100%;
        }
        .cm-heading {
            font-family: "nexa-bold";
            font-size: 25px;
            color: #ffffff;
            line-height: 1.2;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 15px;
        }
        .line-brk {
            display: block;
            font-size: 22px;
        }
        .mr-0dr.ovi-mr-0dr {
            margin-top: 13px !important;
            margin-bottom: 0px;
        }
        .pm-text-p.ind-pm-tex {
            margin: 0px 0px 0px 0px;
        }
        .background-cm {
            background-image: url(../../wp-content/themes/cgslhcm_wp/images/chennelmanager/cm-top.webp);
            padding: 0% 0px 0% 0px;
            background-size: 250% 100% !important;
        }
        .out-red {
            font-family: "nexa-bold";
            /* font-size: 16px; */
            color: #ffffff;
            padding: 5px 0% 5px 6.5%;
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px;
            width: 95% !important;
            background: #ff0000;
            background-image: linear-gradient(180deg, green, #80c249);
            line-height: 1.2;
        }
        .cm-font {
            font-family: "montserrat-regular";
            font-size: 15px;
            color: #00ffff;
            line-height: 1.5;
        }
        .mont-para {
            font-family: "montserrat-medium";
            font-size: 15px;
            color: #ffffff;
            margin-bottom: 4%;
        }
        .light-opac {
            background: #00000063;
            display: flex;
            border-radius: 15px;
            padding: 10px 0px 15px 15px;
            margin-top: 10px;
            align-items: center;
        }
        .disp {
            width: 20%;
            padding-right: 10px;
        }
        .light-opac-text {
            font-family: "montserrat-medium";
            font-size: 13px;
            color: #ffffff;
            width: 90%;
            border-left: 2px solid;
            padding: 12px 10px;
        }
        .cm-img {
            width: 90%;
        }
        .heading-text-cen {
            font-family: "nexa-bold";
            font-size: 30px;
            color: #ffffff;
            text-align: center;
            margin-bottom: 3%;
            line-height: 1.1;
        }
        .adr {
            background-image: url(../../wp-content/themes/cgslhcm_wp/images/chennelmanager/adrbtn.webp);
            padding: 40% 0%;
            background-size: 100% 100%;
        }
        .cm-width {
            width: 23%;
        }
        .bc-color {
            background: black;
            padding: 4% 10%;
        }
        .analytics {
            font-family: "montserrat-medium";
            font-size: 30px;
            color: #080a31;
            background: #ffffff;
            letter-spacing: 8.5px;
            padding: 2px 0px 2px 5px;
            margin: 0px;
        }
        .flex-cm {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        .flex-cmm {
            display: flex;
            align-items: flex-start;
            margin-bottom: 15px;
        }
        .img-padding-green {
            width: 36%;
            padding: 0px;
        }
        .cm-border2 {
            border-left: 2px solid #ffffff;
            padding-left: 15px;
            width: 60%;
        }
        .pms-digi {
            font-family: "nexa-bold";
            font-size: 30px;
            color: #ffffff;
            margin-bottom: 15px;
        }
        .pm-pci-text {
            font-family: "nexa-bold";
            font-size: 30px !important;
            color: #ffffff;
            line-height: 1.25 !important;
            text-align: center;
        }
        .blkbxk .pm-pci-text {
            font-family: "nexa-bold";
            font-size: 24px !important;
            color: #ffffff;
            line-height: 1.2 !important;
            text-align: center;
        }
        .blkbxk .pm-heading {
            line-height: 1.2 !important;
        }
    }
    .pm-heading {
        font-family: "nexa-bold";
        font-size: 24px;
        color: #ffffff;
        text-align: center;
        line-height: 1.5 !important;
    }
    .pm-text-p {
        font-family: "montserrat-medium";
        font-size: 20px;
        color: #ffffff;
        width: 88%;
        margin: 10px 24px !important;
    }
    .cal-color-sky-yy {
        color: #c10d22;
    }
    .orange-bar {
        /* background: #c16000; */
        background-image: linear-gradient(180deg, #360f8d, #e400dd);
        font-family: "nexa-bold";
        font-size: 16px !important;
        color: #ffffff;
        width: 95% !important;
        border-top-right-radius: 50px;
        padding: 5px 0% 5px 5.5% !important;
        border-bottom-right-radius: 50px;
        line-height: 1.2;
    }
    .pms-round-box {
        background-color: #000000c4;
        border: 5px solid #ffffff;
        border-radius: 40px;
        width: 100%;
        margin-bottom: 22px;
        height: auto;
    }
    .pm-tex {
        font-family: "montserrat-bold";
        font-size: 20px;
        color: #e07000;
    }
    .pms-text-box {
        font-family: "montserrat-medium";
        font-size: 13px;
        color: #ffffff;
        border-top: 5px solid #ffffff;
        padding: 10% 5%;
        margin-top: 10px;
    }
    .pms-panel2 {
        padding: 2% 0px 0%;
        background-size: 100% 100%;
        background-image: url(../../wp-content/themes/cgslhcm_wp/images/pms/pms2.webp);
    }
    .pms-image-div {
        border-bottom: 5px solid #ffffff;
        padding: 7% 0px;
        margin-bottom: 10px;
        text-align: center;
    }
    .nexa-text {
        font-family: "nexa-bold";
        font-size: 30px;
        color: #ffffff;
        text-align: center;
        padding: 3% 0px;
    }
    .pms-panel-opacity {
        background: #000000a3;
        width: 85%;
        margin: 0 auto;
        border-radius: 15px;
    }
    .cm-mr-auto {
        margin: 0 auto;
        /* margin-top: 30px; */
        width: 92%;
        padding: 2% 0px;
    }
    .wtkm {
        margin: 15px 0px 15px 0px;
    }
    .btn-white.more-detail-button {
        margin-bottom: 10px;
        background-color: #ff0000;
        color: #ffffff;
    }
    .pms-panel3 {
        padding: 3% 0px 8% 0px;
    }
    .pms-nexa-bold {
        font-family: "nexa-bold";
        font-size: 30px;
        color: #ffffff;
        text-align: center;
    }
    .montserrat-med {
        font-family: "montserrat-medium";
        font-size: 15px;
        color: #ffffff;
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }
    .pd-left-0 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .mr-20 {
        margin-bottom: 20px;
        display: block !important;
    }
    .pms-img-box {
        background-color: #ed1e79;
        padding: 2% 3%;
        text-align: center;
    }
    .pms-flex-text {
        font-family: "montserrat-medium";
        font-size: 13px;
        color: #ffffff;
        margin: 0px;
        line-height: 1.2;
    }
    .pms-panel-heading {
        font-family: "montserrat-bold";
        font-size: 20px;
        color: #ed1e79;
        margin: 0px 0px 10px;
    }
    .pms-orange {
        background-color: #e07000;
    }
    .pms-red {
        background-color: #ff0000;
    }
    .pms-green {
        background-color: #00cf00;
    }
    .pms-blue {
        background-color: #5858ff;
    }
    .pms-sky {
        background-color: #00d0d6;
    }
    .pms-sky1 {
        padding-top: 0px;
        color: #00d0d6;
    }
    .pms-blue1 {
        padding-top: 0px;
        color: #5858ff;
    }
    .pms-orange1 {
        color: #e07000;
        padding-top: 0px;
    }
    .pms-red1 {
        color: #ff0000;
        padding-top: 0px;
    }
    .pms-green1 {
        color: #00cf00;
        padding-top: 0px;
    }
    .pmspad {
        padding-top: 0px;
    }
    .verticle-center {
        padding: 10% 0% 0% 0%;
    }
    .pms-mont {
        font-family: "montserrat-regular";
        font-size: 15px;
        color: #ffffff;
        /* padding-right: 20% */
    }
    .back-gree-web {
        font-size: 16px;
        font-family: "montserrat-bold";
        padding: 18px;
        background-color: #80a419;
        color: #ffffff;
        width: 100%;
        position: absolute;
        top: 80px;
        z-index: 9999;
    }
    .white1 {
        color: white;
    }
    .back-blue-web {
        font-size: 15px;
        font-family: "montserrat-bold";
        padding: 10px;
        background-color: #3384e1;
        color: #ffffff;
        width: 100%;
        position: unset;
        top: 0;
        z-index: 9999;
        left: 0px;
        border-radius: 15px;
        margin-top: 5px;
    }
    .pnik-bar {
        background: #ed1e79;
        font-family: "nexa-bold";
        font-size: 16px !important;
        color: #ffffff;
        width: 96% !important;
        border-top-right-radius: 80px;
        padding: 5px 0% 5px 5.5% !important;
        border-bottom-right-radius: 80px;
        line-height: 1.2;
        background-image: linear-gradient(179deg, #f30970, #f174ab);
    }
    .pannel-web3 {
        background-image: none;
        background-size: 100% 100%;
    }
    .web-heading {
        font-family: "nexa-bold";
        font-size: 30px;
        color: #ffffff;
        text-align: center;
        padding: 5% 0px;
        line-height: 1.1;
    }
    .mr-0 {
        margin: 0px;
        line-height: 1.2;
    }
    .inner-div-webapp {
        position: absolute;
        bottom: 53%;
        font-family: "montserrat-semibold";
        font-size: 15px;
        padding: 0px 20px 0px 12px;
    }
    .inner-div-bottom {
        position: absolute;
        bottom: 10%;
        font-family: "montserrat-semibold";
        font-size: 15px;
        padding: 0px 20px 0px 12px;
    }
    .mob1 {
        background-image: url(../../wp-content/themes/cgslhcm_wp/images/webapp/mob1.webp);
        background-size: 100% 100%;
        height: 500px;
        text-align: center;
        margin-bottom: 20px;
    }
    .mob2 {
        background-image: url(../../wp-content/themes/cgslhcm_wp/images/webapp/mob2.webp);
        background-size: 100% 100%;
        height: 500px;
        text-align: center;
        margin-bottom: 20px;
    }
    .mob3 {
        background-image: url(../../wp-content/themes/cgslhcm_wp/images/webapp/mob3.webp);
        background-size: 100% 100%;
        height: 500px;
        text-align: center;
        margin-bottom: 20px;
    }
    .mob4 {
        background-image: url(../../wp-content/themes/cgslhcm_wp/images/webapp/mob4.webp);
        background-size: 100% 100%;
        height: 500px;
        text-align: center;
    }
    .inner-div-webapp {
        position: absolute;
        bottom: 53%;
        font-family: "montserrat-semibold";
        font-size: 15px;
        padding: 0px 20px 0px 8px;
    }
    .app-heading {
        font-family: "montserrat-bold";
        font-size: 30px;
        color: #ffffff;
        text-align: center;
        margin: 3% 0px 0px 0px;
    }
    .app-text {
        color: #ffffff;
        font-family: "montserrat-regular";
        text-align: center;
        font-size: 15px;
        margin: 0 auto;
        width: 95%;
    }
    .icon-app-text {
        font-family: "montserrat-bold";
        font-size: 20px;
        color: #4a94ff;
        text-align: center;
        margin-top: 10px;
    }
    .icon-app-text.cfff540 {
        color: #fff540;
    }
    .heading-app-panel-5 {
        font-family: "montserrat-bold";
        font-size: 30px;
        color: #ffffff;
        text-align: center;
        margin: 5% 0px 2% 0px;
        line-height: 1.1;
    }
    .rota {
        margin: 0px;
        transform: rotate(-90deg);
        left: -72px;
        position: absolute;
        top: 43%;
        font-family: "nexa-bold";
        font-size: 23px;
        color: #d69900;
    }
    .web-yell {
        background-color: #d69900 !important;
        padding: 10px !important;
        font-size: 12px !important;
        font-family: "montserrat-bold" !important;
        color: #ffffff !important;
        margin-bottom: 20px !important;
        margin-top: 20px;
        border-radius: 15px;
        position: unset !important;
        width: 100% !important;
    }
    .web-col-6-0-mob {
        padding: 0px !important;
    }
    .web-yell2 {
        background-color: #d69900;
        padding: 10px;
        font-size: 14px;
        font-family: "montserrat-bold";
        color: #ffffff;
        position: unset;
        right: 0px;
        width: auto;
        border-radius: 15px;
        margin-bottom: 20px;
        width: 100% !important;
    }
    .web-iii {
        font-size: 13px !important;
        padding-left: 10px;
        align-items: center;
    }
    .web-ij {
        font-size: 13px !important;
        font-family: "montserrat-bold";
        margin-top: 0px;
    }
    .web-yel-under {
        font-size: 12px !important;
        font-family: "montserrat-bold";
        margin-top: 7px;
    }
    .pl-01 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .web-nexa-col {
        font-family: "nexa-bold";
        font-size: 23px;
        color: #ff3f3f;
        text-align: center;
        line-height: 1.2;
        margin: 14px 0px 11px;
    }
    .web-yell222 {
        background-color: #ff3f3f;
        padding: 10px !important;
        font-size: 18px !important;
        font-family: "montserrat-bold";
        color: #ffffff;
        position: unset !important;
        border-radius: 15px;
        margin-top: 15px;
        width: 100% !important;
    }
    .web-yell22 {
        background-color: #ff3f3f;
        padding: 10px;
        font-size: 18px !important;
        font-family: "montserrat-bold";
        color: #ffffff;
        position: unset !important;
        right: 0px;
        width: 100% !important;
        border-radius: 15px;
        margin-top: 20px;
    }
    .web-nexa-col1 {
        font-family: "nexa-bold";
        font-size: 23px;
        color: #80a419;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 0px;
        height: unset !important;
    }
    .pd-rt-img {
        padding-right: 33px;
    }
    .pl-0 .back-gree-web2 {
        font-size: 12px;
        font-family: "montserrat-bold";
        padding: 10px;
        background-color: #80a419;
        color: #ffffff;
        position: unset;
        top: 0;
        margin-right: 0px;
        border-radius: 15px;
        margin-top: 15px;
    }
    .back-blue-web2 {
        font-size: 15px;
        font-family: "montserrat-bold";
        padding: 10px;
        background-color: #3384e1;
        color: #ffffff;
        position: unset;
        top: 0px;
        z-index: 9999;
        left: 30px;
        margin-right: 0px;
        border-radius: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .pms-padg {
        padding: 0px !important;
    }
    .rota2 {
        transform: rotate(0deg);
        position: unset;
        left: 0;
        top: 0;
        color: #3384e1;
        font-family: "nexa-bold";
        font-size: 23px;
        text-align: center;
    }
    .mr-15-webapp {
        margin-top: 15px;
    }
    .para-text-app {
        font-family: "montserrat-regular";
        font-size: 15px;
        color: #ffffff;
        margin-top: 20px;
        margin-bottom: 5%;
    }
    .bar-text-app {
        font-family: "montserrat-medium";
        font-size: 15px;
        color: #ff00bb;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .ba18.bar-text-app {
        font-family: "montserrat-medium";
        font-size: 15px;
        color: #dfff00;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .cff00bb {
        color: #ff00bb !important;
    }
    .blkbxk {
        /* background-color: #00000087; */
        background-color: #000000ad;
        border-radius: 20px;
        padding: 10px 5px;
        margin: 0 auto;
        position: relative;
        bottom: 45px;
        width: 70%;
    }
    .ba12.bar-text-app {
        font-family: "montserrat-medium";
        font-size: 15px;
        color: #ff6600;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .ba13.bar-text-app {
        font-family: "montserrat-medium";
        font-size: 15px;
        color: #22ff00;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .pms-back {
        background-size: unset;
    }
    .mar-bt-tp {
        margin: 13% -45px 10px -45px;
    }

    .ba15.bar-text-app {
        font-family: "montserrat-medium";
        font-size: 15px;
        color: #8e1dff;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .ba16.bar-text-app {
        font-family: "montserrat-medium";
        font-size: 15px;
        color: #31ffff;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .img-width.img-wit {
        width: 1000px;
        height: 550px !important;
    }
    .dis-blk {
        display: block;
        line-height: 1.2;
    }
    .mr-90 {
        margin: 0 auto;
        width: 87.5%;
        overflow: auto;
    }
    .ba17.bar-text-app {
        font-family: "montserrat-medium";
        font-size: 15px;
        color: #2071ff;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .heading-col {
        font-family: "nexa-bold";
        font-size: 30px;
        color: #ffffff;
        padding: 0% 0px;
        text-align: center;
        border-bottom: 0px;
        line-height: 1.1;
    }
    .web-app-img {
        display: block;
    }
    .cm-mr-auto-web {
        margin: 0 auto;
        width: 90%;
        padding: 2% 0px 0px 0px;
    }
    .green-bar {
        background: linear-gradient(180deg, green, #80c249);
        font-family: "nexa-bold";
        font-size: 16px !important;
        color: #ffffff;
        width: 97% !important;
        border-top-right-radius: 80px;
        padding: 5px 0% 5px 4.5% !important;
        border-bottom-right-radius: 80px;
        line-height: 1.2;
    }
    .zerocommission {
        font-family: "montserrat-medium";
        font-size: 30px;
        color: #ffffff;
        margin-left: 6%;
        margin-top: 25px;
        font-weight: bold;
    }
    .center-dir {
        text-align: center;
        font-family: "nexa-bold";
        font-size: 30px;
        margin: 0 auto;
        width: 87%;
    }
    .dir-para {
        font-family: "montserrat-medium";
        font-size: 15px;
        color: #ffffff;
        text-align: center;
        margin: 0 auto;
        width: 88%;
    }
    .border-bottom-h1 {
        border-bottom: 3px solid;
        padding-bottom: 7px;
        font-size: 27px;
        text-align: center;
        line-height: 1.2;
    }
    .centr-dir {
        /* // text-align: left; */
        margin: 0 auto;
        width: 90%;
        padding-top: 20px;
    }
    .dir-pannel {
        font-family: "nexa-bold";
        font-size: 30px !important;
        color: #ffffff;
        text-align: center;
        margin-bottom: 5%;
        line-height: 1.2;
    }
    .one-text {
        margin-left: 15px;
        font-family: "montserrat-regular";
        font-size: 13px;
        color: #ffffff;
        border-left: 3px solid yellow;
        padding: 10px 0px 10px 15px;
    }
    .onedir {
        font-family: "helvetica-medium";
        font-size: 5em;
        color: red;
        padding-right: 0px;
    }
    .dir-head-4 {
        font-family: "nexa-bold";
        font-size: 30px;
        color: #ffffff;
        text-align: center;
        line-height: 1.2;
    }
    .dir-black-box {
        display: flex;
        align-items: center;
        background: black;
        color: #ffffff;
        padding: 10px;
        border-radius: 15px;
        font-size: 15px;
        font-family: "montserrat-medium";
        text-align: center;
        margin: 0 auto;
        width: 95%;
    }
    .color-box {
        padding: 10px;
        background: #00a400;
        font-family: "montserrat-regular";
        font-size: 15px;
        color: #ffffff;
    }
    .dir-flex {
        align-items: center;
    }
    .color-box1 {
        padding: 10px;
        background: #ff0000;
        font-family: "montserrat-regular";
        font-size: 15px;
        color: #ffffff;
        text-align: center;
    }
    .color-box2 {
        padding: 10px;
        background: #e07000;
        font-family: "montserrat-regular";
        font-size: 15px;
        color: #ffffff;
    }
    .font-dir {
        font-size: 20px;
        font-family: "montserrat-bold";
    }
    .left-border-dir {
        border-left: 4px solid #ff0000;
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 15px;
        padding-left: 15px;
        display: flex;
        align-items: center;
        margin-bottom: 25px;
    }
    .left-border-dir1 {
        border-left: 4px solid #dc00f5;
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 15px;
        padding-left: 15px;
        display: flex;
        align-items: center;
        margin-bottom: 25px;
    }
    .left-border-dir2 {
        border-left: 4px solid #7b9aff;
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 15px;
        padding-left: 15px;
        display: flex;
        align-items: center;
        margin-bottom: 25px;
    }
    .left-border-dir3 {
        border-left: 4px solid #00fcc9;
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 15px;
        padding-left: 15px;
        display: flex;
        align-items: center;
        margin-bottom: 25px;
    }
    .pad-auto-dir {
        padding: 5% 0px;
        margin-bottom: 48px;
    }
    .heading-dir-b {
        font-family: "nexa-bold";
        font-size: 30px;
        line-height: 1.2;
        color: #ffffff;
        text-align: center;
    }
    .img-text-dir {
        line-height: 1.2;
    }
    .dir-para-book {
        font-family: "montserrat-regular";
        font-size: 15px;
        color: #ffffff;
    }
    .mont-dir {
        font-family: "montserrat-bold";
        font-size: 20px;
    }
    .subbtn {
        margin-top: -7px;
    }
    input[type="text"]:not(.browser-default) {
        height: 4rem !important;
    }
    .main-head {
        font-family: "montserrat-bold";
        font-size: 23px;
        text-align: center;
        padding-top: 10px;
        color: #ffffff;
        margin: 0 auto;
        width: 90%;
    }
    .heading2 {
        font-family: "nexa-bold";
        font-size: 25px;
        color: #ffffff;
        text-align: center;
        margin: 0 auto;
        width: 90%;
    }
    .pm-text-p.ind-pm-tex.jj {
        margin: 10px 0px 10px 8% !important;
    }
    .form-div {
        display: inline-block;
        width: 100%;
    }
    .form-opac {
        background-color: #2c2c54b8;
        border-radius: 20px;
        padding: 3% 5% 3% 5%;
        margin: 5% 0px 7% 0px;
    }
    .form-opac11 {
        background-color: #2c2c54b8;
        border-radius: 20px;
        padding: 3% 5% 3% 5%;
        margin: 5% 0px 7% 0px;
    }
    .pd-r {
        padding-right: 0px;
    }
    .input-field {
        margin-bottom: 10px !important;
        color: #ffffff;
    }
    .condition-text {
        font-family: "montserrat-regular";
        font-size: 10px;
        color: #ffffff;
    }
    .disflex {
        display: flex;
        margin-top: 10px;
    }
    .checkmark {
        top: 0;
        left: 0;
        height: 25px;
        width: 8px;
        border: 1px solid white;
        border-radius: 5px;
    }
    .submitt {
        float: none;
        margin-top: -8px;
        width: 40%;
    }
    [type="checkbox"] + span:not(.lever) {
        position: relative;
        padding-left: 18px;
        cursor: pointer;
        display: inline-block;
        height: 20px;
        line-height: 25px;
        font-size: 1rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-bottom: 0px;
    }
    [type="checkbox"]:checked + span:not(.lever):before {
        top: -4px;
        left: -1px;
        width: 7px;
        height: 17px;
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid white;
        border-bottom: 2px solid white;
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-origin: 100% 100%;
        display: block !important;
        transform-origin: 100% 100%;
    }
    .submit {
        color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 15px;
        background: linear-gradient(#0000a2, #000040);
        padding: 7px 5% !important;
        border-radius: 12px;
        float: none;
        border: none;
        margin-top: 11px;
        width: 150px;
        height: 36px;
    }
    .wygf-pci {
        font-family: "nexa-bold";
        font-size: 30px;
        color: #ffffff;
        margin: 4% 0px 0px 0px;
        text-align: center;
    }
    .heading3.bott {
        margin-bottom: 0px !important;
    }

    .li-mr {
        margin-bottom: 5%;
        display: flex;
        align-items: start;
    }
    .bullet-text {
        font-family: "montserrat-regular";
        font-size: 13px;
        color: #ffffff;
        padding-left: 10px;
    }
    .cong-opac {
        background-color: #2c2c54b8;
        margin: 0 auto;
        width: 80%;
        border-radius: 15px;
        padding: 20px;
    }
    .cong-inner-text {
        font-family: "montserrat-bold";
        font-size: 30px;
        color: #ffffff;
    }
    .congrat-para {
        font-family: "nexa-light";
        font-size: 20px;
        color: #ffffff;
        margin: 2% 0px;
    }
    .pd-r-r {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .map {
        width: 100%;
        height: 240px !important;
    }
    #pac-input {
        background-color: #ffffff;
        font-family: "montserrat-regular";
        font-size: 15px;
        font-weight: 300;
        margin-left: 12px;
        padding: 5px 11px 5px 13px;
        text-overflow: ellipsis;
        width: 400px;
        z-index: 0;
        position: absolute;
        left: 15px !important;
        top: 15px !important;
        width: 65%;
        border-radius: 15px;
    }
    .form-outer {
        background-color: #1a1a42;
        padding: 20px;
        border-radius: 12px;
        width: 90%;
        margin: 0 auto;
    }
    .log {
        float: left;
        padding-right: 0px;
    }
    .btn-log {
        background-color: #000040;
        border-radius: 10px;
        border: none;
        padding: 3px 10%;
        font-family: "montserrat-bold";
        font-size: 17px;
        color: #ffffff;
    }
    .not-a {
        font-family: "montserrat-regular";
        font-size: 13px;
        color: #23ffff;
        margin-top: 15px;
    }
    .login-back {
        background: linear-gradient(#000039, #000012);
        padding: 5%;
    }
    .icon-div {
        padding: 3% 0px 3% 0px;
        text-align: center;
        display: none;
    }
    .pl-0 .back-gree-web {
        font-size: 12px !important;
        font-family: "montserrat-bold";
        padding: 10px !important;
        background-color: #80a419;
        color: #ffffff;
        width: 100%;
        position: unset !important;
        top: 0;
        margin-top: 15px;
        border-radius: 15px;
    }
    .number-box {
        width: 20px;
        height: 20px;
        background-color: #ff0000;
        text-align: center;
        color: #ffffff;
        border-radius: 4px;
        padding: 0px 0px;
    }
    .abc {
        font-family: "montserrat-bold";
        color: #ffffff;
        font-size: 13px;
        text-decoration: none;
        margin-left: 4px;
        margin-bottom: 5px;
        display: block;
        width: 100%;
    }
    #col_1 {
        width: 15px;
    }
    #col_1 {
        width: 15px;
    }
    #col_2 {
        width: 15px;
    }
    #col_3 {
        width: 15px;
    }
    #col_4 {
        width: 15px;
    }
    #col_5 {
        width: 15px;
    }
    #col_6 {
        width: 15px;
    }
    #col_7 {
        width: 15px;
    }
    #col_8 {
        width: 15px;
    }
    #col_9 {
        width: 15px;
    }
    .text {
        color: #ffffff;
        font-family: "nexa-light";
        font-size: 13px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .sub-bullet-points {
        font-size: 14px;
        text-indent: 25px;
        line-height: 1.3;
    }
    .pl-0.ovi-pad-why {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .strt-trail.ovi {
        padding: 5px 18px !important;
        margin-bottom: 14px;
    }
    .res-mob {
        width: 50%;
        padding: 15px 15px !important;
    }
    .stru {
        margin-bottom: 0px !important;
    }
    .h-r {
        background: transparent;
        margin: -3px 0px;
    }
    .cd-l {
        text-align: center;
    }
    .border-log-ch {
        border: 2px solid #ffffff;
        text-align: center;
        padding: 20px;
        border-radius: 20px;
        height: unset;
        margin-bottom: 20px;
    }
    .desk-none {
        display: block;
        display: flex;
        overflow: auto;
        margin-bottom: -10px;
    }
    .over-hidden {
        overflow: hidden;
    }
    .desk-blk {
        /* display:none; */
    }
    .img-65-px {
        width: 265px;
    }
    .size {
        color: white;
        font-size: 23px;
        margin-top: 0px;
        border-radius: 10px;
        font-weight: 100;
        margin-bottom: 15px;
    }

    /* =================Media query for mobile 1600 ============================= */
    @media only screen and (max-width: 1600px) {
        .gif {
            width: 100%;
        }
        .home-backimage {
            background-size: 100% 100%;
        }
        .opac-div {
            width: 67%;
        }
        .row .col-md-12.p-0-pad {
            display: flex;
            align-items: center;
        }
        .square-box {
            height: 314px;
        }
        .book-button {
            top: 22.7%;
        }
        .mr-l-36 {
            margin-left: 67px;
        }
        .mr-tp {
            margin: 20px 0px 12% 0px;
        }
        .grey-box {
            height: 865px !important;
        }
        .bd {
            padding: 6px 1%;
        }
        .hwb-heading {
            font-size: 23px;
            text-align: center;
        }
        .left-banner {
            padding: 11.5% 6% 7.4% 22%;
        }
        .int-text {
            font-size: 14px;
        }
        .right-opac {
            height: 693px;
        }
        .horizontal-box {
            font-size: 21px;
        }
        .mr-ato {
            overflow: auto;
        }
        .out-red {
            font-size: 29px;
        }
        .background-cm {
            background-size: 113% 105%;
        }
        .disp {
            margin-right: 10px;
        }
        .pms-orange1 {
            color: #e07000;
            padding-top: 3px;
        }
        .pms-blue1 {
            color: #5858ff;
            padding-top: 2px;
        }
        .pms-sky1 {
            color: #00d0d6;
            padding-top: 0px;
        }
        .pms-panel-heading {
            font-size: 20px;
        }
        .pmspad {
            padding-top: 0px;
        }
        .pms-red1 {
            color: #ff0000;
            padding-top: 0px;
        }
        .pms-green1 {
            color: #00cf00;
            padding-top: 0px;
        }
        .pms-panel5 {
            background-size: 100% 100%;
        }
        .mob1 {
            height: 595px;
        }
        .mob2 {
            height: 595px;
        }
        .mob3 {
            height: 595px;
        }
        .mob4 {
            height: 595px;
        }
        .rota {
            left: -117px;
            top: 43%;
            font-size: 33px;
        }
        .w-1001 {
            width: 100%;
        }
        .web-yell {
            background-color: #d69900;
            padding: 10px;
            font-size: 15px;
            font-family: "montserrat-bold";
            color: #ffffff;
            margin-bottom: 10px;
        }
        .web-yell2 {
            padding: 10px;
            font-size: 15px;
            right: 0px;
            width: 400px;
        }
        .web-yel-under {
            font-size: 15px;
        }
        .web-blue-box {
            padding: 8px;
        }
        .web-iii {
            font-size: 15px;
            padding-left: 8px;
        }
        .web-ij {
            font-size: 15px;
            margin-top: -3px;
        }
        .web-nexa-col {
            font-size: 31px;
        }
        .web-nexa-col1 {
            font-size: 37px;
            height: 52px;
            padding-top: 7px;
        }
        .rota2 {
            left: -107px;
            top: 115px;
            font-size: 35px;
        }
        .back-gree-web {
            font-size: 15px !important;
            padding: 8px !important;
            top: 61px;
            width: 436px;
        }
        .back-gree-web2 {
            font-size: 15px;
            padding: 8px;
            top: 170px;
            margin-right: 10px;
        }
        .back-blue-web {
            font-size: 15px;
            padding: 8px;
            width: 469px;
            top: 47px;
            left: 30px;
        }
        .back-blue-web2 {
            font-size: 15px;
            padding: 8px;
            top: 135px;
            left: 30px;
            margin-right: 10px;
        }
        .web-yell222 {
            padding: 8px;
            font-size: 15px;
            top: 158px;
            left: -5px;
        }
        .web-yell22 {
            padding: 8px;
            font-size: 15px;
            right: 0px;
            width: 138%;
        }
        .ba12.bar-text-app {
            margin-bottom: 30px;
        }
        .dir-back3 {
            background-size: 100% 100%;
        }
        /* .mar-bt-tp {
            margin: 13% 0px 10px 0px;
        } */
        .font {
            font-size: 22px !important;
            margin-right: 2%;
        }
        .adr {
            padding: 33.65% 0%;
        }
    }
    /* =================Media query for mobile 1440 ============================= */
    @media only screen and (max-width: 1440px) {
        .opac-div {
            width: 73%;
        }
        .strt-trail {
            padding: 6px 2% !important;
            font-size: 20px;
        }
        .book-demoe {
            padding: 6px 1% 6px;
            font-size: 19px;
        }
        .book-button {
            top: 23.5%;
        }
        .row .col-md-12.p-0-pad {
            display: flex;
            align-items: center;
        }
        .square-box {
            height: 290px;
        }
        .banner3 {
            background-size: 103% 100%;
        }
        .grey-box {
            height: 735px !important;
        }
        .right-banner {
            height: 778.5px !important;
        }
        .background-cm {
            background-size: 109% 100%;
        }
        .mob1 {
            height: 565px;
        }
        .mob2 {
            height: 565px;
        }
        .mob3 {
            height: 565px;
        }
        .mob4 {
            height: 565px;
        }
        .inner-div-webapp {
            font-size: 17px;
        }
        .inner-div-bottom {
            font-size: 17px;
        }
        .app-heading {
            margin: 0% 0px 0px 0px;
        }
        .rota {
            left: -96px;
            top: 42%;
            font-size: 29px;
        }
        .rota {
            left: -129px;
            top: 42%;
            font-size: 36px;
        }
        .web-yell {
            padding: 7px;
            font-size: 13px;
            width: 160px;
            right: 0px;
            position: absolute;
        }
        .web-yell2 {
            padding: 6px;
            font-size: 15px;
            right: -1px;
            width: 336px;
            top: 132px;
        }
        .web-blue-box {
            padding: 8px;
        }
        .web-iii {
            font-size: 13px;
        }
        .web-ij {
            font-size: 13px;
            margin-top: -2px;
        }
        .web-yel-under {
            font-size: 13px;
            margin-top: 4px;
        }
        .w-1001 {
            width: 300px;
        }
        .web-nexa-col {
            font-size: 30px;
            line-height: 1;
        }
        .web-yell22 {
            padding: 8px;
            font-size: 18px;
            position: absolute;
            right: 0px;
            width: 138%;
        }
        .web-yell222 {
            padding: 8px;
            position: absolute;
            top: 156px;
            width: 207px;
            right: 0px;
            left: 59px;
        }
        .back-gree-web2 {
            font-size: 13px;
            font-family: "montserrat-bold";
            padding: 10px;
            background-color: #80a419;
            color: #ffffff;
            position: absolute;
            top: 175px;
            margin-right: 10px;
            left: 14px;
        }
        .back-gree-web {
            font-size: 13px !important;
            font-family: "montserrat-bold";
            padding: 8px !important;
            background-color: #80a419;
            color: #ffffff;
            position: absolute !important;
            top: 77px;
            width: 386px;
            z-index: 99;
            left: 14px;
        }
        .web-nexa-col1 {
            font-size: 35px;
        }
        .rota2 {
            left: -40px;
            top: 115px;
            font-size: 38px;
        }
        .back-blue-web {
            font-size: 12px !important;
            font-family: "montserrat-bold";
            width: 100% !important;
            position: unset !important;
            border-radius: 15px;
            margin-top: 5px;
        }
        .back-blue-web2 {
            font-size: 12px !important;
            position: unset !important;
            border-radius: 15px;
            margin-top: 15px;
            margin-bottom: 15px;
            width: 100% !important;
        }
        .all-bar {
            width: auto;
        }
        /* .mar-bt-tp {
        margin: 18.5% 0px 10px 0px;
    } */
        .home-backimage {
            background-size: 100% 100%;
        }
        .mr-l-36 {
            margin-left: 21px;
        }
        .mr-tp {
            margin: 20px 0px 18% 0px;
        }
        .out-red {
            font-size: 27px;
            width: 46%;
        }
        .adr {
            padding: 35.9% 0%;
        }
        .orange-bar {
            font-size: 24px;
            width: 46%;
        }
        .pnik-bar {
            font-size: 24px;
            width: 46%;
        }
    }
    /* =================Media query for mobile 1366 ============================= */
    @media only screen and (max-width: 1366px) {
        .home-backimage {
            background-size: 100%;
        }
        .gif {
            width: 100%;
        }
        .opac-div {
            width: 70%;
            padding-bottom: 0px;
        }
        .square-box {
            height: 310px;
        }
        .panel4 {
            padding: 21.5% 0% 19.5% 17%;
        }
        .mr-l-36 {
            margin-left: 37px;
        }
        .text_top {
            /* padding: 8% 0px 0px 0px; */
        }
        .right-banner {
            height: 771px !important;
        }
        .small-opac {
            height: 200px;
            width: 240px;
        }

        .elementor *,
        .elementor :after,
        .elementor :before {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        .stru {
            padding: 22% 0% 0px;
        }
        .out-red {
            font-size: 24px;
        }
        .adr {
            padding: 37.1% 0%;
        }
        .mob1 {
            height: 500px;
        }
        .mob2 {
            height: 500px;
        }
        .mob3 {
            height: 500px;
        }
        .mob4 {
            height: 500px;
        }
        .ba12.bar-text-app {
            margin-bottom: 30px;
        }
        .w-1001 {
            width: 269px;
        }
        .dir-pannel {
            font-size: 45px;
            margin-bottom: 5%;
        }
        .img-text-dir {
            font-size: 18px;
        }
        .font {
            margin-right: 3%;
        }
        .inner-text {
            font-size: 13px;
        }
        .free-orange {
            width: 210px;
        }
        .book-black {
            width: 210px;
        }
        .pannel3-div {
            padding: 3% 0% 7% 20%;
        }
        .grey-box {
            height: 846px !important;
        }
        .web-yell222 {
            padding: 8px;
            position: absolute;
            top: 120px;
            width: 209px;
            right: 0px;
            left: 42px;
        }
        .web-nexa-col {
            font-size: 28px;
        }
        .rota {
            left: -103px;
            top: 42%;
            font-size: 30px;
        }
        .web-nexa-col1 {
            font-size: 33px;
            margin-top: 15px;
        }
        .back-blue-web2 {
            font-size: 13px;
            font-family: "montserrat-bold";
            padding: 8px;
            background-color: #3384e1;
            color: #ffffff;
            position: absolute;
            top: 94px;
            z-index: 9999;
            left: 108px;
            margin-right: 10px;
            width: 126px;
        }
        .green-bar {
            font-size: 24px;
            width: 46%;
        }
    }
    /* =================Media query for mobile 1280 ============================= */
    @media only screen and (max-width: 1280px) {
        .opac-div {
            width: 70%;
        }
        .book-button {
            top: 23.7%;
        }
        .square-box {
            height: 325px !important;
        }
        .footer-background {
            background-size: 100% 100%;
            /* margin-top: 23px; */
        }
        .banner3 {
            /* background-size: 106% 100%; */
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
        }
        .banner4 {
            background-size: 100% 100%;
            margin-top: -116px;
        }
        .mr-l-36 {
            margin-left: 54px;
        }
        .line-height {
            line-height: unset;
        }
        /* .text_top {
        padding: 2% 0px 2% 0px;
    } */
        .left-banner {
            padding: 2.4% 6% 5.4% 22%;
        }
        .stru {
            padding: 0% 0% 0px;
        }
        .right-opac {
            height: 100%;
        }
        .out-red {
            font-size: 21px;
        }
        .background-cm {
            background-size: 112% 100%;
        }
        .adr {
            padding: 38.75% 0%;
        }
        .cm-pannel4-p2 {
            height: 461px;
        }
        .mob1 {
            height: 490px;
        }
        .mob2 {
            height: 490px;
        }
        .mob3 {
            height: 490px;
        }
        .mob4 {
            height: 490px;
        }
        .mr-tp {
            margin: 5px 0px 8% 0px;
        }
        .grey-box {
            height: 857px !important;
        }
        .right-banner {
            height: 743px !important;
        }
        .orange-bar {
            padding: 15px 0% 15px 10.5%;
        }
        .pnik-bar {
            padding: 15px 2% 15px 10.5%;
        }
        .rota {
            left: -93px;
            top: 42%;
            font-size: 28px;
        }
        .w-1001 {
            width: 240px;
        }
        .web-yell2 {
            padding: 6px;
            font-size: 15px;
            right: 0px;
            width: 300px;
            top: 114px;
        }
        .web-iii {
            font-size: 11px;
        }
        .web-ij {
            font-size: 11px;
            margin-top: 0px;
        }
        .web-yel-under {
            font-size: 11px;
            margin-top: 2px;
        }
        .web-yell {
            padding: 7px;
            font-size: 11px;
            width: 155px;
            right: 0px;
            position: absolute;
        }
        .web-nexa-col {
            line-height: 1.5;
        }
        .web-yell22 {
            padding: 8px;
            font-size: 18px;
            position: absolute;
            right: 0px;
            width: 138%;
        }
        .web-yell222 {
            padding: 8px;
            position: absolute;
            top: 119px;
            width: 204px;
            right: 0px;
            left: 30px;
        }
        .web-nexa-col1 {
            font-size: 31px;
            margin-top: 20px;
        }
        .back-gree-web {
            font-size: 11px !important;
            font-family: "montserrat-bold";
            padding: 8px !important;
            background-color: #80a419;
            color: #ffffff;
            position: absolute !important;
            top: 92px;
            width: 344px;
            z-index: 99;
            left: 14px;
        }
        .back-gree-web2 {
            font-size: 11px;
            font-family: "montserrat-bold";
            padding: 10px;
            background-color: #80a419;
            color: #ffffff;
            position: absolute;
            top: 178px;
            margin-right: 10px;
            left: 14px;
        }
        .rota2 {
            left: -54px;
            top: 115px;
            font-size: 28px;
        }
        .back-blue-web {
            font-size: 11px;
            font-family: "montserrat-bold";
            padding: 8px;
            background-color: #3384e1;
            color: #ffffff;
            width: 250px;
            position: absolute;
            top: 14px;
            z-index: 9999;
            left: 80px;
        }
        .back-blue-web2 {
            font-size: 11px;
            font-family: "montserrat-bold";
            padding: 8px;
            background-color: #3384e1;
            color: #ffffff;
            position: absolute;
            top: 100px;
            z-index: 9999;
            left: 80px;
            margin-right: 10px;
            width: 137px;
        }
        .green-bar {
            padding: 15px 2% 15px 10.5%;
        }
        /* .mar-bt-tp {
        margin: 25.5% 0px 10px 0px;
    } */
        .red-border {
            padding: 0px 10px;
            display: flex;
            align-items: center;
        }
        .free-orange {
            width: 193px;
        }
        .book-black {
            width: 193px;
        }
        .red-border-bottom {
            height: 133px;
            border: 2px solid #ff0000;
            padding: 20px 10px;
            border-radius: 10px;
            color: #ffffff;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .condition-text {
            font-size: 12px;
        }
        .strt-trail {
            font-size: 17px;
        }
        .book-demoe {
            font-size: 17px;
        }
    }
    .hos-pro {
        text-align: center;
        font-size: 50px;
        font-family: "nexa-bold";
        padding: 20px 0px 10px 0px;
    }
    .mar-aut {
        margin: 0 auto;
        width: 80%;
        color: white;
    }
    .ch-new {
        padding: 10px 0px;
        color: #ff8000;
    }
    .mn-head {
        font-size: 40px;
        font-family: "nexa-bold";
    }
    .mor-btm:hover {
        /* background-color: #e07000; */
        color: yellow;
        transform: scale(1.01);
    }
    .mor-btm {
        /* border: none; */
        /* font-family: 'montserrat-regular'; */
        padding: 5px 1% !important;
        color: #ffffff;
        border-radius: 20px;
        border: none;
        font-family: "montserrat-regular";
        font-size: 17px;
        margin-top: 15px;
        /* background-color: #ff0000; */
        background: linear-gradient(rgb(130 0 0), rgb(130, 2, 36));
    }
    .imagee-fl-min {
        width: 100%;
        flex-wrap: wrap;
        min-width: 400px;
    }
    .p-0-pad.pp-pp {
        /* display: flex; */
        align-items: center;
        justify-content: flex-end;
    }
    .mnnn {
        display: block !important;
    }
    .p-0-pad {
        padding: 0px;
    }
    .new-sec {
        margin: 0px;
        font-family: "montserrat-medium";
        font-size: 20px;
    }
    .hr-red-wala {
        border: 2px solid red;
        margin: 20px 0px !important;
    }
}