/* 01 : Website Global CSS BOF
========================================================== */

body,html {height: 100%; }
body { background:#ffffff;font-family: 'Work Sans', sans-serif; font-weight:400; font-size:16px; line-height:normal; color:#0A1838;  text-transform: none;} 
*, html { margin:0; padding:0;  }
a { color:#0A1838; display: inline-block;} /* Common color hyperlink */
a:hover, a:focus, a:active { color:#FFC476; text-decoration:none; } /* Common hover color hyperlink */
a, *:hover, *:focus, *:active :focus { text-decoration:none; outline:none !important; outline-offset:0 !important; }
a img, img { border:none; outline:none !important; outline-offset:0 !important; }
ul { list-style:none; margin:0; padding:0; } 
i { font-family:'FontAwesome'; } 
img { height:auto; max-width:100%; vertical-align: middle; line-height:normal; }

/* Transition Effect CSS BOF */
a, i, input { transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; 
-o-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; }

/* Browser Selection CSS BOF */
::selection { background:#FFC476; color:#fff; } ::-moz-selection { background:#FFC476; color:#fff; } 
::-webkit-selection { background:#FFC476; color:#fff; } ::-o-selection { background:#FFC476; color:#fff; } 
::-ms-selection { background:#FFC476; color:#fff;  }

p a{color:#FFC476;}
p a:hover{text-decoration:underline;}

/* 02 : Global Classes CSS BOF
==================================================== */  

::-webkit-scrollbar{width: 6px; height: 4px; background: #ffffff; }
::-webkit-scrollbar-thumb{ background-color: #FFC476; -webkit-border-radius:30px;  }
/* Only FireFox */
html {scrollbar-color: #FFC476 #fff; scrollbar-width: thin; scrollbar-border-radius:30px;}


/* Background & Color Style CSS BOF
=================================================== */

.none{display: none !important;}

/* Font Color Style CSS BOF */
	.white-color-text { color:#fff !important; }

/* Background Color Style CSS BOF */
	.blue-bg{background: #162941 !important;}

/*upload image background*/
	.upload-background{background: #EDEDED}
	.border-box{border:1px solid #eee; }

/* 03 : Heading Style CSS BOF
=================================================== */
	h1, h2, h3, h4, h5, h6 {font-family: 'Work Sans', sans-serif; line-height:normal; font-weight: 700;  font-style:normal; color: #0A1838;}

	h1 { font-size:56px; }
	h2, h1.like-h2 { font-size:42px; }
	h3 { font-size:30px; }
	h4 { font-size:22px; }
	h5 { font-size:20px; }  
	h6 { font-size:18px; }

/* Font Weight Variation CSS BOF */
	.font-we-rg { font-weight:normal;}
	.font-we-bl { font-weight:bold;}
	.font-we-blk {font-weight:900;}
	.font-we-sb {font-weight:600;}

/* 04 : Paragraph Style CSS BOF
=================================================== */
	p { line-height:25px;font-family: 'Work Sans', sans-serif; font-size: 18px; font-weight: normal; font-style:normal; color: #0A1838; margin-bottom: 16px; font-weight: normal;}

/* 05 : Image Style CSS BOF
=================================================== */
	img { margin-bottom:0; } /*margin-bottom:5px*/

/*** Buttton Varilation CSS BOF ***/
.btn{background-color:#FFC476;padding:13px 25px;font-size:18px;font-weight:600;font-family: 'Work Sans', sans-serif;transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-webkit-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;border-radius:50px;border:1px solid #FFC476;text-transform:capitalize;box-shadow:none;color:#0A1838;}
/* Hover State CSS BOF */
	.btn:hover, .btn:focus, .btn:active{ background-color: #FF9800; border:1px solid #FF9800; color:#fff !important;  box-shadow: none; outline: none; }


	[type=button], [type=reset], [type=submit], button {
	-webkit-appearance: unset;
	}
/*tab active*/
	.tab-bg-top{background: #FFC476; color: #fff; font-weight: bold;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }

/* 11 : Form & Input Style BOF
==================================================== */ 
	.form-control{background:transparent;border:none;border:1px solid #B5B5B5;border-radius:10px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;font-size:16px;color:#0A1838;-webkit-appearance:none;font-family:'ABeeZee',sans-serif;font-weight:normal;padding:10px 15px;height:55px;}
	textarea.form-control  { padding:10px 20px; resize:none; overflow:auto; height:85px; }
	.form-group {margin-bottom: 25px; }
/*** Placeholder CSS BOF ***/
	.form-control::placeholder { color:#0A1838; opacity: 0.5; font-weight: 400; font-size: 16px;}
	.form-control::-moz-placeholder { color:#0A1838; opacity: 0.5; font-weight: 400; }
	.form-control:-ms-input-placeholder { color:#0A1838; opacity: 0.5; font-weight: 400; }
	.form-control::-webkit-input-placeholder { color:#0A1838; opacity: 0.5; font-weight: 400; }
	.form-control::-o-input-placeholder { color:#0A1838; opacity: 0.5; font-weight: 400; }
	.form-group label {margin-bottom: 8px; }
/* Focus State CSS BOF */

	.form-control:focus,.form-select:focus {border-color: #FFC476; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #fff7ec; }
	.page-wrapper { margin:0px auto; overflow-x: hidden;}
	.text-underline{ text-decoration: underline; }
	.text-capitalize{ text-transform: capitalize !important; }
	.text-uppercase{ text-transform: uppercase !important; }
	.display-none{display: none !important; }
	.no-scroll{overflow: hidden;}
	.no-padding{padding: 0 !important; }
	.float-start-wp{float: left !important; }
	/*.page-wrapper { background: #FCFCFC; }*/

/*header active start*/

	.site-header{position: relative; height: 80px; z-index: 9999;}
	/*.header-main{width: 100%; position: fixed; z-index:999; transition: all 0.5s linear; top:0 !important; }*/
	.header-main.active {box-shadow: 0 0 7px rgba(0,0,0,0.2); }

/*header active end*/


:root{--spinner-color-1:rgba(255,196,118,.75);--spinner-color-2:rgba(255,247,236,.75);--spiner-color-3:rgba(255,196,118,.75);}
.moderspinner{width:40px;height:40px;border:dotted 5px var(--spinner-color-1);border-radius:100%;animation:spin 1s linear infinite;}
@keyframes spin{
	0%{transform:rotate(0deg) scale(0.8);border-top-color:transparent;border-right-color:transparent;}
	50%{transform:rotate(180deg) scale(1.2);border-color:var(--spinner-color-2);border-top-color:transparent;border-right-color:transparent;}
	100%{transform:rotate(360deg) scale(0.8);border-color:var(--spinner-color-3);border-top-color:transparent;border-right-color:transparent;}
}
.page-loader{z-index:9999999;position:fixed;background:#fff;top:0;left:0;right:0;bottom:0;width:100%;height:100%; overflow: hidden;}
.page-loader .moderspinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}



/*index css Start*/
	.no-scroll{ overflow: hidden; }

	.header-main .header-inner-main {position: relative; background-color: #FFF7EC; }
	.header-main .header-inner-main .header-inner {width: 100%; align-items: center;padding-left: 80px; }
	.header-main .header-inner-main nav.navbar {height:80px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; flex-wrap: nowrap; align-items: center;}
	.header-main .header-inner-main .header-inner .header-menu ul li a {position: relative; font-size: 16px; color: #0A1838; margin: 0px 50px 0px 0px; font-weight: 500; }
	.header-main .header-inner-main .header-inner .header-menu ul li a:hover { color:#FF9800;}
	.header-main .header-inner-main .header-inner .header-menu ul li a.active {color:#FF9800; }
	.header-main .header-inner-main .header-inner .header-menu ul li.nav-item-hover a:after{display:block; content: ''; position: absolute; top: 100%; width: 24px; left: 0px; right: 0px; margin: auto; border-bottom: 3px solid #FF9800; transform: scaleX(0); transition: transform 250ms ease-in-out;}
	.header-main .header-inner-main .header-inner .header-menu ul li a:hover:after , .header-main .header-inner-main .header-inner .header-menu ul li a.active:after{ transform: scaleX(1); transform-origin:  50% 50%; width: 100%;}
	.header-main .navbar-container {width: 100%; margin-right: auto; margin-left: auto; }
	.header-text {font-size: 17px;line-height: 23px;}
	.header-main .header-inner-main .header-inner{align-items:center;}
	.header-main .header-logo img{max-width:100%;}
	.header-main .header-right{width:100%;}
	.header-main .header-right .header-menu-inner{width:100%;}

	/*toggele switch*/

	.header-main button.navbar-toggler {padding: 0; border: none; margin: 10px 0; top: 30px; box-shadow: none;}
	.header-main button.navbar-toggler span.icon-bar:nth-child(2) {visibility: hidden; opacity: 0; }
	.header-main button.navbar-toggler.collapsed span.icon-bar:nth-child(2) {visibility: visible; opacity: 1; }
	.header-main button.navbar-toggler span.icon-bar:nth-child(1) {top: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
	.header-main button.navbar-toggler span.icon-bar:nth-child(3) {margin-right: auto; margin-left: 0; }
	.header-main button.navbar-toggler.collapsed span.icon-bar:nth-child(1), .header-main .header-inner .header-right button.navbar-toggler.collapsed span.icon-bar:nth-child(3) {top: 0; transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); background: #0A1838; margin-right: 0; }
	.header-main button.navbar-toggler span.icon-bar {margin: auto; background-color: #0A1838; border-radius: 2px; display: block; height: 3px; position: relative; width: 28px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; -ms-transition: all 200ms ease; transition: all 200ms ease; }
	.header-main button.navbar-toggler .icon-bar+.icon-bar {margin-top: 6px; }
	/* .header-main .header-right {margin-left: auto;} */
	.header-main button.navbar-toggler span.icon-bar:nth-child(3) {top: -8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
	/*dropdown*/

	.header-main.active{position:fixed;width:100%;left:0px;right:0px;top:0px;}
	.header-main{position:absolute;width:100%;right:0;top:0;left:0px;}
	.header-btn .btn{padding:7px 22px;}
	.header-main .header-inner-main .header-inner .header-menu ul.header-btn li a{margin-right:30px;}
	.header-main .header-inner-main .header-inner .header-menu ul.header-btn li a.btn{margin-right:0px;}


/*index css Start*/


/* Banner SECTION */

.banner-img-wp .banner-img {text-align: center; }
.banner-sec{background:#FFF7EC;padding:60px 0px 130px;}
.banner-sec .banner-text h1 .after-shaph{position:relative;z-index:1;display:inline-block;padding:5px;margin-left:10px;}
.banner-sec .banner-text h1 .after-shaph:after{content:'';position:absolute;left:-11px;right:2px;top:5px;bottom:-5px;z-index:-1;background:url('../images/automation-shape.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;}
.banner-wrap .banner-text h1{margin-bottom:25px;}
.banner-wrap .banner-text .banner-btn{margin-top:30px;}
.banner-wrap .banner-text p{max-width:530px;line-height:32px;font-size:22px;}

.about-us-sec{padding:80px 0px 130px;}
.about-us-sec .about-us-text h2{margin-bottom:22px;}
.about-us-sec .about-us-text   p{line-height:32px;}
.about-us-sec .about-us-text{padding-left:20px;max-width:560px;}
.about-points ul li{font-weight:500;font-size:20px;line-height:32px;margin:20px 0px;position:relative;padding-left: 40px;}
.about-points ul li:before{content:'';background:url('../images/check-icon.png');background-repeat:no-repeat;background-position:center;background-color:rgba(255,196,118,0.5);border-radius:6px;width:30px;height:30px;display:inline-block;background-size:17px;position: absolute;top:0px;left:0px;}
.about-us-sec .about-us-text .about-points {margin: 30px 0px;}
.about-btn {padding-top: 15px; }

.tool-section{padding:80px 0px 100px;background:#FFF7EC; position: relative; z-index: 1;}
.tool-section:before{content:'';position:absolute;z-index: -1; bottom:0px;left:0px;right:0px;background:url('../images/tools-bt-shape.png');background-repeat:no-repeat;background-position:bottom;background-size:100% 100%;height:200px;}

.tool-points .tool-box-inner{display:flex;position: relative; align-items:center;max-width:670px;padding:15px 25px;background:url('../images/tool-bg-shape.png');background-repeat:no-repeat;background-position:center;background-size:100% 100%;}
.tool-points .tool-box-inner div.count {width: 90px; text-align: center; font-size: 100px; margin-bottom: 0px; text-shadow: 0px 0px 1px #ff9c24; color: #fff; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #ff9c24; }
.tool-points .tool-box-inner .tool-points-text{width:calc(100% - 90px);padding-left:15px;}
.tool-points .tool-box-inner .tool-points-text p{margin-bottom:0px;}
.tool-points .tool-box-inner .tool-points-text h4{margin-bottom:7px;}
.tool-points .tool-points-box{margin-bottom:30px;}
.tool-points .tool-points-box:nth-child(2){margin-left:160px;}
.tool-points .tool-points-box:nth-child(3){margin-left:320px;}
.tool-points .tool-points-box:nth-child(4){margin-left:480px;}
.tool-sec .tool-inner h2 {margin-bottom: 40px; }

.banner-sec{position:relative;z-index:1;}
.banner-sec:before{content:'';position:absolute;z-index: -1; bottom:0px;left:0px;right:0px;background:url('../images/banner-bt-shap.png');background-repeat:no-repeat;background-position:bottom;background-size:100% 100%;height:220px;}

.about-us-sec{position:relative;z-index:1;}
.about-us-sec:before{content:'';position:absolute;z-index: -1; bottom:0px;left:0px;right:0px;background:url('../images/aboutus-bt-shape.png');background-repeat:no-repeat;background-position:bottom;background-size:100% 100%;height:200px;}

.contact-us-sec{position:relative;z-index:1;}
.contact-us-sec:before{content:'';position:absolute;z-index: -1; bottom:0px;left:0px;right:0px;background:url('../images/contactus-bt-shape.png');background-repeat:no-repeat;background-position:bottom;background-size:100% 100%;height:200px;}



/* FAQ SECTION */

.inner-faq .accordion-collapse{background:#fff7ec;box-shadow:none;}
.inner-faq .accordion .accordion-item{margin-bottom:20px;border:1px solid #564E55;overflow:hidden;border-radius:15px!important;}
.accordion-button{background:#F2F2F2;box-shadow:none;padding:28px;font-size:22px;font-weight:500;color:#0A1838;box-shadow:none!important;}
.accordion-button::after{background-image:url("../images/down-arrow.svg")!important;}
.accordion-button:not(.collapsed){color:#0A1838;background-color:#FFF7EC;box-shadow:none;}
.accordion-body{padding:0px 28px 28px;}
.inner-faq .accordion-collapse.show{background:#fff7ec;}
.accordion-button:not(.collapsed)::after{background-image:url("../images/down-arrow.svg")!important;}
.faq-section{padding:100px 0px 60px;}
.faq-section .faq-title{margin-bottom:60px;}
.accordion-body p{margin-bottom:0px;line-height:32px;}

.contact-us-sec .contact-us-from{margin-left:auto;max-width:480px;}
.contact-us-img{padding:20px 0px;}
.contact-us-img img{max-width:100%;}

.footer-sec{background:#FFF7EC;}
.footer-sec .inner-footer.footer-top{padding:55px 0px;border-bottom:1px solid #000000;}
.subscription-form p{font-weight:500; margin-bottom: 20px;}
.footer-content h5.simple-title{font-size:20px;font-weight:600;margin-bottom:20px;}
ul.footer-ul li.simple-link{margin:20px 0px;}
ul.footer-ul li.simple-link a{font-size:16px;}
.subscription-inner{display:flex;}
.subscription-inner .form-control{width:calc(100% - 65px);}
.subscription-btn{background:#FFC476;border-radius:10px;padding:9px;width:55px;height:55px;margin-left:10px;}
.subscription-btn i{font-size:35px;}
.footer-bottom{padding:20px 0px;}
.footer-bottom p{margin-bottom:0px;text-align:center;font-size:14px;font-weight:500;color:#0A1838;}

.contact-us-sec{padding:60px 0px 80px;}
.tool-points .tool-box-inner:after{content:'';position:absolute;width:90px;height:116px;left:-100px;display:inline-block;background:url('../images/tools-shap.png');background-repeat:no-repeat;background-size:contain;background-position:center;top:-20px;}
.tool-points .tool-points-box:first-child .tool-box-inner:after {display: none; }

.banner-form-wp{background:#FFFFFF; box-shadow:0px 2px 10px rgba(152,112,58,0.15); border-radius:10px;padding:30px; max-width: 560px;}
.banner-form-wp .form-control{background:#F2F2F2;}
.banner-form-wp .form-control:focus,.banner-form-wp .form-select:focus{border-color:#FFC476;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;background-color:#fff7ec;}

.btn.border-btn{background:transparent;color:#0A1838!important;}
.btn.border-btn:hover{color:#0A1838;background:#ffc476;}
.form-group-btn.two-btn .btn {margin: 10px 15px 15px 0px;}

.shape-none:before {display: none !important;}
.white-bg{background: #fff !important;}
.banner-form-wp.grey {
    background: #fbfbfb !important;
}

/* Start CSS 03/10/2022*/

.logo-with-text{display:flex;align-items:center;}
.logo-with-text .logo-text{font-weight:700;font-size:24px;line-height:28px;color:#0A1838;margin-left:5px;white-space: nowrap;}
/* .logo-with-text img{width:73px;} */
.logo-with-text img {
    min-width: 73px;
    width: 100%;
    max-width: 75px !important;
}
.form-group-title h2 {margin-bottom: 30px; font-size: 36px; }
.form-group-title h2{margin-bottom:30px;font-size:38px;max-width:570px;}

@media (max-width:1199px){
.form-group-title h2 {font-size: 30px; }
}

@media (max-width:991.98px){
	.header-main .header-inner-main .header-inner{padding-left:40px;}
	.logo-with-text .logo-text{font-size:18px;}
	.header-main .header-logo img{min-width:auto;max-width:55px;}
	.form-group-title h2 {max-width: 450px; margin-left: auto; margin-right: auto; text-align: center; }
}

@media (max-width:480px){
.form-group-title h2{font-size:22px;max-width:330px;}
}

.faq-section.contact-us-sec {
    padding-bottom: 140px;
}

.grecaptcha-badge {
    z-index: 3;
}

.screen {
	min-height: 200px;
	background: #000;
	color: #fff;
	padding: 10px;
	position: relative;
}

.screen .client {
	color: lightgreen;
}
.screen .server {
	color: lightblue;
}
.screen .error {
	font-size: 11px;
	color: red;
	position: relative;
	top: -2px;
}
#copy_screen_button {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	cursor: pointer;
	cursor: hand;
	padding: 2px 5px;
}

.copy-to-clipboard {
	position: absolute;
	left: -1000px;
	top: -10000px;
}

.homepage-text1 {
	background: #fff;
	border: solid 1px #fff;
	border-radius: 20px;
	margin-top: 62px;
	position: relative;
	top: 20px;
}
.homepage-text1 .padding {
	padding: 20px;
}
.homepage-text1 h3{
	font-weight: normal;
	margin-bottom: 20px;
	line-height: 100%;
	font-size: 27px;
}
.homepage-text1 a{
	text-decoration: underline;
}
.homepage-text1 ul{
	list-style: disc;
}
.homepage-text1 li{
	margin-bottom: 20px;
}

.small-buttons .btn {
	font-size: 14px;
}

.underline {
	text-decoration: underline;
}

.nowrap {
	white-space: nowrap;
}

.form-group ul li{
	color: red;
}

table {
	width: 100%;
	border-collapse: collapse;
}

table th,
table td {
	border: solid 1px grey;
	padding: 5px;
}

table th {
	background: #eee;
}

.pagination {
	padding: 10px 0;
	font-size: 18px !important;
}
.pagination li {
	display: inline;
}
.pagination li.active {
	font-weight: bold;
}

.flex-items {
	display: flex;
}
.flex-items .flex-child {
	flex: 1;
	text-align: center;
	background-color: lightgray;
	border: 1px solid gray;
	padding: 10px;
}

.data-table td{
	white-space: nowrap;       /* Prevent text from wrapping */
	overflow: hidden;          /* Hide overflowing content */
	text-overflow: ellipsis;   /* Show ellipsis (...) for truncated content */
	max-width: 300px;
}

.header-main .header-logo{
	position: relative;
}

#footer-banner {

}
#footer-banner img{
	width: 100px;
	position: relative;
	top: -28px;
	left: 188px;
}
@media (max-width:991.98px){
	#footer-banner img{
		left: 135px;
	}
}
@media (max-width:765px){
	#footer-banner img{
		top: -12px;
	}
}

#homepage-text-1{
	position: relative;
}

#banner-2 {
	position: absolute;
	top: -80px;
	left: 0;
	width: 100%;
	text-align: justify;
}
#banner-2 img{

}


.banners-flex {
	display: flex;
	justify-content: space-around;
}

@media (max-width:1199px){
	h1.like-h2 {
		font-size: 30px !important;
		margin-bottom: 22px;
	}
}

@media (max-width:991.98px){
	h1.like-h2 {
		font-size: 42px !important;
		margin-bottom: 10px;
	}
}

.display-last-child div{
	display: none;
}
.display-last-child div:last-child{
	display: block;
}