@charset "utf-8";
/* CSS Document */
/* Clear Floated Elements
---------------------------------*/
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0;  height: 0;}
.clearfix:before, .clearfix:after { content: '\0020';  display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:after { clear: both;}
/* Primary Styles
---------------------------------*/

body { background: #fff;font-family: "ABC Social", Arial, sans-serif; font-size: 14px; font-weight: normal; color: #000; margin: 0;font-weight:normal;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img { height: auto; width: auto;  max-width: 100%;  vertical-align: top;}
h1, h2, h3, h4, h5 { margin: 0px;  padding: 0px;}
a { text-decoration: none;}
a:focus {outline: none;}
ul {padding: 0; margin: 0;}
ul li{ list-style:none;}
p {margin: 0 0 10px;}

.wrapper{ max-width:1600px; width:100%; margin:0 auto; padding:0 25px;} 
h1, .h1 { color: rgb(22, 20, 12); margin: 0px 0px 24px; font-family: Feature, Times, serif; font-weight: 700; font-size:80px; line-height: calc(1em + 8px); letter-spacing: 0.75px;}


::placeholder {
  color: #000;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #000;
}
.cross{ position:absolute; top:-10px; right:-10px; color:#ff0000; padding:4px 10px; border-radius:50%; border:2px solid #af36b7; font-size:22px; background:#fff; cursor:pointer;}
.demo-pop-up, .thankyou-pop {
	background: rgba(0, 0, 0, 0.7);
	z-index: 9999;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	display: none;
}

.demo-box-outer {
	background: #fff;
	border-radius: 15px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	padding: 50px;
	text-align: center;
}

.thanks-popup-inner a {
	background: #fe3547;
	padding: 12px 30px;
	color: #fff;
	border: none;
	border-radius: 25px;
	font-size: 18px;
	cursor: pointer;
}

.thanks-popup-inner {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}

	.thanks-popup-inner p {
		margin: 25px 0;
	}

.demo-pop-up{ background:rgba(0, 0, 0, 0.7); z-index:9999; position:fixed; top:0px; left:0px; width:100%; height:100vh; display:none;}
.demo-pop-inner{ background:#f6f5f6; padding:30px; border-radius:20px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:40%;}
.fild-box{ float:left; width:100%;}
.fild-box-left{float:left; width:100px;}
.fild-box-left input{ vertical-align:top; float:left; width:20px; padding:10px; margin:17px 0;font-size: 15px;}
.fild-box-left label{ vertical-align:top; float:left; width:100px; padding:10px; margin:5px 0;font-size: 15px;} 
.fild-box input{ width:100%; border:1px solid #ccc; padding:10px; margin:5px 0;font-size: 15px; color:#000 !important;}
.fild-box select{ width:100%; border:1px solid #ccc; padding:10px; margin:5px 0;}
.fild-box textarea{ width:100%; border:1px solid #ccc; padding:10px; margin:5px 0; height:150px; resize:none;}
.top-button-box.full-btn{ width:100%;}
.top-button-box.full-btn .button-box{ width:100%; text-align:center;}  
.banner-text-right{  width:70%;position:absolute; top:60px; right:10%;} 
.banner-text-right h2{ text-align:center; background:#fff; padding:10px; border-radius:10px;}
.banner-text-left .btn-primary{ font-size:18px;}
.form-fild input { width: 100% !important; padding: 10px !important; border: 1px solid #ccc !important; border-radius: 5px !important; margin-bottom: 10px !important; font-size: 16px !important;}
.banner-form > input[type=button] {  background: #fff;  padding: 15px 10px;  width: 100%;   text-align: center; color: #000; border: none; font-size: 16px; border-radius: 5px; font-weight: 600;}
.banner-text-right .section-one-left-button-box { margin-top: 0;}
.section-one-right h5{ padding:15px 0; text-align:left; font-size:30px; color:#9be8f9; text-align:center; margin-bottom:50px;}
.section-one-left-button-box.lab-btn{ margin-top:20px;text-align: center;}
.section-one-left-button-box.lab-btn .button-box{height:42px;padding: 0 15px;border-radius: 7px; border:1px solid #fff; float: none;display: inline-block;}
.section-one-left-button-box.lab-btn .button-box a{margin-top:12px; font-size:16px;}

.section-one-right.support-section-left .banner-text-right { width: 70%;  position: absolute; top: 60px;  left: 13%;}
 
.resource-inner-left .banner-text-right{ width:82%;} 

.banner-outer{ position:relative;}
.banner-text{ position:absolute; left:3%; top:50%; transform:translateY(-50%); width:60%; color:#fff;}
.banner-text p{color:#fff; font-size:18px;}
.banner-text h1{ color:#fff; font-size:54px;    margin-bottom:30px;}
.banner-text h1 span{ color:#FC0; display:block; font-size:50px;}
.banner-text .button-box{ height:35px; border-radius:10px;}
.banner-text .button-box a{ margin-top: 6px;}
.banner-text .button-box a:hover{ margin-top:-35px;}
.cont-text{margin-top: 25px;}
/*.banner-text .section-one-left-button-box { margin-top: 50px;}*/
.cont-text span{    font-size: 22px; padding:10px 20px;  background:url(../images/bt-bg.png) no-repeat left top  -6px, url(../images/bt-bg2.png) no-repeat right bottom -6px; color:#FC0;}


.banner-form{  padding:0px;border-radius:10px 10px; overflow:hidden;margin:10px 0 10px 0; text-align:left; background:rgba(0, 0, 0, 0.4); padding:15px;}
.banner-form ul{border-bottom:1px solid #ccc; margin-bottom:10px;padding-bottom:20px;}
.banner-form ul li{ padding:10px 0 !important;float:left; width:50%; list-style:none; margin:0px !important;}
.banner-form ul li span{ float:left; font-weight:400;}
.banner-form ul li:first-child{ border-right:1px solid #ccc;} 
.banner-form ul li:last-child span{ float:right;} 
.banner-form ul li .fa{ font-size:20px; color:#d13b45; margin:0 10px 0 0;} 
.banner-form  span{ font-size:16px; color:#000; font-weight:600;letter-spacing: 1px;}



.container {display: block; position: relative;  padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.container input {position: absolute; opacity: 0; cursor: pointer;}
/* Create a custom radio button */
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%;}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark { background-color: #ccc;}
/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark { background-color: #2196F3;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after { content: ""; position: absolute;  display: none;}
/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after { display: block;}
/* Style the indicator (dot/circle) */
.container .checkmark:after {	top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 50%;background: white;}



.bottom-margin{ margin-bottom:60px;}
.right-padding{padding:100px 150px 0 0;}
.left-padding{padding:100px 0 0 150px;}

.small-title-text{color: rgb(22, 20, 12); margin: 0px 0px 8px; font-family: "ABC Social", Arial, sans-serif; font-stretch: condensed; font-weight: 700; font-size: 16px;  line-height: calc(1em + 8px); text-transform: uppercase;}
.main-title-text{color: rgb(22, 20, 12); margin: 0px 0px 24px;font-family: Feature, Times, serif; font-weight: 700; font-size:67px; line-height: calc(1em + 8px); letter-spacing: 0.75px;}
.para-text {color: rgb(22, 20, 12); margin: 0px 0px 12px; font-family: "ABC Social", Arial, sans-serif; font-weight: 400; line-height: calc(1em + 8px); letter-spacing: 0px;font-size: 20px;}
.midd-title-text{color: rgb(22, 20, 12); margin: 0px 0px 8px; font-family: "ABC Social", Arial, sans-serif; font-stretch: condensed; font-weight: 700; font-size: 20px;  line-height: calc(1em + 8px); text-transform: uppercase;}
.midd-small-title-text{color: rgb(22, 20, 12); margin: 0px 0px 8px;font-family: Feature, Times, serif; font-stretch: condensed; font-weight: 500; font-size: 48px;  line-height: calc(1em + 8px);  }
.midd-more-small-title-text{color: rgb(22, 20, 12); margin: 0px 0px 8px;font-family: Feature, Times, serif; font-stretch: condensed; font-weight: 500; font-size: 35px;  line-height: calc(1em + 8px); } 
/*=======
============= TOP SECTION  START =================*/ 
.top-bar-left{ float:left;padding: 2px 0 0;}
.top-bar-right{ float:right; padding:5px 0;}
.top-bar-left ul li, .top-bar-right ul li{ float:left; margin-right:25px;}
.top-bar-left ul li .fa, .top-bar-right ul li .fa{margin-right:5px;}
.top-bar-left ul li a, .top-bar-right ul li a{ color:#fff;}
.top-bar-left ul li:first-child a .fa{ color:#ff0000;}
.top-bar-left ul li:last-child a .fa{ color:#66fb1d;}



.header-top-box {
	background: #320a4b;
	padding: 3px 15px;
}


.header-box {
    padding: 15px 0 0;
    background: url(../Images/header-bg.png) no-repeat left bottom #fff;
    background-size: cover;
    width: 100%;
    -webkit-box-shadow: 0px 6px 11px -4px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 6px 11px -4px rgba(0,0,0,0.31);
    box-shadow: 0px 6px 11px -4px rgba(0,0,0,0.31);
    z-index: 999;
}
.header-search .fa.fa-envelope {
    color: #c47606;
}
.header-search .fa.fa-phone {
    color: #ff0000;
    font-weight: bold;
}
.header-search .fa.fa-whatsapp {
    color: #55d061;
    font-weight: bold;
}
.header-top {
    float: right;
}

.header-contact, .header-search, .header-login {
    float: left;
}
.header-search, .header-login {
    float: right;
}
.header-Register{    float: right;
		margin:0 10px;}
    .header-contact ul {
        float: left;
        padding: 6px 0;
    } 
.top-middle-text {
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.top-middle-text .first-box {
    padding: 6px 12px;
    background: #b0a936;
    display: inline-block;
}

.top-middle-text .midd-box {
    padding: 6px 12px;
    background: #ff6600;
    display: inline-block;
}
.top-middle-text .last-box {
    padding: 6px 12px;
    background: #309807;
    display: inline-block;
}
.header-search {
    margin-right: 20px;
}

    .header-search input[type=text] {
        border: 1px solid #633580;
        border-radius: 5px;
        padding: 5px 10px;
        margin-right: 10px;
        vertical-align: top;
        width: 400px;
    }

    .header-search input[type=button] {
        border: none;
        width: 30px;
        height: 30px;
    }

.search-btn {
    background: url(../Images/search-icon.png) no-repeat center center;
}
.header-search a {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    background: #0077b5;
    text-align: center;
    margin: 2px 5px;
}

.header-search span{color:#ffff; display:inline-block; margin-top:15px;}
.header-search .fa {
	color: #fff;
	font-size: 18px;
	margin: 5px;
}

.dook-demo{ float:left;}
.header-top a, .dook-demo a, .header-Register a{ padding:5px 10px; display:block; border-radius:5px; overflow:hidden; color:#fff;} 
.header-top a .fa, .dook-demo a .fa, .header-Register a .fa{ margin-right:5px;}



.bottom-margin{ margin-bottom:60px;}
.right-padding{padding-right:100px;}
.left-padding{padding-left:100px !important;}
.top-padding{padding-top:100px;}
.top-padding-two{padding-top:40px !important;}




.nav-outer{ border-bottom:1px solid #ccc;    background: #fff;}
.nav-top-inner{ float:right;}
.nav-top-inner ul{ float:left;}
.nav-top-inner ul li{ float:left; position:relative; list-style:none;}
.nav-top-inner ul li a{ display:block; padding:3px 10px; color:#000; font-weight:400; position:relative;}
.nav-top-inner > ul > li > a:after{ position:absolute; content:""; bottom:2px; left:0px; width:100%; height:1px; background:#000; display:none;}

.top-submenu{ position:absolute; left:0px; top:23px; display:none; background:#f2f2f2; width: 180px; padding:10px;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
}
.top-submenu li a{ color:#000; display:block;}
.nav-top-inner ul li:hover .top-submenu{ display: block; z-index:9999;}
.nav-top-inner ul li ul li{ float:none;}
.nav-top-inner > ul > li:hover :after{ display:block; }

.logo{ float:left; width:170px; text-align:center;    margin-top: 10px;}
.logo span img{ display:none;}

.darkheader{ position:fixed; width:100%;top: -7px; z-index:9;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
}
.darkheader .logo img{display:none;}
.darkheader .logo span img{margin-top: 10px; display:block !important;}

.nav{ float:left; width:calc(85% - 170px);}
.nav > ul{ text-align:center; position:relative;}
.nav > ul > li{display:inline-block;position: relative;}
.nav > ul > li > a{ color:#000; padding:30px 35px; display:block; font-weight:bold; font-size:16px; position:relative; overflow:hidden;margin-bottom: -5px;}

.nav > ul > li > a:after{ width:100%; height:4px; position:absolute; left:-100%; bottom:0px; content:""; background:#000;
transition: all 0.4s ease-in-out 0s; 
-moz-transition: all 0.4s ease-in-out 0s; 
-ms-transition: all 0.4s ease-in-out 0s; 
-o-transition: all 0.4s ease-in-out 0s; 
-webkit-transition: all 0.4s ease-in-out 0s;}
.nav > ul > li:hover > a:after{ left:0px; 
transition: all 0.4s ease-in-out 0s; 
-moz-transition: all 0.4s ease-in-out 0s; 
-ms-transition: all 0.4s ease-in-out 0s; 
-o-transition: all 0.4s ease-in-out 0s; 
-webkit-transition: all 0.4s ease-in-out 0s;}

.sub-menu{ position:absolute; left:0px; top:78px;background: rgb(246, 240, 230); width:300px; display:none;font-size:16px; z-index:9;
-webkit-box-shadow: 0px 11px 20px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 11px 20px -12px rgba(0,0,0,0.75);
box-shadow: 0px 11px 20px -12px rgba(0,0,0,0.75);}
.sub-menu-left-box{ float:left; width:100%;padding:20px; }
.sub-menu-box{ float:left; width:50%; padding:15px; border-radius:6px;}
.sub-menu-box:hover{ background:#ebe4d9;}
.sub-menu-box a, .sub-menu-box a span{ text-align:left;display: block; color:#000;}
.sub-menu-box a span{ font-family: Feature, Times, serif;font-stretch: normal;font-size: 26px; line-height: calc(1em + 6px); margin-bottom:10px;}
.sub-menu-box a img{ margin-bottom:30px;}

.sub-menu-box-midd{float:left; width:100%;text-align:left;}
.sub-menu-box-midd.sub-menu-box-midd-two{float:left; width:33.333%; padding:15px 20px; text-align:left;}
.sub-menu-box-midd h5{font-family: "ABC Social", Arial, sans-serif; font-stretch: condensed; font-weight: 700; font-size: 18px; line-height: calc(1em + 8px); margin-bottom:10px;}
.sub-menu-box-midd ul{}
.sub-menu-box-midd ul li{ list-style:none;}
.sub-menu-box-midd ul li a{ padding:10px; color:#000; border-radius:7px; overflow:hidden; display:block;}
.sub-menu-box-midd ul li a span{ display:block; font-weight:400;}
.sub-menu-box-midd ul li a .fa{ margin-right:10px;}
.sub-menu-box-midd ul li a:hover{ background:#ebe4d9;}

.sub-menu-left-bottom{ width:100%; float:left; text-align:left; padding:15px 15px 0 15px;}
.sub-menu-left-bottom ul{ float:left; width:100%; border-top:1px solid #ccc; padding-top:5px; }
.sub-menu-left-bottom ul li{float:left; list-style:none; margin-right:15px; }
.sub-menu-left-bottom ul li a{ display:block; color:#000; padding:6px 15px;border-radius:7px; overflow:hidden;}
.sub-menu-left-bottom ul li a:hover{ background:#ebe4d9;}

.sub-menu-right-box{ float:right; width:25%;background-color: rgb(234, 245, 204); padding:25px 0 25px 20px; text-align:left; overflow:hidden;}
.sub-menu-right-box.sub-menu-right-box-two{padding:25px 25px; }
.sub-menu-right-box .mennu-pic-box img{ margin-left:20px;
-moz-transition: all 0.4s ease-in-out 0s; 
-ms-transition: all 0.4s ease-in-out 0s; 
-o-transition: all 0.4s ease-in-out 0s; 
-webkit-transition: all 0.4s ease-in-out 0s;}
.sub-menu-right-box:hover .mennu-pic-box img{ margin-left:0px;
-moz-transition: all 0.4s ease-in-out 0s; 
-ms-transition: all 0.4s ease-in-out 0s; 
-o-transition: all 0.4s ease-in-out 0s; 
-webkit-transition: all 0.4s ease-in-out 0s;}
.sub-menu-right-box a{ color:#000; padding:10px 0; display:inline-block; font-size:17px; margin-top:15px; position:relative;} 
.sub-menu-right-box a:after{ position:absolute; left:0px; bottom:6px; height:1px; width:100%; background:#000; content:"";}
.sub-menu-right-box h5{ font-size:24px; margin:10px 0; font-family:Feature, Times, serif;}
.sub-menu-right-box-two{padding:25px 20px;}


.nav > ul > li:hover .sub-menu{display:block;}

.top-button-box{ float:right; width:15%;padding:18px 0 0;}

.button-box{ float:right;background-color: rgb(154, 68, 151); border: 1px solid rgb(154, 68, 151);border-radius: 48px; height:50px; padding:0 25px; overflow:hidden; margin-left:15px; }
.button-box a{ color:#fff; font-size:18px;margin-top:13px; display: block;transition: all 0.4s ease-in-out 0s; 
-moz-transition: all 0.4s ease-in-out 0s; 
-ms-transition: all 0.4s ease-in-out 0s; 
-o-transition: all 0.4s ease-in-out 0s; 
-webkit-transition: all 0.4s ease-in-out 0s;}
.button-box:hover a{margin-top:-32px;transition: all 0.4s ease-in-out 0s; 
-moz-transition: all 0.4s ease-in-out 0s; 
-ms-transition: all 0.4s ease-in-out 0s; 
-o-transition: all 0.4s ease-in-out 0s; 
-webkit-transition: all 0.4s ease-in-out 0s;}
.button-box-two{ background:#fff;}
.button-box-two a{ color:#000;}
.button-box-two:hover{ background:#000;} 
.button-box-two:hover a{ color:#fff;} 

.mobi-nav{ display:none;}

 /*==================== TOP SECTION  END =================*/
 
  /*==================== BODY TOP SECTION START =================*/
 .body-section-one-inner{ padding:90px 0;}
 .section-one-left{ float:left; width:50%; font-size:20px;}
 .section-one-left p{color: rgb(22, 20, 12); margin: 0px 0px 12px;font-family: "ABC Social", Arial, sans-serif; font-weight: 500;line-height: calc(1em + 8px); letter-spacing: 0px;}
 .section-one-left-button-box{ margin-top:25px;}
 .section-one-left-button-box .button-box{ float:left; margin:0 15px 0 0;}
 .section-one-right{ float:left; width:50%; padding: 0; border-radius: 15px; overflow: hidden; text-align: right; position:relative;} 
 .section-one-right.support-section-left{ float:left; width:50%; padding: 0; border-radius: 15px; overflow: hidden; text-align:left;} 
 
  /*==================== BODY TOP SECTION END =================*/
 
  /*==================== REGISTER SECTION START =================*/
  
  .register-section{ padding:50px 0; background:url(../images/bg-color.jpg) repeat-x left top #f6f0e6;}
  .register-section-inne{ background:#000;}
  .register-section-left{ float:left; width:60%;background:url(../images/body-two.png) no-repeat left top; background-size:cover;}
  .register-section-left-inner{  width:100%;}
  .register-section-left-innerpic-box{ padding:50px;}
  .register-section-right{ padding:25px 35px; color:#fff; float:left; width:40%;color: rgb(246, 240, 230); margin: 0px 0px 12px; font-family: "ABC Social", Arial, sans-serif; font-weight: 500; font-size: 24px;}
  .register-section-right p{ line-height:35px;letter-spacing: 0px;}



.count-box{background: linear-gradient(to right, rgb(57, 33, 49), rgb(154, 68, 151)); width:90%; border-radius:0 25px 0 0;}
.count-box p{ float:left; width:40%;font-family: Feature, Times, serif; font-weight: 500; color:#fff; font-size:30px; padding:40px 0 0 50px;}
.countdown-container {float:left; width:60%; padding:0 0 0 50px;}	
.days-container,.hours-container,.minutes-container, .seconds-container {float:left;align-items: center; justify-content: center;  width:25%;padding:20px 25px;  color:#fff;}
.days,.hours,.minutes,.seconds { font-size: 2.5em; text-align:center; }
.days-label,.hours-label,.minutes-label,.seconds-label { text-transform: uppercase; margin-bottom: 5px;text-align:center;}
@media (max-width: 800px) {  
  .countdown-container { max-width: 90%;}  
  .days-container,  .hours-container,  .minutes-container,   .seconds-container { font-size: 0.8em; width: 100px; height: 100px;}
}

  /*==================== REGISTER SECTION END =================*/
  
 /*==================== TOUR SECTION START =================*/
.quick-tour-section{ background:#f6f0e6; padding:0px 0 80px;}
.quick-tour-section-outer {width: 85%; margin: 0 auto;}
.quick-tour-left{ float:left; width:50%;}
.quick-tour-left p{line-height:30px; letter-spacing: 0px;font-size:22px;}
.quick-tour-left h2{ color: rgb(22, 20, 12); margin: 0px 0px 24px; font-family: Feature, Times, serif; font-weight: 700; font-size:65px; line-height: calc(1em + 8px);letter-spacing: 0.75px;}
.tour-btn-box{ margin-top:30px; float:left; width:100%; position:relative;}
.tour-btn-box-pop{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; text-align:center; padding:30px; width:375px;}
.button-box-custom{ display:inline-block;float: inherit;}
.tour-btn-box-pop img{ margin:15px 0;}
.tour-btn-box-pop h3{  color: rgb(22, 20, 12); margin: 0px 0px 12px; font-family: Feature, Times, serif; font-weight: 500; font-size: 33px; line-height: calc(1em + 8px); letter-spacing: 0.75px;}
.tour-btn-box-pop p{ color: rgb(22, 20, 12); font-family: "ABC Social", Arial, sans-serif; font-weight: 400; font-size:20px; line-height: calc(1em + 8px); margin: 0px 0px 16px;}

  /*==================== TOUR SECTION END =================*/

  /*==================== CLIENT SECTION START =================*/
.client-section{ padding:60px 0 0;}
.slider-section{ width: 85%; margin: 0 auto;}
.event-image-box{ float:left; width:33%;}
.event-details-box{ float:right; width:65%; padding:90px 0 0 50px;}
.event-details-box h4{color: rgb(22, 20, 12); margin: 0px 0px 8px; font-family: "ABC Social", Arial, sans-serif;font-stretch: condensed; font-weight: 700;font-size:16px;line-height: calc(1em + 8px);text-transform: uppercase;}
.event-details-box h3{color: rgb(22, 20, 12); margin: 0px 0px 12px; font-family: Feature, Times, serif; font-weight: 500; font-size: 28px; line-height: calc(1em + 8px); letter-spacing: 0.75px;}
.client-name-outer{ margin-top:25px;}
.client-name, .client-name-btn{ float:left; width:50%;}
.name-style{color: rgb(22, 20, 12);  font-family: "ABC Social", Arial, sans-serif; font-weight:700; font-size:20px; line-height: calc(1em + 8px);}
.client-post{color: rgb(22, 20, 12); font-family: "ABC Social", Arial, sans-serif; font-weight: 400; font-size: 19px; line-height: calc(1em + 8px);} 
.client-name-btn a{ color:#000; padding:10px 0; display:inline-block; font-size:17px; margin-top:15px; position:relative;} 
.client-name-btn a:after{ position:absolute; left:0px; bottom:6px; height:1px; width:100%; background:#000; content:"";}
.slider-section .slick-dots{bottom: -60px;}
.client-title{ margin:50px 0 100px;}
.client-title h2{color: rgb(22, 20, 12); margin: 0px 0px 24px; font-family: Feature, Times, serif; font-weight: 700; font-size:67px; line-height: calc(1em + 8px); letter-spacing: 0.75px;}
.client-title h4{color: rgb(22, 20, 12); margin: 0px 0px 8px; font-family: "ABC Social", Arial, sans-serif; font-stretch: condensed; font-weight: 700; font-size: 17px; line-height: calc(1em + 8px); text-transform: uppercase;}

.slider-section .slick-prev{ width:80px; height:80px; border-radius:50%; border:1px solid #000; left:-100px; background:url(../images/left-arrow.png) no-repeat center center;    overflow: hidden;}
.slider-section .slick-next{ width:80px; height:80px; border-radius:50%; border:1px solid #000; right:-100px; background:url(../images/right-arrow.png) no-repeat center center;overflow: hidden;}
.slider-section .slick-prev:hover{ background:url(../images/left-arrow.png) no-repeat center center #f1f1f1;}
.slider-section .slick-next:hover{ background:url(../images/right-arrow.png) no-repeat center center #f1f1f1;}
.slider-section .slick-prev, .slider-section .slick-next{text-indent: -999px;}

.client-logo{ text-align:center; border-top:1px solid #ccc; margin-top:50px;}
.client-logo img{ display:inline-block; margin:0 3%; } 
  /*==================== CLIENT SECTION END =================*/  
  .title-box{ margin:50px 0 100px;display: inline-block; width: 100%; text-align:center;}
  .title-box-two{ margin:0 0 50px;display: inline-block; width: 100%; text-align:center;}
  .title-box h2, .title-box-two h2 { color: rgb(22, 20, 12); margin: 0px 0px 24px; font-family: Feature, Times, serif; font-weight: 700; font-size: 67px; line-height: calc(1em + 8px); letter-spacing: 0.75px; text-align:center;}
  /*==================== SUPPORT SECTION START =================*/
  .support-section h1{font-size: 60px;    margin-bottom: 50px;}  
  .support-section{padding:0 0 0 50px;font-size: 20px;}
  .support-section-left{ padding:0px; border-radius:15px; overflow:hidden;}
  
  .support-section-two{padding:0 50px 0 0;font-size: 20px;}
  .support-section-two h1{font-size: 60px;    margin-bottom: 50px;}  
  /*==================== SUPPORT SECTION END =================*/
  
  /*==================== RESOURCES SECTION START =================*/
 .resources-section{ padding:50px 0 100px;background-color: rgb(246, 240, 230);}
  .resource-title{ margin-top:50px;}
 .resource-title p{color: rgb(22, 20, 12);  padding: 0px 0px 10px; font-family: "ABC Social", Arial, sans-serif; font-stretch: condensed; font-weight: 700; font-size: 17px;text-transform: uppercase; align-items: center; border-bottom:1px solid #ccc; } 
  .resource-inner{ margin:80px 0;}
  .resource-inner-left{ float:left; width:40%; position:relative;}
  .resource-inner-left h5{padding: 15px 0; text-align:center; font-size: 30px; color: #9be8f9; margin-bottom:50px;}
  .resource-inner-left ul{ padding:5px 0;}
  .resource-inner-left ul li{ float:left; list-style:none; color: rgb(22, 20, 12); margin: 0px 0px 8px; font-family: "ABC Social", Arial, sans-serif;font-weight: 700;font-size: 16px;line-height: calc(1em + 8px);text-transform:uppercase;align-items:center; display:inline-flex; text-transform:uppercase; padding:5px 10px; border-radius:6px; display:block;}
  .resource-inner-left ul li:first-child{ background:#def991;}
  .resource-inner-left ul li:nth-child(2){ text-align:center; padding:10px 0 0px 10px;}
  .resource-inner-left h2{color: rgb(22, 20, 12); margin: 0px 0px 24px; font-family: Feature, Times, serif;font-weight: 500;font-size: 48px; letter-spacing: 0.75px;}
  .resource-inner-left p{color: rgb(22, 20, 12); font-family: "ABC Social", Arial, sans-serif; font-weight: 400; font-size:21px;line-height: calc(1em + 8px); margin: 0px 0px 16px;}
  
  .resource-inner-right{ float:left; width:60%; padding:0 40px;}
  .resource-inner-right-pic{ float:left; width:15%;}
  .resource-inner-right-text{ float:left; width:85%; padding-left:25px;}
  .resource-inner-right-text h4{color: rgb(22, 20, 12);  padding: 0px 0px 10px; font-family: "ABC Social", Arial, sans-serif; font-stretch: condensed; font-weight: 700; font-size: 17px;text-transform: uppercase; align-items: center;}
  .resource-inner-right-text h2{color: rgb(22, 20, 12); margin: 0px 0px 24px; font-family: Feature, Times, serif;font-weight: 500;font-size: 24px; letter-spacing: 0.75px;}
  .resource-inner-right-text p{color: rgb(22, 20, 12); font-family: "ABC Social", Arial, sans-serif; font-weight: 400; font-size:21px;line-height: calc(1em + 8px); margin: 0px 0px 16px;}
  .resource-inner-right a{ padding:10px 0; border-bottom:1px solid #ccc; float:left; width:100%;}
  .resource-inner-right a:first-child{ padding:0 0 4px;}
  .resource-inner-right a:last-child{ border:none;padding:10px 0 0 ;}
  
  .trial-box{<!-- background:#431616-->;background:#fff; padding:50px 80px; box-shadow: rgba(99, 99, 99, 0.5) 0px 2px 8px 5px;border-radius: 15px;} 
  .trial-box .button-box.button-box-two {margin-bottom: 10px;}
  .trial-box img{ float:left; vertical-align:middle;}
  .text-title-box{ float:left; padding-left:65px; color:#000; font-size:20px; width:calc(100% - 570px);}
  .text-title-box h2{ color: #000; margin:20px 0px 24px;font-family: Feature, Times, serif;font-weight: 500;font-size: 50px;line-height: calc(1em + 8px);  letter-spacing: 0.75px;}
  .trial-box .top-button-box{padding: 70px 0 0;}
    
  /*==================== RESOURCES SECTION END =================*/
  
  /*==================== INVESTMENT SECTION START =================*/   
  
  .investment-section{padding: 50px 0 90px;}
  .resource-inner-left.investment-left{ width:55%;padding-right: 50px;}
  .resource-inner-right.investment-right{ width:45%;padding: 0 0 0 50px;}
  .resource-inner-left.investment-left h2{font-weight: 700; font-size: 62px;}
  .resource-inner-right.investment-right .resource-inner-right-text{padding-left: 0;}
  .resource-inner-right.investment-right a{ border:none;padding:15px 0;}
  .resource-inner-right.investment-right .resource-inner-right a:first-child{padding: 0 0 15px;}
  .result-box-outer{ text-align:center;}
  .result-box{ width:33.333%;vertical-align:top;} 
  .result-box h2{font-family:"ABC Social", Arial, sans-serif;font-weight: 400;font-size: 85px;}
  .result-box h2 span{font-size: 62px;}
  .result-box h4{font-family:"ABC Social", Arial, sans-serif;font-weight:500;font-size: 23px;}
  
  /*==================== INVESTMENT SECTION END =================*/  
  
  /*==================== LEADER SECTION START =================*/
  
  .leader-section{ padding:100px 0;    background:#f6f0e6;}
  .leader-section-left{ float:left; width:40%;}
  .leader-section-left p {color: rgb(22, 20, 12); padding: 0px 0px 10px; font-family: "ABC Social", Arial, sans-serif;font-weight: 700; font-size: 17px; text-transform: uppercase;}
  .leader-section-left h2{color: rgb(22, 20, 12); margin: 0px 0px 24px; font-family: Feature, Times, serif;font-weight: 700;font-size:62px; letter-spacing: 0.75px;}
  .leader-section-right{ float:right; width:60%; text-align:right;padding-top: 25px;}
  
  /*==================== LEADER SECTION END =================*/
  
  /*==================== BODY BOTTOM SECTION START =================*/ 
  
  .body-bottom-section{ padding:150px 0 100px;}
  .body-bottom-section-inner{ width:50%; margin:0 auto; text-align:center; position:relative; }
  .body-bottom-section-inner p {color: rgb(22, 20, 12); padding: 0px 0px 10px; font-family: "ABC Social", Arial, sans-serif;font-weight: 700; font-size: 17px; text-transform: uppercase;}
  .body-bottom-section-inner h2{color: rgb(22, 20, 12); margin: 0px 0px 24px; font-family: Feature, Times, serif;font-weight: 700;font-size:65px; letter-spacing: 0.75px;} 
  .body-bottom-section-inner-btn{ text-align:center; margin-top:15px;display: inline-block;}
  .body-bottom-section-inner-btn .button-box,   .body-bottom-section-inner-btn .button-box button-box-two{ display:inline-block; float:none;} 
  
  .client-pic-box img{ width:100px; height:100px; position:absolute;}
  .client-pic-box img:first-child{ left:-200px; top:-45px;}
  .client-pic-box img:nth-child(2){ left:-200px; top:120px;}
  .client-pic-box img:nth-child(3){ left:-200px; top:290px;}
  
  .client-pic-box img:nth-child(4){ right:-200px; top:-45px;}
  .client-pic-box img:nth-child(5){ right:-200px; top:120px;}
  .client-pic-box img:nth-child(6){ right:-200px; top:290px;} 
   
  .client-pic-box img:nth-child(7){ left:-370px; top:35px;}
  .client-pic-box img:nth-child(8){ left:-370px; top:210px;}
   
  .client-pic-box img:nth-child(9){ right:-370px; top:35px;}
  .client-pic-box img:nth-child(10){ right:-370px; top:210px;}
  
  .client-logo-section{ padding:0 0 80px; background:url(../images/border.PNG) repeat-x left bottom;}
  .client-logo-slider-section{ width:65%; margin:0 auto; position:relative;}
  .client-logo-slider-section:before{ content:""; position:absolute; left:-55px; top:0px; width:100px; height:60px; background:url(../images/left-shodow.png) no-repeat left top;z-index: 99;}
  .client-logo-slider-section:after{ content:""; position:absolute; right:-30px; top:0px; width:100px; height:60px; background:url(../images/right-shadow.png) left top;z-index: 999;}
  .regular-one div{ padding:0 25px; text-align:center;}
  .regular-one div img{ width:auto; margin:0 auto;}

  
  /*==================== BODY BOTTOM SECTION END =================*/
  
  .footer-section{ padding:70px 0; background:#000;}
  .footer-menu{float:left; width:20%;}
  .footer-menu h4{margin: 0px 0px 25px; font-family: "ABC Social", Arial, sans-serif; font-weight: 500; font-size: 25px; line-height: calc(1em + 8px); letter-spacing: 0px; color:#fff;}
  .footer-menu ul li a{margin: 0px 0px 12px; font-family: "ABC Social", Arial, sans-serif; font-weight:100; font-size:14px; line-height: calc(1em + 8px); letter-spacing: 1px; color:#fff; display:block;}
  
  .footer-contact{ padding:50px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
  .footer-contact h2{ float:left; color: rgb(246, 240, 230);font-family: Feature, Times, serif; font-size:64px; line-height: calc(1em + 8px); letter-spacing: 0.75px;font-weight: 500;}
  .footer-contact h2 a{color: rgb(212, 244, 121);}
  .footer-contact ul{float:right;}
  .footer-contact ul li{float:left;}
  .footer-contact ul li a{ display:block; font-size:35px; margin:20px 15px 0; color:#fff;}
  .footer-logo{ padding:50px 0; text-align:center;}
  
  .footer-last-menu ul li{ float:left;}  
  .footer-last-menu ul li a{ padding:10px 15px; color:#fff;}
  .footer-last-menu ul li a:hover{ color:#CCC; text-decoration:underline;}
  
  
  
  
  
  
  .small-text{color: rgb(22, 20, 12); margin: 0px 0px 8px; font-family: "ABC Social", Arial, sans-serif; font-stretch: condensed; font-weight: 700; font-size: 16px;  line-height: calc(1em + 8px); text-transform: uppercase;}
  .how-work-box{ margin-bottom:40px; padding-left:40px; background:url(../images/bullets.png) no-repeat left top 3px;}
  .how-work-box h3{ margin-bottom:15px;}
  
  .faq-box li p, .faq-box-two li p, .faq-box-three li p, .faq-box-section li p{font-size: 23px;}
  .list-view, .list-view-two, .list-view-three, .list-view-section{ display:none; padding:20px;}
  .list-view p, .list-view-two p, .list-view-three p{ font-weight:400;font-size: 20px !important;}
  .faq-box ul li, .faq-box-two ul li, .faq-box-three ul li, .faq-box-section ul li{ padding:15px;border-top:1px solid #999;}
  .faq-box ul li .fa, .faq-box-two ul li .fa, .faq-box-three ul li .fa, .faq-box-section ul li .fa{ float:right; margin-top:3px;}
  .faq-box ul li.active, .faq-box-two ul li.active, .faq-box-three ul li.active, .faq-box-section ul li.active{ border-top:2px solid #633580; borer}
  .list-view .client-name-btn, .list-view-two .client-name-btn, .list-view-three .client-name-btn, .list-view-section .client-name-btn{ float:none;}
   
  .support-section-three{padding: 60px 0px 0 0;}
  
  .testimonial{ background:#16140c; padding:50px 0;}
  .testimonial .resource-title p{ color:#fff;}
  .testimonial-slider-section h3{ color:#fff;}
  .testimonial-slider-section .client-name-outer p{ color:#fff;}
  .testimonial-slider-section .client-name-btn a{ color:#fff;}
  .testimonial-slider-section .client-name-btn a:after {background: #fff;}
  .testimonial-slider-section .slider-section .slick-prev,   .testimonial-slider-section .slider-section .slick-next{ border:1px solid #fff;}
  .testimonial-slider-section .slider-section .slick-prev,  .testimonial-slider-section  .slider-section .slick-next{ width:50px; height:50px;}
  .testimonial-slider-section .slider-section .slick-next{ background:url(../images/right-arrow-two.png) no-repeat center center;}
  .testimonial-slider-section .slider-section .slick-prev{ background:url(../images/left-arrow-two.png) no-repeat center center; font-size:20px;}
  
  .section-one-left-two{ width:40%; float:left;}
  .section-one-right-two{ width:60%; float:left;}
  .section-one-left-four{ width:49%; float:left; margin-right:1%;background:#fff; padding:40px;margin-bottom: 70px; border-bottom:1px solid #000; min-height: 622px;}
  .section-one-right-four{ width:49%; float:left; margin-left:1%;background:#fff; padding:40px;margin-bottom: 70px; border-bottom:1px solid #000; min-height: 622px;}
  
  .slider-section-two{ width:100%; padding:70px 0;}
  .regular-two .event-box{ /*width:22%;*/ margin:0 20px; border:1px solid #dad9d9; border-radius:15px; overflow:hidden; background:#fff;}
  .regular-two .event-image-box{ width:100%;}
  .regular-two .event-details-box{ width:100%; padding:20px;}
  .regular-two .event-details-box h4 .fa{ margin-right:10px;}
  .regular-two .event-details-box p { color: rgb(22, 20, 12); margin: 0px 0px 12px; font-family: "ABC Social", Arial, sans-serif; font-weight: 500;letter-spacing: 0px; font-size:19px; min-height:50px;}
  .regular-two .slick-prev{ top:inherit;transform: inherit; bottom:-100px; left:50%; transform:scaleX(-50%);width: 110px;height: 54px;}
  .regular-two .slick-next{ top:inherit;transform: inherit; bottom:-100px; right:50%; transform:scaleX(-50%);width: 110px;height: 54px;}
  .section-one-left-three { width: 45%;padding: 0 50px 0 0;}
  .section-one-right-three { width: 55%; padding:150px 0px 0 90PX;}
  
  .footer-boder{ background:url(../images/border.PNG) repeat-x left top; height:4px;}
  
  .section-two-right{ float:left; text-align:right; width:50%;}
  
  /*================================= INNER PAGE CSS  START ==============================*/
  /*================================= INNER PAGE CSS START ==============================*/ 
  /*================================= INNER PAGE CSS START ==============================*/ 
  
  .right-padding{ padding-right:100px !important;} 
  .top-padding{ padding:200px 0 0 150px !important;}
  .no-left-padding{ padding-left:0px !important;} 
  .no-top-padding{ padding-top:0px !important;}	
  .no-left-border{ border:none  !important;}
  .new-box-two{ background-color: rgb(212, 244, 121); border-radius:25px; display:inline-block; padding:10px 15px;font-family: "ABC Social", Arial, sans-serif; font-weight: 500; font-size:24px;}
  .new-box-one{ background-color: rgb(212, 244, 121); border-radius:5px; display:inline-block; padding:3px 5px 3px;font-family: "ABC Social", Arial, sans-serif; font-weight: 500; font-size:16px; text-transform:uppercase;}
  
  
  .left-section-half{ float:left; width:50%;}
  .right-section-half{ float:right; width:50%;}
  .left-section-box{ float:left; width:41%;}
  .right-section-box{ float:right; width:50%;}  
  .left-section-box-two{ float:left; width:38%;}
  .right-section-box-two{ float:left; width:62%;border-left: 1px solid #949393; padding-left:4%;}
  .tab-text-box{ display:none;}
  .side-tab-box{ margin-top:50px;}
  .side-tab-box ul li { padding:10px 15px; border-radius:10px; }
  .side-tab-box ul li .fa{ margin-right:15px;}
  .side-tab-box ul li:hover {background-color:#e8e7e7;}
  .para-text.active{position:relative;}
  .para-text.active:after{ position:absolute; right:-1px; top:9px; width:30px; height:30px; content:""; background:url(../images/left-arrow-white.png) no-repeat right center;}
  .event-box-two{ float:left; width:23%; margin:0 1%;}
  .event-box-two .event-image-box{ width: 100%; text-align:center;} 
  .event-box-two .event-details-box{ padding:15px; width: 100%; text-align:center; }
  .event-box-two .event-details-box h2{  margin-bottom:25px;}
  .protection-section{ width:100%; padding:50px 0 0;}
  .event-box-three{ width:23%;  margin:0 1%; border:1px solid #ccc; border-radius:10px; overflow:hidden; float:left;}
  .event-box-three .event-image-box{ width:100%;}
  .event-box-three .event-details-box{ width:100%; padding:25px 30px; background:#fff; margin:0px;min-height: 150px;}
  .companies-left{ float:left; width:30%;padding-top: 15px;}
  .companies-right{ float:left; width:70%;}
  .companies-right ul{ float:left; width:100%;}
  .companies-right ul li{ float:left; width:25%; text-align:center;}
  .companies{ padding:60px 0; border-top:1px solid #ccc;}
  .benefits-box{ float:left; width:30%; margin:0 1.6%; text-align:center;}
  .benefits-image-box{ margin-bottom:25px;} 
  .button-box-three.button-box:hover a { margin-top: -45px;} 
  .left-section-box-two.top-padding{ padding:40px 0 0 0px !important;}
  .body-pricing-section{padding:80px 0;}
  .pricing-box-outer{ background:#fff; border-bottom:2px solid #000;}
  .pricing-box{ float:left; width:25%; background:#fff; padding:35px 25px; font-size:16px; border-right:1px solid #ebe8e4; position:relative;}
  .pricing-box-two{ float:left; width:33.333%; background:#fff; padding:35px 25px; font-size:16px; border-right:1px solid #ebe8e4; position:relative;}
  .price{ font-size:50px;font-weight: 500;}
  .pricing-text{ min-height:80px;}
  .pricing-box .section-one-left-button-box .button-box{ width:100%; text-align:center;font-weight: 500;}
  .pricing-box .client-name-btn{ width:100%; text-align:center;float: none;}
  .pricing-box .client-name-btn a{ display:inline-block;}
  .price-list{ margin-top:35px;}
  .price-list ul li a{ color:#000; font-size:20px; padding:10px 10px 10px 25px; display:block; background:url(../images/bullets-two.png) no-repeat left top 15px;}
  .pricing-top{ position:absolute; top:-31px; left:0px; width:100%; text-align:center; background:#000; color:#fff; text-transform:uppercase; padding: 5px;font-size: 16px;font-weight: 700;}
  .mid-btn{ text-align:center;}
  .mid-btn .button-box{ float:none; display:inline-block;}
  .enterprise-section{background:#fff; margin-top:50px; padding:40px; border-bottom:1px solid #000;} 
  .enterprise-right{ margin-bottom:20px;}	
  .enterprise-right ul li{ padding:15px 15px 15px 30px; background:url(../images/bullets-two.png) no-repeat left top 20px;}
  .enterprise-section-box{margin-top:50px;}
  .enterprise-right-box ul{ float:left; width:50%;}
  .enterprise-right-box ul li{ float:left; width:100%;padding:5px 17px 5px 30px;}
  .trial-box-two{ background:#fff;    padding: 50px 80px; border-bottom:1px solid #000;}
  .trial-box-two h2{ float:left;color:#000; margin:55px 0px 24px;font-family: Feature, Times, serif;font-weight: 500;font-size: 50px;line-height: calc(1em + 8px);  letter-spacing: 0.75px; padding-left:20px}
  .trial-box-two img { float: left; vertical-align: middle;width: 12%;}
  .trial-box-two .top-button-box { padding: 70px 0 0;}
  .trial-text{ float:left; width:75%;}
  .trial-text h2{ float:none;padding:0px;}
  .trial-text p{ font-size:16px;}
  .compare-plan-section{ padding:60px 0; text-align:center;}
  .compare-box-big{ float:left; width:32%; text-align:left; padding:15px 0;}
  .compare-box-small{ float:left; width:17%; padding:15px 0;}
  .compare-plan-section-heading{ border-bottom:1px solid #ccc;}
  .compare-plan-section-heading .compare-plan-section-inner{ padding:50px 15px 20px; margin-bottom:0px;}
  .compare-plan-section-inner{font-weight: 500; font-size:20px; padding:0 15px;} 
  .compare-plan-section-inner:hover{ background:#f1f1f1;}
  .compare-plan-section-inner .compare-box-small:nth-child(4) { border-right:1px solid #000; border-left:1px solid #000;}
  
  .faq-box-four ul li{ margin-top:5px; border:none; padding:0px; font-weight:400;}
  .faq-box-four ul li > p{background: rgb(235, 227, 214); padding:10px 15px; border-radius:10px; text-align:left; font-weight:500; font-size:24px;}
  .faq-box-four ul li .fa{ float:right; padding:3px 0 0;}
  .compare-box-small span{ display:block; font-weight:700;}
  .join-section-outer{ padding:30px 0; text-align:center;}
  .join-log-box{ text-align:center;}
  .join-log-box img{ display:inline-block;}
  .top-button-box.join-btn-box{ width:25%;}
  .faq-section-outer{ padding:70px 0;}
  .faq-section-outer h2{text-align:center; margin:0 0 90px;}
  
  .faq-box-five ul li{ padding:0px;} 
  .faq-box-five ul li > p{padding:15px; margin:0px;}
  .faq-box-five ul li > p:hover{ background:#f6f0e6;}
  .sell-enterprise{margin-top:80px;}
  
  .logo-slider{ text-align:center; border-top:1px solid #ecebeb; padding:50px 0 100px;}
  .logo-slider .logoslider-pic { display:inline-block; margin:0 92px;}
  .logo-slider .logoslider-pic:first-child{margin-left:0px;}
  .logo-slider .logoslider-pic:last-child{margin-right:0px;}
  
  .client-section-outer{ padding:50px 0;}
  .client-section-outer .client-title h2{ color: rgb(22, 20, 12);  margin: 0px 0px 24px; font-family: Feature, Times, serif;  font-weight: 500;letter-spacing: 0.75px;}
  .operation-box{ float:left; width:25%; padding:10px; text-align:center;}
  .operation-box h2{color: rgb(22, 20, 12);  margin: 0px 0px 24px; font-family: Feature, Times, serif;  font-weight: 500;letter-spacing: 0.75px; font-size:31px; margin-top:15px;}
  .operation-box p { color: rgb(22, 20, 12); margin: 0px 0px 12px; font-family: "ABC Social", Arial, sans-serif; font-weight: 500; line-height: calc(1em + 8px); letter-spacing: 0px;font-size: 20px;}
  .lient-title-two{margin: 45px 0 0;}
  .title-box-section h2{ color: rgb(22, 20, 12);  margin: 0px 0px 24px; font-family: Feature, Times, serif;  font-weight: 500;letter-spacing: 0.75px; font-size:67px;}
  .title-box p { color: rgb(22, 20, 12); margin: 0px 0px 12px; font-family: "ABC Social", Arial, sans-serif; font-weight: 500; line-height: calc(1em + 8px);  letter-spacing: 0px;font-size: 20px;}
  .companies-full-width{ text-align:center;}
  .companies-full-width ul li{ display:inline-block; width:12%; vertical-align:middle;margin: 20px 2%; padding:0 25px;}
  .event-box-section{ float:left; width:23%;  border-radius:15px; overflow:hidden; border:1px solid #dfdfde; margin:65px 1%; background:#fff;}
  .event-box-section .event-image-box{width:100%;}
  .event-box-section .event-details-box{width:100%; padding:20px; background:#f6f0e6;}
  .event-box-section .event-details-box p{color: rgb(22, 20, 12); margin: 0px 0px 12px; font-family: "ABC Social", Arial, sans-serif; font-weight: 500; line-height: calc(1em + 8px);  letter-spacing: 0px;font-size: 20px;}
  
  .banner-search-box{ border:1px solid #000; border-radius:10px; overflow:hidden; width:90%; margin-top:25px;}
  .banner-search-box input[type=text]{ padding:15px; border:none; width:91%;}
  .banner-search-box input[type=button]{ padding:15px; border:none; width:8%; background:url(../images/search-icon.png) no-repeat center center;}
  .banner-search-box input:focus-visible,   .banner-search-box input:target{ outline:none;}
  
  .nav.menu-inner-page{ float:left;}
  .nav.menu-inner-page > ul{ float:right;}
  .nav.menu-inner-page ul li .sub-menu-left-box{ width:100%;padding: 20px 15px;}
  .nav.menu-inner-page ul li .sub-menu-left-box .sub-menu-box-midd{ padding:0px;}
  
  .features-section{ margin-bottom:100px;}
  .fetures-box{ float:left; width:32%;background-color: rgb(246, 240, 230); border-bottom:1px solid #000;padding:15px;}
  .fetures-box:nth-child(2){ margin:0 2%;}
  .fetures-pic{ float:left; width:20%; padding:25px 0 0; }
  .fetures-details{ float:left; width:80%; padding:0 0 0 20px;}
  .fetures-details p {line-height: 30px; letter-spacing: 0px; font-size: 22px;}
  .fetures-details h4 {line-height: 30px; letter-spacing: 0px; font-size: 24px; font-weight:500; margin-bottom:10px;}
  .fetures-details .client-name-btn a{ margin:0px; padding:5px 0;}
  
  .quick-tour-left .client-name-btn{ float:right; margin-top:80px;} 
  .quick-tour-left .client-name-btn a{ float:right;} 
  .apps-box-inner{ float:left; width:23.5%; margin:0 1% 20px; border-radius:15px; overflow:hidden; border:1px solid #a6a6a6; padding:25px; background:#fff; min-height: 306px;} 
  .themes-box-inner{ float:left; width:23.5%; margin:0 1% 20px; border-radius:15px; overflow:hidden; border:1px solid #ccc; background:#fff; min-height: 306px;} 
  .apps-box-inner img{ width:inherit; margin-bottom:20px;    border-radius: 10px;}
  .apps-box-inner p, .themes-box-inner p {font-size: 20px;}
  .apps-box-outer{ margin-top:30px;}
  .apps-box-outer .apps-box-inner:first-child,  .apps-box-outer .themes-box-inner:first-child{ margin-left:0px;}
  .apps-box-outer .apps-box-inner:nth-child(4n),  .apps-box-outer .themes-box-inner:nth-child(4n){ margin-right:0px;}
  .apps-box-outer .apps-box-inner:nth-child(5n),  .apps-box-outer .themes-box-inner:nth-child(5n){ margin-left:0px;}
  .apps-box-inner p span .fa, .themes-box-inner p span .fa{ font-size:14px;color: rgb(154, 68, 151);}
  .apps-box-inner p span, .themes-box-inner p span{ font-size:16px;}
  .apps-box-inner p span .fa:last-child, .themes-box-inner p span .fa:last-child{ font-size:14px;color:#bab9b9;}
  .apps-tour-section-outer{ margin-top:65px;}
  .apps-tour-section-outer h2{font-weight: 500;font-size: 50px;}
  
  .category-section{ padding:50px; background:#ebe3d6; border-bottom:1px solid #000; margin-top:60px;}
  .category-section ul{ float:left; width:100%;}
  .category-section ul li{ float:left; width:25%;}
  .category-section ul li a{ display:inline-block; color:#333; padding:10px 0; font-size:20px; position:relative;}
  .category-section ul li a:after{ position:absolute; bottom:8px; content:""; left:0px; width:100%; height:1px; background:#000;} 
  .category-section h4{font-family: Feature, Times, serif; font-weight:500; font-size:30px; line-height: calc(1em + 8px); letter-spacing: 0.75px; margin-bottom:25px;}
  .themes-box-inner-details{ padding:25px; background:#f6f0e6;}
  .list-box-inner{ float:left; width:20%;} 
  .list-box-inner ul li{ width:100%;} 
  .list-box-inner h3{ text-transform:uppercase; margin-bottom:15px;}
  
  .resource-box-outer{ margin-bottom:85px;}
  .resource-box{ float:left; width:32%; border:1px solid #999; border-radius:15px; overflow:hidden;}
  .resource-box-outer .resource-box:nth-child(2){ margin: 0 2%;}
  .content-box{ background:#f6f0e6; padding:20px;min-height: 238px;}
  .content-box h2 {color: rgb(22, 20, 12);  margin: 0px 0px 24px; font-family: Feature, Times, serif; font-weight: 500; font-size: 33px; letter-spacing: 0.75px;}
  .content-box p {color: rgb(22, 20, 12);font-family: "ABC Social", Arial, sans-serif; font-weight: 400;font-size: 18px; line-height: calc(1em + 8px); margin: 0px 0px 16px;}
  
  .expectation-section{padding: 100px 0; background-color: rgb(246, 240, 230);}
  .trial-box-two{ background:#fff;}
  .midd-setion{ float:left; width:70%; padding:0 20px 0 30px; }
  .midd-setion h2{ width:100%; padding-left:0px;margin:0px 0px 24px;}
  .trial-box-two .top-button-box{ float:left; width:15%;}
  .midd-setion p {color: rgb(22, 20, 12);font-family: "ABC Social", Arial, sans-serif; font-weight: 400;font-size:20px; line-height: calc(1em + 8px); margin: 0px 0px 16px;}
  
  .step-box-outer{ position:fixed; top:0px; left:0px; width:100%; height:100vh; background:rgba(0, 0, 0, 0.5); z-index:999;}
  .step-box-inner{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:60%; height:60%; background:#fff; padding:60px;}
  .step-box{}
  .progress-bar{ text-align:center; margin-bottom:20px;color: rgb(22, 20, 12);font-family: "ABC Social", Arial, sans-serif; font-weight: 400;font-size: 18px; line-height: calc(1em + 8px);}
  .progress-bar span{ width:100%; height:10px; border:1px solid #03C; display:inline-block; position:relative;}
  .progress-bar span:after{ width:10%; height:9px; background:#03C;position:absolute; content:""; top:0px; left:0px;}
  
  
  
	.container {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;user-select: none;height: 100%;} 
	/* Hide the browser's default radio button */
	.container input {position: absolute; opacity: 0; cursor: pointer;} 
	/* Create a custom radio button */
	.checkmark {position: absolute; top:11px;left: 55px; height: 25px; width: 25px; background-color: #dcb4de; border-radius: 50%;}
	/* On mouse-over, add a grey background color */
	.container:hover input ~ .checkmark { background-color: #ccc;} 
	/* When the radio button is checked, add a blue background */
	.container input:checked ~ .checkmark { background-color: #d75adf;} 
	/* Create the indicator (the dot/circle - hidden when not checked) */
	.checkmark:after {content: ""; position: absolute; display: none;} 
	/* Show the indicator (dot/circle) when checked */
	.container input:checked ~ .checkmark:after { display: block;} 
	/* Style the indicator (dot/circle) */
	.container .checkmark:after {top: 9px;left: 9px;width: 8px;	height: 8px;border-radius: 50%;	background: white;}
	
	.select-box-one, .select-box-two, .select-box-three{ float:left; width:32%; background:#eee; border:1px solid #e2e2e2; border-radius:10px;height: 200px;}
	.select-box-two{ margin:0 2%;}
	.select-pic{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
	.step-one-title{color: rgb(22, 20, 12);font-family: "ABC Social", Arial, sans-serif; font-weight: 400;font-size:20px; line-height: calc(1em + 8px); margin-top:15px;}
	.step-one-title h3{ font-size:27px; margin-bottom:15px;}
	
	/*.step-details .button-box{ width:100%; text-align:center;}
	.step-details .button-box a{ font-size:22px;}*/
	.select-option{ margin-bottom:25px;}
	
	 
	.indeustries-box-outer{ width:100%; text-align:center;}
	.indeustries-box{ float:none; width:21%; margin:0 1%; text-align:center; margin-bottom:40px; display:inline-block; padding:15px; border:1px solid #ccc; border-radius:15px; vertical-align:top; background:#fff;}
	.indeustries-box h2{ font-size:28px; font-family:Feature, Times, serif; margin-bottom:25px;}
	.indeustries-box p{ color: rgb(22, 20, 12); margin: 0px 0px 12px; font-family: "ABC Social", Arial, sans-serif; font-weight: 500; line-height: calc(1em + 8px); letter-spacing: 0px;font-size: 20px;min-height: 225px;}
	.indeustries-box .button-box{ margin:0 25%; float:none;}
	.indeustries-box img{ margin:20px 0;}
	
	.client-box-inner{ float:left; width:33.333%;} 
	.text-box{ padding:20px; font-size:20px; color:#000;}
	.text-box h2{font-family: Feature, Times, serif; margin-bottom:15px;}
	
	.section-one-left-button-box ul{ margin:0px; padding:0px;}
	.section-one-left-button-box ul li{ padding:0 0 0 50px; margin-bottom:15px; background:url(../images/arrow.png) no-repeat left top;}
	/*.section-one-left-button-box ul li strong{ color:#9a4497;}*/
	
	.resource-inner-right h3 { color: rgb(22, 20, 12); margin: 0px 0px 24px;font-family: Feature, Times, serif; font-weight: 500; font-size: 48px; letter-spacing: 0.75px;}
	.resource-inner-right p { color: rgb(22, 20, 12); font-family: "ABC Social", Arial, sans-serif; font-weight: 400; font-size: 21px; line-height: calc(1em + 8px); margin: 0px 0px 16px;}
	
	.support-box-outer{ text-align:center;}
	.support-box{ display:inline-block; width:31%; vertical-align:top; margin:0 1% 25px; padding:15px;}
	.support-box-pic{ position:relative;margin: 0 25px; border-radius: 15px; overflow: hidden;}
	.black-tint{ background:rgba(255, 255, 255, 0.3); position:absolute; left:3%; top:3%; width:94%; height:94%;border-radius: 15px;}
	.support-box:hover .black-tint{ display:none;}
	.support-box p { color: rgb(22, 20, 12); font-family: "ABC Social", Arial, sans-serif; font-weight: 400; font-size: 21px; line-height: calc(1em + 8px); margin: 0px 0px 16px;}
	.support-box h2 { color: rgb(22, 20, 12); margin: 25px 0px;font-family: Feature, Times, serif; font-weight: 500; font-size:30px; letter-spacing: 0.75px;}
	
	.resource-pic{ position:relative;}
	.resource-pic img{ border-radius:15px;}
	.trial-box img, .support-box img{border-radius:15px;}
	
	.faq-box ul li{padding: 15px 15px 0 15px;}
	.list-view ul li{padding:8px 0px 8px 25px; border-top: none; background:url(../images/bullets-two.png) no-repeat left top 10px; font-size:18px;} 
	
	.section-one-left-button-box h3{ margin-bottom:20px;}
	.tab-box-outer{ margin-left:30px; margin-top:15px;}
	.tab-box-outer h3{ font-size:20px; color:#9a4497; margin-bottom:15px; border-bottom:1px solid #9a4497;}
	.tab-box-outer ul{ float:left;}
	.tab-box-outer ul li{font-size:18px; padding: 0 0 0 20px; margin-bottom: 15px;  background: url(../images/bullets-two.png) no-repeat left top 3px;}
  
  	.advanced_dashboard { position: relative; width: 31%; display: inline-block; border: 1px solid #ccc;  padding: 10px;  margin: 70px 1%;  background: #FFFFFF; vertical-align:top;}
	.advanced_dashboard h4.span { background: #8a1798; width: 100%; padding: 5px 0 5px 10px; font: normal 16px / 24px 'lato',;   color: #FFFFFF;}
	.customer-study h4, .advanced_dashboard h4 { width: 100%; background: #ffe7d1;  padding: 5px 0 5px 10px; font: normal 16px / 24px 'lato',;  color: #000;font-size: 20px;}
	.advanced_dashboard p { padding: 10px; font-size:18px;}
	
	.customer-list { width: 100%; float: left; padding: 50px 0 0 0;}
	.customer-list{ overflow:hidden;}
	.customer-name-details2 {  border-radius: 20px 0 20px 0; float: left; margin:0 3.8% 50px 0.2%;  padding: 10px;  width: 21% !important; background: #F4F4F4; position: relative; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); text-align: center;}
	.customer-list .slick-slide, .client .slick-slide{ padding:10px !important;}
	.customer-list h3{ margin:35px 0 0px;}
	
	.customer-list_container { position: relative;  width:100%;}
	.customer-list_image {display: block; width: 100%; height: auto;}
	.customer-list_overlay { position: absolute; bottom: 100%; left: 0; right: 0; background-color: #008CBA;overflow: hidden; width: 100%; height:0; -webkit-transition: .5s ease;-moz-transition: .5s ease;}
	
	.customer-list_container:hover .customer-list_overlay { bottom: 0; height: 100%;}
	
	.customer-list_text p { color: white;font-size: 20px; position: absolute; top: 29%; left: 2%;
	  /*! transform: translate(-50%, -50%); */
	  /*! -ms-transform: translate(-50%, -50%); */
	  text-align: center;
	}
	
	.customer-list_text h4 {color: white; font-size:16px; position: absolute;top: 2%;
	  /*! left: 32%; */
	  /*! transform: translate(-50%, -50%); */
	  -ms-transform: translate(-50%, -50%); text-align: center;line-height: 20px;}
	 
	 .result-box{ text-align:center; padding:15px; font-size:20px; float:left}
	.result-box h3{font-family: Feature, Times, serif; font-weight: 700;  font-size:30px; text-align:center; margin:50px 0 20px;}
	.result-box .fa{ font-size:70px; color:#8a1798;}
	.body-inner{ padding:0 0 50px;}
	
	.like-box{text-align:center; padding:15px; font-size:20px; float:left; width:31.333%; margin:0 1%; padding:25px; background:#f6f0e6; border:5px solid #8a1798;}
	.like-box h3{font-family: Feature, Times, serif; font-weight: 700;  font-size:30px; text-align:center; margin:0px 0 20px; color:#8a1798;}
	.section-one-left-button-box.midd-btn{ text-align:center;}
	.section-one-left-button-box.midd-btn .button-box{ float:none; display:inline-block;}
	
	.partnet-details{ float:left; width:23%; margin:50px 1%; background:#fff; padding:20px; font-size:20px; text-align:center; border:1px solid #666;}
	.partnet-details h3{font-family: Feature, Times, serif; font-weight: 700;  font-size:30px; text-align:center; margin:20px 0 20px;color: #8a1798;}
	
	.partnet-details-two{ float:left; width:23%; margin:0px 1% 50px; background:#fff; padding:20px; font-size:20px; text-align:center;}
	.partnet-details-two h3{margin:0px 0 20px;}
	
	.office-box{ float:left; width:50%;}
	.office-box h2{ margin:50px 0 0;color: #8a1798;font-size: 30px;}
	.office-box ul{ margin:20px 0 0 0px;}
	.office-box ul li{ margin-bottom:10px; font-size:20px;}
	.office-box ul li .fa{ width:30px;color: #8a1798; float:left; height:50px;}
	
	.form-box, .map-box{ float:left; width:50%; padding:15px; margin-top:50px;}
	.partner_form-box textarea, .partner_form-box select, .partner_form-box input[type="text"] {  float: left;  width: 96%;  font-size: 15px;  line-height: 23px;  margin: 5px 2%;  text-align: left;  height: 38px; font-family: 'Open Sans', sans-serif;  color: #81817e;  background: white;  border: 1px solid;}
	.partner_inner-section-inner { width: 100%;  padding: 5px 2%;  float: left;}
	.label_box label, .label_box textarea, .label_box select, .label_box input[type="radio"]{ width: 15%;  margin-bottom: 15px;float: left;font-size: 15px;  line-height: 23px; margin: 0px 0%; text-align: left; height: 25px;}
	.partner_form-box {  width: 100%;  float: left;}
	.label_box { width: 50%; float: left;}
	.label_box label { width: 35%; margin-bottom: 15px;  text-align: right;}
	.map-box{ background:#fff;}
	
	.software-outbox{ float:left; width:50%;}
	.software-inner{ float:left; width:100%; margin-bottom:20px;}
	.software-inner h3{ margin-bottom:15px; color:#9a4497;}
	.software-inner ul li{ padding:5px 5px 5px 25px; background:url(../images/bullets-two.png) no-repeat left top 10px;}

.copyright {
	width: 100%;
	float: left;
	background: #111111;
	font-weight: 400;
	text-align: center;
	color: #6f6f6f;
	font-size: 13px;
	line-height:50px;
}

.submitform {
	height: 42px;
	padding: 0 20px;
	border-radius: 25px; /* Rounded edges */
	background: #9C4997; /* Background color matching the image */
	display: inline-flex; /* Use flexbox to center content */
	align-items: center;
	justify-content: center;
	border: none; /* Remove border */
	cursor: pointer;
	text-align: center;
	min-width: 140px; /* Ensures proper sizing */
}

	.submitform button {
		font-size: 16px;
		color: white; /* White text */
		font-weight: bold; /* Make it bold */
		text-decoration: none;
		background: transparent; /* Remove default button background */
		border: none; /* Remove default border */
		cursor: pointer;
		padding: 10px 20px;
		outline: none;
	}

	.submitform:hover {
		background: #7d3c78; /* Darker purple on hover */
	}