/*
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
 /* reset */
/* ------------------------------------------------------ */
/* multi color or text adn first letter */
@media only screen and (min-width: 768px){
   .show {
	   background-color : #000040!important;
	}
}

/* multi color or text adn first letter */

.red-t {
    /* color: #ffffff; */
    display: inline-block;
    font-family: "nexa-bold";
    font-size: 50px;
}
.pd-hospt .red-t::first-letter {
    color: #ff0000 !important;
}
.pci-size {
    font-family: "montserrat-bold";
    font-size: 40px;
    display: inline-block;
    color: #ffffff;
    margin-top: 0px;
}
.pd-hospt .yellow-t::first-letter {
    color: #ffee00 !important;
}
.cyanclr {
    display: inline-block;
    font-family: "nexa-bold";
    font-size: 50px;
}
.pd-hospt .cyanclr::first-letter {
    color: #00ffcc !important;
}
.yellow-t {
    display: inline-block;
    font-family: "nexa-bold";
    font-size: 50px;
}
.pd-hospt .blue-t::first-letter {
    color: #3598db !important;
}
.blue-t {
    display: inline-block;
    font-family: "nexa-bold";
    font-size: 50px;
}
.pd-hospt .b-color::first-letter {
    color: #e07000 !important;
}
.b-color {
    display: inline-block;
    font-family: "nexa-bold";
    font-size: 50px;
}
.pd-hospt .p-color::first-letter {
    color: #ec6bea !important;
}
.p-color {
    display: inline-block;
    font-family: "nexa-bold";
    font-size: 50px;
}
.pd-hospt .o-color::first-letter {
    color: #00a400 !important;
}
.o-color {
    display: inline-block;
    font-family: "nexa-bold";
    font-size: 50px;
}
.pd-hospt .t-color::first-letter {
    color: #6b53f8 !important;
}
.t-color {
    display: inline-block;
    font-family: "nexa-bold";
    font-size: 50px;
}
.pd-hospt .c-color::first-letter {
    color: #ff0000 !important;
}
.greenclr {
    display: inline-block;
    font-family: "nexa-bold";
    font-size: 50px;
}
.pd-hospt .greenclr::first-letter {
    color: #43cd00 !important;
}
.purpleclr {
    display: inline-block;
    font-family: "nexa-bold";
    font-size: 50px;
}
.pd-hospt .purpleclr::first-letter {
    color: #ae09ff !important;
}
.c-color {
    display: inline-block;
    font-family: "nexa-bold";
    font-size: 50px;
}
.or-1 {
    display: inline-block;
    font-family: "nexa-bold";
    font-size: 50px;
}
.pd-hospt .or-1::first-letter {
    color: #d85317 !important;
}
.purple-1 {
    display: inline-block;
    font-family: "nexa-bold";
    font-size: 50px;
}
.pd-hospt .purple-1::first-letter {
    color: #ae00ff !important;
}
/* multi color or text adn first letter */
/* multi color or text adn first letter */
@font-face{
    font-family:'helvetica-medium';
    font-style: bold;
    font-weight:bold;
    src: local('helvetica-medium'), url("../font/nexa/helvetica-bold.otf");
}
@font-face{
    font-family:'nexa-light';
    font-style: normal;
    font-weight:normal;
    src: local('nexa-light'), url("../font/nexa/nexa-light.otf");
}
@font-face{
    font-family:'nexa-bold';
    font-style: bold;
    font-weight:bold;
    src: local('nexa-bold'), url("../font/nexa/nexa-bold.otf");
}
@font-face{
    font-family:'montserrat-regular';
    font-style: 400;
    font-weight:400;
    src: local('montserrat-regular'), url("../font/montserrat/montserrat-regular.ttf");
}
@font-face{
    font-family:'montserrat-bold';
    font-style: bold;
    font-weight:bold;
    src: local('montserrat-bold'), url("../font/montserrat/montserrat-bold.ttf");
}
@font-face{
    font-family:'montserrat-medium';
    font-style: medium;
    font-weight:medium;
    src: local('montserrat-medium'), url("../font/montserrat/montserrat-medium.ttf");
}
@font-face{
    font-family:'montserrat-semibold';
    font-style: medium;
    font-weight:medium;
    src: local('montserrat-semibold'), url("../font/montserrat/montserrat-semibold.ttf");
}
.top-head{
	width: 100%;
	background-color: #001043;
	/* padding: 10px 0px;/ */
}
.top-heading{
	margin-bottom: 20px;
}
.login-fix{
	/* background-color: #ffffff; */
    background: transparent !important;
	font-family: 'montserrat-regular';
    font-size: 14px;
    /* color: #001043; */
    color: white;
    /* position: fixed; */
    padding: 5px 20px;
    border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	z-index: 999;
	/* right: 65px; */
    border: 1px solid #CCCCCC;
    margin-top: 30px;
}
.login-fix:hover{
/* color: #ff0000; */
background-color: #F0F0F0 !important;
color: black;
}
.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.9;
}
.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; */
margin:6% 0px;
}
details[open] summary ~ * {
  animation:  .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;
}
/* .navbar-right {
  display:flex;
  width: 100%;
  justify-content: center;
}
header .nav{
    padding: 22px 0% 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 li a.active{
	opacity: 1;
	background: transparent;
	border-bottom: 2px solid #ff0000 !important;
    color: #fff;
}

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;
	/* border-bottom: 2px solid #ff0000; */
    color: #fff;
}
.cff00bb{
color:#ff00bb !important;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
    /* color: #b80000;
    background-color: transparent;
    opacity: 1; */
}
/* header .nav li a:not(.active):hover .caret{
    opacity: 1;
    background: transparent;
    color: #b80000;
{ */

.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("../img/footer/footer-image.webp");
	padding: 40px 0px 0px 0px;
	background-repeat: no-repeat;
    background-size: cover;
}
.home-backimage{
	background-image: url("../img/home/back-image.webp");
	padding: 11.5% 15% 12% 10%;
}
.opac-div{
	width: 60%;
	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;
}
.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: 4px;
}
.pd-box{
	padding-top: 20px;
}
.pd-icons{
	padding-top: 70px;
}
.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{
    float: right;
    background-color: #ffffff;
    height: 100px;
	border-top-left-radius: 10px;
	padding: 20px 5px;
	text-align: center;
	position: fixed;
    bottom: 0;
    width: 3%;
    overflow: hidden;
    right: 0;
	top: 24%;
    z-index: 999;
}
.img-50{
    width: 45%;
}
.h-r{
	background: transparent;
    margin: -3px;
}
.call{
	float: right;overflow: hidden;
    background-color: #ffffff;
    height: 100px;
	border-bottom-left-radius: 10px;
	padding: 20px 5px;
	text-align: center;
	position: fixed;
    bottom: 0;
    right: 0; width: 3%;
	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;
}
/* .hwb-background{
    margin-top: -60px
} */
.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("../img/WhyUs/whyusbanner1.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;
}

.para{
	font-family: 'montserrat-regular';
	font-size: 24px;
	color: #ffffff;
    padding: 0px 14%;
}
.banner2{
	/* background-image: url("../img/WhyUs/whyusbanner2.webp"); */
    background-image: url("../img/WhyUs/whyusbanner-2.jpg");
	height: 640px;
    background-size: 100% 100%;
}
.web-app-img{
 display:none;
margin: 10px -33px 19px;
}
.opacti-div{
	background-color: #0000006b;
	float: right;
	width: 59%;
	padding: 1% 12% 1% 1%;
    margin: 10% 0px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.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("../img/WhyUs/whyusbanner3.jpg");
	/* 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("../img/WhyUs/whyusbanner4.jpg");
	/* 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("../img/WhyUs/whyusbanner5.jpg");
	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); */
    background-image: url("../img/pricing/Need-help.jpg");
	padding: 6% 0px;
    text-align: center;
    height:517px;
}
.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-box:hover{
    /* margin-top: -9px; */
    /* box-shadow: 5px 5px 5px rgb(255 213 0 / 60%); */
}
.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{
    background-color: #000000;
}
.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: 7% 0px 7% 0px;;
}
.form-text{
	color: #ffffff;
	font-family: 'montserrat-regular';
    font-size: 16px;
}
.form-div{
	display: inline-block;
    width: 49.5%;
}
/* .form-div{
    margin-bottom: 45px !important;
} */
.form-div span{
    display: table !important;
    /* top: -38px !important; */
}
.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:106px ;
    height:36px ;
        /* width:55%; */
margin-top:13px;
}
.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;
}
.submit1:hover {
    background: linear-gradient(#fa6061, #860525);
    color:white;
}
.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:#c10d22;
}
.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: 20px;
	width: 20px;
	background-color: trabsperant;
	border:1px solid white;
	border-radius:5px;
  }

  /* 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: -3px !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: 4px;
        -webkit-transition: .2s;
        transition: .2s;
        display: none;
    }
[type="checkbox"]+span:not(.lever) {
    position: relative;
    padding-left: 17px !important;
    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;
}
[type=checkbox]+span:not(.lever):before, [type=checkbox]:not(.filled-in)+span:not(.lever):after{
    width: 10px !important;
    height: 17px !important;
}
    [type="checkbox"]+span:not(.lever) {
        position: relative;
        padding-left: 23px;
        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: 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("../img/solution/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: 80%;
    padding-bottom: 1.9%;
}
.banner-mobile{
  display:none;
  background-image: url("../img/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;
}
.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: 1px solid #ffffff;
	/* 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("../img/solution/ebook-back.webp");
	padding: 6% 0px 2% 0px;
    background-size: 100% 100%;
    height: 55%;
}
.st{
	padding: 7px 1%;
    margin-right: 2%;
}
.bd{
    padding: 4px 1%;
}
a:hover {
    text-decoration: none !important;
}
.price-back{
	background-image: url("../img/pricing/price-banner.jpg-800pixels.jpg");
	padding: 8.7%;
    background-size: 100% 100%;
    height:800px
}
.price-opac {
    background-color: #000000c2;
    color: #ffffff;
    font-family: 'nexa-bold';
    font-size: 55px;
    width: 56%;
    border-radius: 15px;
    padding: 10px 20px;
    line-height: 1.1;
    margin-top: 10%;
    height: 30%;
}
.get-text{
	font-size: 24px;
    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: #12ff00; */
     font-size: 30px;
     color: #00ffff;
}
.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: 15px;
}
.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("../img/pricing/pricing-footer.jpg");
	padding: 30px 0px 50px 0px;
    background-size: auto;
    height:517px;
}
.need-text{
	font-family: 'nexa-bold';
	font-size: 55px;
	/* color: #000040; */
    color: red;
    text-align: center;
}
.need-text2{
	font-family: 'nexa-bold';
	font-size: 24px;
	/* color: #781f1f; */
    color: #ffae42;
	text-align:center;
    margin-bottom: 40px;
}
.bar1{
	background-color: #7f00bd;
	/* font-family: 'montserrat-regular'; */
    font-family: 'nexa-bold';
	font-size: 24px;
	color: #ffff3b;
    border-radius: 30px;
	display: inline;
    padding: 7px 12px 7px 20px;
}

.widt{
	background-color: #f7efefa6;
	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: #f7efefa6;
	display: inline-block;
	margin-right: 36%;
    margin-top: 4px;
}
.heigh2{
	width: 5px;
    height: 50px;
	background-color: #f7efefa6;
	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: #F651BF;
	font-family: 'nexa-bold';
	font-size: 24px;
	color: #ffff3b;
    border-radius: 30px;
	padding: 7px 6%;
    display: inline;
}
.bar3{
	background-color: #041ef9;
    font-family: 'nexa-bold';
	font-size: 24px;
	color: #ffff3b;
    border-radius: 30px;
	padding: 7px 3%;
	display: inline;

}
.bar4{
	background-color: #21a0b5;
    font-family: 'nexa-bold';
	font-size: 24px;
	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("../img/product/pro-img1.webp");
	padding: 14.3% 30.5%;
	text-align: center;
    background-size: 100% 100%;
    /* position: relative;
    top: 9%; */
}
.black-opacity{
	color: #ffffff;
    font-family: 'nexa-bold';
    font-size: 53px;
    background: #000000c9;
    border-radius: 15px;
    padding: 1.5% 0px;
    line-height: 1.25;
}
.left-banner{
	background: url("../img/product/laptopimg.gif");
	height: 742px;
	padding: 16.7% 6% 7.4% 22%;
    background-size: 100% 100%;
}
.right-banner{
	background: url("../img/product/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("../img/product/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("../img/product/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: 67%;
	float: right;
	padding:3% 7% 1% 0px;
    text-align: center;
}
.increase-heading{
	font-family: 'nexa-bold';
	font-size: 40px;
    color: #ffffff;
}
.commision0{
	font-family: 'nexa-bold';
	font-size: 24px;
    color: #ffffff;
}
.stru{
	background-image: url("../img/product/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;
}

.stru-heading-orgcat{
	font-family: 'nexa-bold';
	font-size: 28px;
    color: #ff962d;
}
.wit{
    width: 95%;
}
.top-detail{
    margin-top: 30px;
}
.manage-banner{
	background-image: url("../img/product/maskimg.webp");
	background-size: 100% 100%;
	height: auto;
    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: 82px;
    margin-top: 10px;
}
.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: linear-gradient(#0025a0,#001b54); */
    background-image: url("../img/pricing/Need-help.jpg");
	text-align: center;
    padding: 2.6% 0px;
    height:517px;
}
.footer-pci-text{
	font-family: 'montserrat-bold';
	font-size: 30px;
	color: #ffffff;
	margin: 0px auto;
    width: 50%;
}
.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;;
}
.left1{
	text-align: left;
    margin-top: 15px;;
}
.background-cm{
	background-image: url("../img/cm/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;
background-image: linear-gradient(
180deg,green, #80c249);
}
.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("../img/cm/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("../img/cm/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("../img/cm/adrbtn.webp");
	padding: 30.40% 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("../img/cm/p1.webp");
	background-size: 100% 100%;
    width: 30%;
    /* height:659 ;
    margin-top: -13px; */
}
.font-size-20-db{
    font-size: 20px;
}
.cm-img{
    width: 50%;
}
.cm-pannel4-p2{
	background-image: url("../img/cm/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("../img/cm/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("../img/pms/cm-top.webp");
    padding: 4% 0px;
background-size: 100% 100%;
}
.direct-booking{
	background-image: url("../img/booking/direct1.webp");
	padding: 3% 0px;
    background-size: 100% 100%;
}
.dir-4{
	background-image: url("../img/booking/direct4.webp");
	padding: 0% 0px 2%;
    background-size: 100% 100%;
}
.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: 18px;
    font-family: 'montserrat-bold';
    color: #ffff00;
    margin: 7px 0px;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    width: 100%;
    /* white-space: nowrap; */
}
.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;
    text-align: left;
    background: #ff0000;
    font-family: 'montserrat-regular';
    font-size: 16px;
    /* color: #ffffff; */

    padding-left: 32px;
}
.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;
    background-image: linear-gradient(
180deg, #360f8d, #e400dd);
}
.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: 8% 0px;
}
.dir-para{
	font-family: 'montserrat-medium';
	font-size: 18px;
	color: #ffffff;
    text-align: center;
}
.dir-back3{
    background-image: url("../img/booking/direct3.jpg");
}
.dir-5{
	background-image: url("../img/booking/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: #00a400;*/
    background: #0000007a;
    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("../img/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("../img/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("../img/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("../img/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; */
    background: linear-gradient(#00002d,#00000e);
    /* background-image: url("../img/solution/ebook-back.webp"); */
    /* background-repeat: no-repeat; */
}

.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("../img/webapp/banner1.jpg");
	padding: 3% 0px;
    background-size: 100% 100%;
}
.pnik-bar{
	/*background: #ed1e79;*/
    background: #0000007a;
    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("../img/webapp/banner2.webp");
	padding: 2% 0px 9%;
    background-size: 100% 100%;
}
.pannel-web3{
	background-image: url("../img/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("../img/webapp/mob1.webp");
	background-size: 100% 100%;
	height: 656px;
    text-align: center;
}
.mob2{
	background-image: url("../img/webapp/mob2.webp");
	background-size: 100% 100%;
	height: 656px;
    text-align: center;
}
.mob3{
	background-image: url("../img/webapp/mob3.webp");
	background-size: 100% 100%;
	height: 656px;
    text-align: center;
}
.mob4{
	background-image: url("../img/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;
    margin-top:-20px
}
.carousel
{
    position: relative;
    height: 745px !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: .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;
    margin-bottom:9px;
}
  .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'; */
    color:black;
	font-size: 16px;
	font-weight: 300;
	margin-left: 45px;
	/* 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%
}
.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); */
    background-color: black;
    padding: 30px 0px 30px 0px;
    background-size: 100% 100%;
}
.web-nexa-col1.mobile-yes span{
    right: -75px !important;
}
.dir-back3 {
    background-image: none;
}
.containers{
display:inline;
}
.btn-cont{
    font-size: 14px;
margin-top: 8.5%;
}
.banner1{
	background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/WhyUs/whybanner1.webp");
	/* height: 860px; */
    background-size: 100% 100%;
}
.banner3{
	background-image:  url("../img/WhyUs/whybanner3mob.jpg");
	height: 740px;
    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("http://pci.ae/wp-content/themes/cgslhcm_wp/images/WhyUs/whybanner4.webp");
	/* height: 624px; */
    background-size: 100% 100%;
}
.mapimg{
	background: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/products/pro4.webp");
    background-size: 100% 100%;
}
.manage-banner{
	background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/products/pro6.webp");
	background-size: 100% 100%;
	height: 100%;
    padding: 0 0 2.7% 0;
}
.cm-pannel3{
	background-image: url("http://pci.ae/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("http://pci.ae/wp-content/themes/cgslhcm_wp/images/chennelmanager/ch2.webp");
	background-size: 100% 100%;
    padding: 0% 0% 5% 0%;
}
.back-ebook{
	background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/solutions/sol3.webp");
	padding: 6% 0px 2% 0px;
    background-size: 100% 100%;
}
.back-top{
	background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/solutions/sol2.webp");
    background-size: 100% 100%;
padding: 15px 0px;
}
.pms-panel4{
	background-image: url("http://pci.ae/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-size: 100% 100%;
        padding: 0% 0px 58%;
}
.direct-booking {
    background-image: url(http://pci.ae/wp-content/themes/cgslhcm_wp/images/directbooking/direct-mob.webp);
        padding: 44% 0px 10px 0px;
    background-size: auto;
    height: 346px;
}
.post-pci{
    background-color: #000000ad;
        border-radius: 20px;
    padding: 10px 5px;
    margin: 0 auto;
    width: 85%;
}
.dir-5 {
    background-image: url(http://pci.ae/wp-content/themes/cgslhcm_wp/images/directbooking/direct-mob-2.webp);
    background-size: 100% 100%;
    padding: 3% 0px;
}
.webapp {
    background-image: url(http://pci.ae/wp-content/themes/cgslhcm_wp/images/webapp/webapp-banner.webp);
    padding: 46% 0px 10px 0px;
    background-size: 100% 100%;
}
.mr-0dr {
        margin-top: 10px !important;
    margin-bottom: 14px;
}
.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;
}
.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: 30px;
    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: 0% 0% 3% 0px;
}
.desk-no-mob-yes{
display:block;
}
.mob-noe{
display:none;
}
.carousel{
    perspective: 600px !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(../img/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: transparent;
		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%;
                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: center;
		font-family: 'montserrat-medium';
        font-size: 12px;
    }
	.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: 687px;
		max-width: 355px !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: #000000c7;
    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;
}
.banner2 {
    background-image: url(http://pci.ae/wp-content/themes/cgslhcm_wp/images/WhyUs/whyusbanner.webp);
    background-size: 100% 100%;
    padding: 8% 0px;
    height:unset;
}
.banner-mobile{
  display:block;
  background-image: url(http://pci.ae/wp-content/themes/cgslhcm_wp/images/WhyUs/whyusbanner12.webp);
    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: 13px;
    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: 30px;
    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%;
    border: none;
}
.panel5 {
    background-image: url("../img/WhyUs/whyusbanner5.jpg");
    height: 470px;
    background-size: 100% 100%;
}
.panel5-background {
    background: linear-gradient(#000000,#000A4A);
    height: unset;
}
.panel5-heading {
    font-family: 'montserrat-bold';
    font-size: 30px;
    color: #ffffff;
    padding: 5% 0% 4% 3%;
    text-align: center;
}
.rotate {
    font-family: 'montserrat-bold';
    font-size: 30px;
    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.1;
}
.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: 3% 0px 3% 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: 100%;
    padding: 10px 15px;
    margin: 0px auto;
    height: 48px;
}
.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: 9px;
    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;
}
.pin {
    background-color: #ed1e79;
    margin:10px 0px;
}
.org {
    background-color: #e07000;
}
.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:100% !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: 15px;
    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("http://pci.ae/wp-content/themes/cgslhcm_wp/images/products/pro1.webp");
    padding: 15% 10%;
    text-align: center;
    background-size: 100% 100%;
}
.black-opacity {
    color: #ffffff;
    font-family: 'nexa-bold';
    font-size: 30px;
    background: #000000c9;
    border-radius: 15px;
    padding: 2% 0px;
}
.left-banner {
    background: url("../img/product/laptopimg.gif");
    padding: 4% 6% !important;
    background-size: 100% 100%;
}
.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("http://pci.ae/wp-content/themes/cgslhcm_wp/images/products/pro3.webp");
    height: 350px !important;
    background-size: 100% 100%;
}
.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("../img/product/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: 17px;
    color: #ffffff;
    margin-bottom: 6px;
}
.price-back {
    background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/images/pricing/price-back1.webp");
    padding: 5%;
    background-size: 100% 100%;
}
.mobile-none{
display:none;
}
.mobile-yes{
display:block;
text-align: center;
}
.price-opac {
    background-color: #000000c2;
    color: #ffffff;
    font-family: 'nexa-bold';
    font-size: 30px;
    width: 100%;
    border-radius: 15px;
    padding: 8px 20px;
    line-height: 1.2;
    text-align: center;
}
.div-pd {
    padding-top: 0px;
    margin-right: 20px;
}
.width-icon {
    width: 100%;
}
.pd-bottom-img {
    padding-bottom: 0px;
    width: 5em;
}
.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;
}
.peoplebanner {
    background-image: url("http://pci.ae/wp-content/themes/cgslhcm_wp/img/product/pro5.webp") !important;
    height: unset !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;
    width: 80%;
line-height: 1.2;
}
.number-of {
    font-family: 'nexa-bold';
    font-size: 18px;
    text-align: center;
    color: #ed1e79;
    margin-bottom: 10px;
}
.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;
    text-align: center;
}
.need-text2 {
    font-family: 'nexa-bold';
    font-size: 18px;
    color: #08005f;
    text-align: center;
    margin-bottom: 15px;
}
.bar4 {
    background-color: #000000a6;
    font-family: 'montserrat-regular';
    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: #000000a6;
    font-family: 'montserrat-regular';
    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: 'montserrat-regular';
    font-size: 15px;
    color: #ffff3b;
    border-radius: 30px;
    display: block;
    padding: 7px 12px 7px 20px;
    margin-bottom: 15px;
}
.bar2 {
    background-color: #000000a6;
    font-family: 'montserrat-regular';
    font-size: 15px;
    color: #ffff3b;
    border-radius: 30px;
    padding: 7px 6%;
    display: block;
}
.cm-pannel4-p1 {
    background-image: url("../img/cm/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;
}
.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("http://pci.ae/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: 30px;
    color: #ffffff;
    line-height: 1.2;
text-align:center;
}
.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("../img/cm/cm-top.webp");
    padding: 0% 0px 0% 0px;
    background-size: 250% 100% !important;
}
.out-red {
    font-family: 'nexa-bold';
    font-size: 20px;
    color: #ffffff;
    padding: 5px 0% 5px 10.6%;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    width: 80% !important;
    background: #ff0000;
}
.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("../img/cm/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;
    color: #ffffff;
    line-height: 1.2;
    text-align: center;
}
.blkbxk .pm-pci-text {
    font-family: 'nexa-bold';
    font-size: 30px;
    color: #ffffff;
    line-height: 1.2;
    text-align:center;
}
.pm-heading {
    font-family: 'nexa-bold';
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    line-height: 1.2;
}
.pm-text-p {
    font-family: 'nexa-light';
    font-size: 20px;
    color: #ffffff;
    width: 88%;
    margin: 10px 0px 10px 10.5% !important;
}
.cal-color-sky-yy{
color:#c10d22;
}
.orange-bar {
    background: #c16000;
    font-family: 'nexa-bold';
    font-size: 20px !important;
    color: #ffffff;
    width: 90% !important;
    border-top-right-radius: 50px;
    padding: 5px 3% 5px 10.5% !important;
    border-bottom-right-radius: 50px;
    line-height: 1.3;
}
.pms-round-box {
    background-color: #000000c4;
    border: 5px solid #ffffff;
    border-radius: 40px;
    width: 100%;
   margin-bottom: 22px;
    height: 100%;
}
.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("../img/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;
    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: 20px !important;
    color: #ffffff;
    width: 96% !important;
    border-top-right-radius: 80px;
    padding: 5px 3% 5px 10.5% !important;
    border-bottom-right-radius: 80px;
    line-height: 1.3;
}
.pannel-web3 {
    background-image: none;
    background-size: 100% 100%;
}
.web-heading {
    font-family: 'nexa-bold';
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    padding: 3% 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("../img/webapp/mob1.webp");
    background-size: 100% 100%;
    height: 500px;
    text-align: center;
    margin-bottom: 20px;
}
.mob2 {
    background-image: url("../img/webapp/mob2.webp");
    background-size: 100% 100%;
    height: 500px;
    text-align: center;
    margin-bottom: 20px;
}
.mob3 {
    background-image: url("../img/webapp/mob3.webp");
    background-size: 100% 100%;
    height: 500px;
    text-align: center;
    margin-bottom: 20px;
}
.mob4 {
    background-image: url("../img/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: #000000ad;
    border-radius: 20px;
    padding: 10px 5px;
    margin: 0 auto;
    width: 85%;
}
.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: 10% -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: 'montserrat-bold';
    font-size: 30px;
    color: #ffffff;
    padding: 2% 0px;
    text-align: center;
    border-bottom: 2px solid;
    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: #00a400;
    font-family: 'nexa-bold';
    font-size: 18px !important;
    color: #ffffff;
    width: 90% !important;
    border-top-right-radius: 80px;
    padding: 5px 5% 5px 10.5% !important;
    border-bottom-right-radius: 80px;
    line-height: 1.3;
}
.zerocommission {
    font-family: 'montserrat-medium';
    font-size: 30px;
    color: #ffffff;
    margin-left: 6%;
    margin-top: 0px;
    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;
}
.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;
}
.heading-dir-b {
    font-family: 'montserrat-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: 2rem !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;
}
.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;
    }
    .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: 25px !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%;
}
.square-box {
    height: 310px;
}
.panel4 {
    padding: 21.5% 0% 19.5% 17%;
}
.mr-l-36 {
    margin-left: 37px;
}
.text_top {
    padding: 4% 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: 20px;
}
.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: 22px;
}
.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;
}
.footer-background {
    background-size: 100% 100%;
}
.banner3 {
    background-size: 106% 100%;
}
.banner4 {
    background-size: 108% 100%;
}
.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: 27% 0% 0px;
}
.right-opac {
    height: 750px;
}
.out-red {
    font-size: 23px;
}
.background-cm {
    background-size: 112% 100%;
}
.adr {
    padding: 38.75% 0%;
}
.cm-pannel4-p2 {
    height: 645px;
}
.mob1 {
    height: 490px;
}
.mob2 {
    height: 490px;
}
.mob3 {
    height: 490px;
}
.mob4 {
    height: 490px;
}
.mr-tp {
    margin: 20px 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: 34px;
}
.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;
}




}
@media only screen and (max-width: 786px){
.footer-background {
    background-image: url(../img/footer/footer-image.webp)!important;
    padding: 40px 0px 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;

}
.back-ebook {
    background-image: url(../img/solution/ebook-back.webp);
    padding: 6% 0px 2% 0px;
    background-size: 100% 100%;
    height: 100%;
}
}
/* .unique{
    position: relative!important;
    top: 9%!important;
}
@media only screen and (max-width: 768px) {
.unique {
    position: relative!important;
    top: 12%!important;
}
} */