

/*------------------ # Design Fonts ------------------*/

@import url(fonts.css);
@import url(line-awesome.css);

/* ----**** [ Default CSS ] ****---- */

body { font-family: 'Poppins'; font-weight:400; font-size: 16px; color:#082C4E;}

body.innerpage { height: auto;}

a { color: #082C4E; text-decoration: none;}
a:hover, a:active, a:focus { color: #530e21; outline: none; text-decoration: none;}

/* ----**** [ order button css ] ****---- */

.order-btn { background: #082C4E; font-size:18px; font-weight: 500; color: #FFFFFF; 
	display: inline-flex; justify-content: center; align-items: center; padding: 0 16px; min-width: 200px; height: 48px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;
	-webkit-transition: background-color 300ms linear; -moz-transition: background-color 300ms linear; 
	transition: background-color 300ms linear;}
.order-btn:hover, .order-btn:focus { background: rgb(42, 56, 223); color: #FFFFFF;
    background: linear-gradient(175deg, rgba(42, 56, 223, 1) 0%, rgba(0, 228, 227, 1) 100%);}

.order-btn.white-clr { background: #FFFFFF; color: #082C4E;}
.order-btn.white-clr:hover, .order-btn.white-clr:focus { background: rgb(42, 56, 223);  color: #FFFFFF;
    background: linear-gradient(175deg, rgba(42, 56, 223, 1) 0%, rgba(0, 228, 227, 1) 100%);}


h1, h2, h3, h4, h5, h6 { margin: 0 0 16px 0;}
h1, h2, h3, h4, h5, h6 { font-family: 'Poppins'; font-weight:400;}

.clrWhite { color:#FFFFFF;}

p { font-family: 'Poppins'; font-weight:400; font-size:16px; margin:0 0 16px 0; color:#082C4E;}

section { padding:80px 0;}	


/* ----**** [ form control ] ****---- */


.form-group { margin: 0 0 20px 0;}
label { display:none;}
textarea.form-control { height: auto;}	

.form-control { font-family: 'Poppins'; font-size:16px; font-weight:400; 
	border: 1px solid #ccc; padding: 8px 16px 6px 16px; height:40px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.form-control::-webkit-input-placeholder {color: #6f6f6f!important; opacity: 0.8!important;}	
.form-control::-ms-input-placeholder {color: #6f6f6f!important; opacity: 0.8!important;}
.form-control::-moz-input-placeholder {color: #6f6f6f!important; opacity: 0.8!important;}

.form-control:focus { outline:none; box-shadow:none; border-color:#082C4E; color: #082C4E;}


/* ----**** [ sections header ] ****---- */


.section-header { margin-bottom:36px; text-align:center;}
.section-header h2 { font-size: 44px; font-weight:700; color:#082C4E; margin: 0;}
.section-header p { font-size: 18px; font-weight:500; color:#082C4E; margin: 10px 0 0 0;}


/* ----**** [ back-to-top button ] ****---- */

.back-to-top { position: fixed; right: 24px; bottom: 24px; z-index: 996;
	background: rgba(255, 255, 255, 0.50); width: 40px; height: 40px; visibility: hidden; opacity: 0;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;
	-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
	
.back-to-top i { font-size: 28px; color: #082C4E; line-height: 0;}
.back-to-top:hover { background: rgba(255, 255, 255, 1);}
.back-to-top:hover i { color: #082C4E;}
.back-to-top.active { visibility: visible; opacity: 1;}


/* Prelaoder */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #18d26e;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* ----**** [ header section ] ****---- */

.top-area { position: relative; width: 100%; height: 100%;}

#header { background: rgba(255, 255, 255, 0); z-index: 997; height:80px; top: 0; padding: 0 24px;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}	
#header .header-inner { display: flex; justify-content: space-between; align-items: center;}	

#header .logo { margin: 0; padding: 0; text-align: center; /*border-bottom: 1px solid #e2e2e2;*/}
#header .logo img { max-height: 40px;}
#header .logo img.white-logo { display:flex;}
#header .logo img.color-logo { display:none;}

#header.header-scrolled { background: rgba(255, 255, 255, 1); border-bottom: 1px solid rgba(231, 231, 231, 1); height: 80px; top:0;
	box-shadow: 1px 0 10px rgb(0 0 0 / 20%); -webkit-box-shadow: 1px 0 10px rgb(0 0 0 / 20%); -moz-box-shadow: 1px 0 10px rgb(0 0 0 / 20%);}
#header.header-scrolled .logo img.white-logo { display:none;}
#header.header-scrolled .logo img.color-logo { display:flex;}

#header .header-buttons { display: flex;}	
#header .header-buttons ul { margin: 0; padding: 0; list-style-type:none; display: flex; gap: 16px; align-items: center;}
#header .header-buttons ul li a { display: flex; align-items: center; justify-content: center; 
	font-size:16px; font-weight: 500; border: 2px solid #FFFFFF; color: #FFFFFF; padding:0 12px; min-width: 100px; height: 42px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;
	-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
#header .header-buttons ul li:first-child a	{ background: transparent; gap: 12px; border: 2px none #FFFFFF;}
#header .header-buttons ul li:first-child a i { font-size: 24px;}

#header .header-buttons ul li:first-child a:hover, #header .header-buttons ul li:first-child a:focus { background: rgb(42,56,223);
	background: linear-gradient(175deg, rgba(42,56,223,1) 0%, rgba(0,228,227,1) 100%);}
/*#header .header-buttons ul li:last-child a:hover, #header .header-buttons ul li:last-child a:focus {
	border: 2px solid #082C4E; color: #082C4E;}*/
	
#header.header-scrolled	.header-buttons ul li a { color: #082C4E;}
#header.header-scrolled .header-buttons ul li:first-child a { background: rgb(0,228,227);
	background: linear-gradient(0deg, rgba(0,228,227,1) 0%, rgba(42,56,223,1) 100%); color: #FFFFFF;}
	
/*#header.header-scrolled .header-buttons ul li:last-child a { border: 2px solid #082C4E; background:transparent; color: #082C4E;}
#header.header-scrolled .header-buttons ul li:last-child a:hover, 
#header.header-scrolled .header-buttons ul li:last-child a:focus { border: 2px solid transparent; background:#082C4E; color: #FFFFFF;}*/


/* ----**** [ desktop navigation section ] ****---- */

.nav-wrapper { display: flex; gap: 12px; justify-content: center; align-items: center;}

.navbar { padding: 0; justify-content: center;}

.navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center;}
.navbar ul li { position: relative;}
.navbar ul li.login-btn a, .navbar ul li.signup-btn a  { display:none;}
.navbar ul li.login-btn a, .navbar ul li.signup-btn a { padding: 0 12px; min-width: 100px; 
	height: 38px; justify-content: center;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;
	-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
	
.navbar ul li.login-btn a:hover, .navbar ul li.login-btn a:focus { background: rgb(42,56,223); color: #FFFFFF;
	background: linear-gradient(175deg, rgba(42,56,223,1) 0%, rgba(0,228,227,1) 100%);}	
	
.navbar ul li.signup-btn a { border: 2px solid #FFFFFF; margin: 0 0 0 16px;}
.navbar ul li.signup-btn a:hover, .navbar ul li.signup-btn a:focus {
	border: 2px solid #082C4E; color: #082C4E;}

.navbar ul li a { display: flex; align-items: center; justify-content: space-between; 
	font-family: 'Poppins'; font-weight: 500; font-size: 16px; text-transform: none; color: #FFFFFF;
	white-space: nowrap; padding: 0 12px;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;}
.navbar ul li a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a { color: #00e4e3;}

.navbar ul li a i { margin: 0 12px 0 0; font-size: 28px;}
	
.nav-link:focus, .nav-link:hover{ color:#00e4e3;}

#header.header-scrolled .navbar ul li a { color: #082C4E;}
#header.header-scrolled .navbar ul li a:hover, #header.header-scrolled .navbar .active, .navbar .active:focus, 
#header.header-scrolled .navbar li:hover > a { color: #2a38df;}
#header.header-scrolled .nav-link:focus, #header.header-scrolled .nav-link:hover{ color:#2a38df;}


/* ----**** [ mobile navigation section ] ****---- */

.mobile-nav-toggle { color: #FFFFFF; font-size: 40px; cursor: pointer; display: none; line-height: 0;
  transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;}
.mobile-nav-toggle.bi-x { color: #FFFFFF;}



@media (max-width: 991px) {
	
  .mobile-nav-toggle { display: block;}
  .navbar ul { display: none;}
  
}

.navbar-mobile { background: rgba(0, 0, 0, 0.45); overflow: hidden;
	position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 999;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;}
  
.navbar-mobile .mobile-nav-toggle { position: absolute; top: 16px; right: 24px; font-size: 36px;}

.navbar-mobile ul { background: #082C4E; display: block; overflow-y: auto;
	position: absolute; top: 48px; right: 24px; bottom: 24px; left: 24px; padding: 16px;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;}	
.navbar-mobile ul li { text-align:center; margin:0;}	
.navbar-mobile ul li a { padding: 8px 16px; font-weight:500; color: #FFFFFF; justify-content: center; border-right: 0px none;
	/*-webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;*/}
	
.navbar-mobile ul li a:focus { display:block;}
.navbar-mobile ul li a:hover, .navbar-mobile .active, .navbar-mobile ul li:hover > a { color: #00e4e3;}

#header.header-scrolled .navbar.navbar-mobile ul li a { color: #FFFFFF;}
#header.header-scrolled .navbar.navbar-mobile ul li a:hover, 
#header.header-scrolled .navbar.navbar-mobile .active, 
#header.header-scrolled .navbar.navbar-mobile ul li:hover > a { color: #00e4e3;}


.navbar.navbar-mobile ul li.login-btn a, .navbar.navbar-mobile ul li.signup-btn a { display:flex;}
.navbar.navbar-mobile ul li.login-btn a { margin: 20px 0 0 0;}
.navbar.navbar-mobile ul li.signup-btn a { margin: 20px 0 0 0;}
.navbar.navbar-mobile ul li.signup-btn a:hover, .navbar.navbar-mobile ul li.signup-btn a:focus {
	border: 2px solid #00e4e3; color: #00e4e3;}


/* ----**** [ slider section ] ****---- */

.slider-area .pogoSlider--navBottom .pogoSlider-nav { display:none;}

html, body { height: 100%}

.pogoSlider { width: 100%; height: 100%; overflow: hidden; position: relative; text-align: center; padding-bottom: 0!important;}

.pogoSlider-slide { position: absolute; width: 100%; height: 100%; opacity: 0; overflow: hidden;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    -webkit-box-orient: vertical; -webkit-box-direction: normal;
    -ms-flex-direction: column; flex-direction: column; /*padding-top: 200px;*/}

/*.pogoSlider-slide::after { background: #000000; width: 100%; height: 100%;
    content: ""; position: absolute; left: 0; opacity: 0.25; top: 0; z-index: -1;}*/	


	
.slider-area { position: relative; width: 100%; height: 100%;}

.slider-head { width:1240px; text-align:left; }	
.slider-area h1 {  color:#FFFFFF; font-size:52px; font-weight: 600; margin: 0 0 16px 0;	
	text-shadow: 0px 4px 3px rgb(0 0 0 / 25%), 0px 8px 13px rgb(0 0 0 / 10%), 0px 18px 23px rgb(0 0 0 / 10%);}
.slider-area p { color:#FFFFFF; font-size:22px; font-weight: 400;
	text-shadow: 0px 4px 3px rgb(0 0 0 / 25%), 0px 8px 13px rgb(0 0 0 / 10%), 0px 18px 23px rgb(0 0 0 / 10%);}	
.slider-area p strong { font-weight: 600;}	
	
	
/* ----**** [ Home Welcome Section ] ****---- */


#home-welcome { position:relative; padding:100px 0;}
	
#home-welcome:before { content: ""; width: 100%; height: 100%;
    position: absolute; top: 0; left: 0; right: 0; z-index: -1; display: block; 
    background-attachment: fixed; background-size: cover; background-repeat: no-repeat;}
	
#home-welcome:before { background-image: url("../img/bg/features-bg.png"); background-position: bottom center;}

.welcome-text { width:100%; text-align:center;}
.welcome-text .section-header { margin-bottom: 48px;}
.welcome-text .section-header h2 { margin-bottom:24px;}
.welcome-text .section-header h2 strong { font-size: 54px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 3px; background: rgb(0,228,227);
background: linear-gradient(270deg, rgba(0,228,227,1) 0%, rgba(42,56,223,1) 100%);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.welcome-text .section-header h2 span { display: flex; justify-content: center; 
	font-size: 28px; font-weight: 600; margin: 10px 0 0 0;}
.welcome-text .section-header p { margin: 0;}	

.welcome-text ul { list-style-type: none; margin: 0; padding: 0; display: flex; justify-content: center; gap:36px;}
.welcome-text ul li { display: block; width: 170px; position:relative;}
.welcome-text ul li i { background: rgb(0,228,227);
	background: linear-gradient(270deg, rgba(0,228,227,1) 0%, rgba(42,56,223,1) 100%);
	width:90px; height:90px; margin:0 auto 20px auto; display: flex; align-items: center; justify-content: center; 
	-webkit-border-radius: 25px 25px 25px 0; -moz-border-radius: 25px 25px 25px 0; -ms-border-radius: 25px 25px 25px 0; 
	border-radius: 25px 25px 25px 0;}
.welcome-text ul li i img { max-width:60px;}	
.welcome-text ul li span { width: 100%; display: flex; justify-content: center; 
	font-size: 16px; line-height: 24px; font-weight: 600;}

.welcome-text ul li:nth-child(odd) { margin-top:0;}
.welcome-text ul li:nth-child(even) { margin-top:36px;}

.welcome-text ul li:nth-child(odd):before { content: ""; width: 101px; height: 13px;
    position: absolute; top: 36px; right: -70px; z-index: 1; display: block; 
	background-image: url("../img/line1.png"); background-position: center; background-repeat: no-repeat;}
	
.welcome-text ul li:nth-child(even):before { content: ""; width: 101px; height: 13px;
    position: absolute; top: 36px; right: -70px; z-index: 1; display: block; 
	background-image: url("../img/line2.png"); background-position: center; background-repeat: no-repeat;}
	
.welcome-text ul li:last-child:before { background:none;}	

.welcome-btns { margin-block-start: 48px; display: flex; justify-content: center; gap: 24px;}
/*.welcome-btns a.order-btn:last-child { color:#1622AF; background:transparent; border:2px solid #1622AF;}*/


/* ----**** [ Home Our Services Section ] ****---- */


#home-ourservices { background: rgb(0,228,227);
background: linear-gradient(270deg, rgba(0,228,227,1) 0%, rgba(42,56,223,1) 100%);}

.ourservices-info .section-header { text-align:left;}
.ourservices-info .section-header h2 { font-size:32px; font-weight: 600; color: #FFFFFF;}
.ourservices-info .section-header p { color: #FFFFFF;}

.ourservices-info ul { list-style-type:none; margin:0; padding:0; display: flex; flex-wrap: wrap; gap: 24px;
    justify-content: space-between;}
.ourservices-info ul li { position:relative; width: 45%; font-size:18px; font-weight:500; color: #FFFFFF; padding: 0 0 0 40px;}
.ourservices-info ul li:before { content: "\f058"; font-family: 'Line Awesome Free'; font-weight: 900; 
	width: 32px; height: 32px; position: absolute; top:0; left: 0; font-size: 28px; line-height: 30px;}
	
	
/* ----**** [ Home Features Section ] ****---- */


#home-features { }
	
.features-info .section-header { margin-bottom: 48px;}
.features-info .section-header h2 { font-size: 36px;}

.features-info ul { list-style-type: none; margin: 0; padding: 0; display: flex; justify-content: center;}
.features-info ul li { display: block; width: 20%;}
.features-info ul li i { margin:0 auto 36px auto; display: flex;
    align-items: center; justify-content: center;}
.features-info ul li i img { max-width:80px;}	
.features-info ul li span { width: 100%; display: flex; justify-content: center; font-size: 22px; font-weight: 600;}
	

/* ----**** [ Home Happy Customers Section ] ****---- */


#home-happycustomers { background:#FFFFFF;}

ul.customers-logo { list-style-type:none; margin:0; padding:0; 
	display: flex; justify-content: center; flex-wrap: wrap;}
ul.customers-logo li { display: flex; align-items: center; padding: 30px; width: 20%;
    justify-content: center; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
ul.customers-logo li:last-child { border-right: 0px none;}	

ul.customers-logo li:nth-child(5) { border-right: 0px none #cccccc;}

ul.customers-logo li img { filter: gray;
	-webkit-filter: grayscale(1); filter: grayscale(1); opacity:0.5;}
ul.customers-logo li:hover img { -webkit-filter: grayscale(0); filter: none; opacity:1;}
ul.customers-logo li:nth-child(6), ul.customers-logo li:nth-child(7),
ul.customers-logo li:nth-child(8), ul.customers-logo li:nth-child(9),
ul.customers-logo li:nth-child(10) { border-bottom: 0px none #cccccc;}


/* ----**** [ Home Why Prefer Us Section ] ****---- */


#home-why-prefer-us { background:#f5f7fc;}

.why-prefer-us-info { display: flex; justify-content: space-between; gap: 24px;}
	
.why-prefer-us-info .why-prefer-block { width:25%; padding: 36px 24px; text-align: center; 
	background: #ffffff; border: 1px solid #eff0f6;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;
    -webkit-box-shadow: 0 6px 12px rgba(20, 20, 43, .05); -moz-box-shadow: 0 6px 12px rgba(20, 20, 43, .05);
	-ms-box-shadow: 0 6px 12px rgba(20, 20, 43, .05); box-shadow: 0 6px 12px rgba(20, 20, 43, .05);}

.why-prefer-us-info .why-prefer-block h4 { font-size: 24px; font-weight: 600;}
.why-prefer-us-info .why-prefer-block p { font-weight: 300; margin: 0;}


/* ----**** [ Home Get In Touch Section ] ****---- */


#home-getintouch { background:#082C4E; padding: 48px 0;}

.getintouch-info .section-header { text-align:left;}
.getintouch-info .section-header h2 { color: #FFFFFF;}
.getintouch-info .section-header p { color: #FFFFFF;}

.getintouch-info ul { list-style-type:none; margin:0 0 36px 0; padding:0; display: flex; flex-wrap: wrap; gap: 24px;}
.getintouch-info ul li { font-size:20px; font-weight:500; color: #FFFFFF; display: flex; align-items: center; gap: 12px;}
.getintouch-info ul li i { font-size:30px;}
.getintouch-info ul li a { color: #FFFFFF;}

.getintouch-btn { display: flex; gap: 16px; align-items: center;}
.getintouch-btn span { font-size:18px; color:#FFFFFF;}



/* ----**** [ Home Footer Section ] ****---- */


#footer { background: #FFFFFF;}

#footer .footer-top { padding: 60px 0 36px 0;}
#footer h3 { font-size:24px; color: #082C4E; font-weight: 700; margin: 0 0 24px 0;}
#footer .footer-top .col-7 { gap: 24px;}

#footer .footer-top .footer-about { width:35%;}
#footer .footer-top .footer-links { width:60%;}

#footer .footer-top .footer-links .form-group { display: flex; gap: 20px;}
#footer .footer-top .footer-links .form-group .btn.btn-primary { background: rgb(42,56,223); 
	border:0px none; font-size: 16px; padding: 0 20px;
	background: linear-gradient(175deg, rgba(42,56,223,1) 0%, rgba(0,228,227,1) 100%); color: #FFFFFF;}

#footer .footer-top .footer-address { padding:0 36px 0 0;}
#footer .footer-top .footer-address p { font-size:16px; color: #082C4E;}
#footer .footer-top .footer-address p strong { font-size:18px; font-weight: 600; display: block; margin: 0 0 12px 0;} 
#footer .footer-top .footer-address ul li { display: flex; align-items: center; margin: 0 0 10px 0; gap: 10px;}
#footer .footer-top .footer-address ul li i { font-size:28px; color: #082C4E;}

#footer .footer-top ul { list-style-type:none; padding: 0; margin:0;}
#footer .footer-top ul li { display:block; margin: 0 0 10px 0;}
#footer .footer-top ul li a { font-size:16px; color: #082C4E; line-height: 28px; border-bottom:1px solid transparent;}
#footer .footer-top ul li a.active { color: #082C4E; border-bottom:1px solid #082C4E;}
#footer .footer-top ul li a:hover { color: #082C4E; border-bottom:1px solid #082C4E;}

#footer .footer-btm { padding: 0 0 36px 0;}
#footer .footer-btm ul { list-style-type:none; padding: 0; margin:0 0 20px 0; display: flex; gap: 20px;}

#footer .footer-btm ul li a { font-size:24px; color: rgba(8, 44, 78, 0.6);}
#footer .footer-btm ul li:first-child a { font-size:20px;}
#footer .footer-btm ul li a:hover { color: rgba(8, 44, 78, 1);}
#footer .footer-btm p { color: #082C4E; font-size:16px; margin: 0;}

#footer .footer-btm .footer-logo { display: flex; justify-content: end;}
#footer .footer-btm .footer-logo img { max-height: 40px;}


/* ----**** [ breadcrumbs section ] ****---- */


	.breadcrumbs { display: flex; align-items: end; justify-content: center; 
		padding: 48px 0; text-align:center; min-height: 360px;  
		background: url("../img/bg/bg.png") no-repeat center fixed; 
		background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover;}
	.breadcrumbs .section-header { margin:0; text-align: left;}
	.breadcrumbs .section-header h2 { color:#FFFFFF;}
	.breadcrumbs .section-header p { font-size: 20px; color: #FFFFFF;}


/* ----**** [ pricing page section ] ****---- */

	
	#pricing-section { background:#F4F5F7;}
		
	.pricing-blocks-main { display: flex; justify-content: space-between; gap: 48px;}

	.pricing-blocks { text-align:center;}		
	.pricing-blocks .pricing-info-top { padding: 36px 24px;}
	.pricing-blocks .pricing-info-top h2 { font-size: 36px; font-weight: 600;}
	.pricing-blocks .pricing-info-top h3 { font-size: 24px; font-weight: 600;}
	.pricing-blocks .pricing-info-top p { font-weight: 300; margin:0;}
	
	.pricing-blocks .pricing-info-btm { padding: 0 24px 36px 24px;}
	.pricing-blocks .pricing-info-btm ul { list-style-type:none; padding:0; margin:0 0 24px 0; 
		display: flex; flex-wrap: wrap; gap: 12px;}
	.pricing-blocks .pricing-info-btm ul li { display: flex; width: 100%; justify-content: center;}
	.pricing-blocks .pricing-info-btm ul li:first-child { margin: 0 0 12px 0; padding: 12px; font-weight: 500;
		background: rgba(8, 44, 78, 0.15); color: #082C4E;}	
	.pricing-blocks .pricing-info-btm .order-btn { background: transparent; height: 44px; 
		border: 2px solid #082C4E; color: #082C4E; font-size: 16px;}
	
	.bg-color-block { background: rgb(42, 56, 223); color: #FFFFFF;
		background: linear-gradient(175deg, rgba(42, 56, 223, 1) 0%, rgba(0, 228, 227, 1) 100%);}	
	.bg-color-block .pricing-info-btm ul li:first-child { background: rgba(255, 255, 255, 0.15); color: #FFFFFF;}
	.bg-color-block .pricing-info-btm .order-btn { background: #082C4E; color: #FFFFFF;}
	.bg-color-block .pricing-info-top p { color: #FFFFFF;}


/* ----**** [ about us page section ] ****---- */


	#about-us-info {}

	#about-us-info .about-us-text h2 { font-size: 32px; font-weight: 600; line-height: 42px; margin: 0 0 24px 0;}
	#about-us-info .about-us-text p { font-size: 18px; font-weight: 500; margin:0;}
	
	#about-us-info .about-us-text h2 span { background: rgb(0, 228, 227);
	background: linear-gradient(270deg, rgba(0, 228, 227, 1) 0%, rgba(42, 56, 223, 1) 100%);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;}

	#about-how-do-we { background: #f5f7fc;}
	.about-how-do-main { display: flex; justify-content: space-between; align-items: start; gap: 24px;}	
	.about-how-do-main .about-how-do-block { width:33.33%; padding: 24px 16px; text-align: left; 
		display: flex; flex-wrap: wrap; gap: 16px;}
	.about-how-do-main .about-how-do-block div { width: 100px; height: 100px; background: #FFFFFF; padding: 16px;
		-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;}	
	.about-how-do-main .about-how-do-block h4 { font-size: 24px; font-weight: 600; margin:0;}
	.about-how-do-main .about-how-do-block p { font-weight: 300; margin: 0;}

	#about-why-proevents { background:#FFFFFF;}
	.why-proevents-info { margin: 0 0 48px 0;}
	.why-proevents-info h4 { font-size: 28px; font-weight: 600; text-align: center;}
	.why-proevents-info p { font-size: 16px; font-weight: 300; text-align: center; width: 80%; margin: 0 auto;}		

	#about-our-vision { background: #f5f7fc;}
	.our-vision-image {}
	.our-vision-text {}
	.our-vision-text p:first-child { font-size: 18px; font-weight: 500;}
	
	#about-founder { background: #FFFFFF;}
	.founder-image {}
	.founder-image img { -webkit-border-radius: 48px; -moz-border-radius: 48px; -ms-border-radius: 48px; border-radius: 48px;}
	.founder-text {}
	.founder-text p:first-child { font-size: 18px; font-weight: 500;}


/* ----**** [ features page section ] ****---- */


	#features-info { padding:80px 0;}

	#features-info .nav.nav-pills { justify-content: space-between; margin:0!important; width: 100%;
		-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;
		-webkit-box-shadow: 0 3px 40px rgba(36, 36, 36, .1); -ms-box-shadow: 0 3px 40px rgba(36, 36, 36, .1);
		-moz-box-shadow: 0 3px 40px rgba(36, 36, 36, .1); box-shadow: 0 3px 40px rgba(36, 36, 36, .1);}
	#features-info .nav.nav-pills .nav-item { width:25%; display: flex; justify-content: center;}

	#features-info .nav.nav-pills .nav-item .nav-link { display: flex; align-items: center; gap: 20px; 
		justify-content: center; width: 100%; height: 88px;}
	#features-info .nav.nav-pills .nav-item .nav-link i { height: 60px; width: 60px;}
	#features-info .nav.nav-pills .nav-item .nav-link i img { max-width: 60px; }
	#features-info .nav.nav-pills .nav-item .nav-link span { font-size: 20px; font-weight: 600; color:#082C4E;}
	
	#features-info .nav.nav-pills .nav-item .nav-link i img.color-icon {}
	#features-info .nav.nav-pills .nav-item .nav-link i img.white-icon { display: none;}
	
	#features-info .nav.nav-pills .nav-link.active, 
	#features-info .nav.nav-pills .show>.nav-link { background: rgb(0, 228, 227);
		background: linear-gradient(0deg, rgba(0, 228, 227, 1) 0%, rgba(42, 56, 223, 1) 100%);}	

	#features-info .nav.nav-pills .nav-link.active i img.color-icon, 
	#features-info .nav.nav-pills .show>.nav-link i img.color-icon { display: none;}
	
	#features-info .nav.nav-pills .nav-link.active i img.white-icon, 
	#features-info .nav.nav-pills .show>.nav-link i img.white-icon { display: block;}
	
	#features-info .nav.nav-pills .nav-link.active span, 
	#features-info .nav.nav-pills .show>.nav-link span { color:#FFFFFF; }


	.tab-content>.tab-pane .section-header { margin:0; padding: 36px 0; background: #082C4E; display:none;}
	.tab-content>.tab-pane .section-header h2 { color:#FFFFFF;}
	
	.features-blocks-main { display: flex; flex-wrap: wrap;}	
	.features-blocks-main .features-block { display: flex; gap: 16px;}
	
	.features-blocks-main .features-block { background: #f5f7fc;}
	.features-blocks-main .features-block { display: flex; justify-content: space-between; gap: 24px; align-items: center;}
	.features-blocks-main .features-block .features-text { width: 50%; padding: 80px 36px; text-align: left;}
	.features-blocks-main .features-block .features-image { width: 50%; margin: 60px 36px; padding: 16px; background: #fff;
		-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;
		-webkit-box-shadow: 0 3px 40px rgba(36, 36, 36, .1); -ms-box-shadow: 0 3px 40px rgba(36, 36, 36, .1);
		-moz-box-shadow: 0 3px 40px rgba(36, 36, 36, .1); box-shadow: 0 3px 40px rgba(36, 36, 36, .1);}		
	
	.features-blocks-main .features-block:nth-child(odd) { background: #f5f7fc;}
	.features-blocks-main .features-block:nth-child(even) { background: #FFFFFF;}
	
	.features-blocks-main .features-block.full-block .features-text { width: 100%; padding: 80px 36px;}
	
	.features-blocks-main .features-block.reports-block { flex-wrap: wrap; padding: 80px 36px;}
	.features-blocks-main .features-block.reports-block .features-text { width: 100%; padding: 0;}
	.features-blocks-main .features-block.reports-block .features-images-block { width: 100%;
		display: flex; justify-content: space-between; gap: 48px; align-items: center;}
	.features-blocks-main .features-block.reports-block .features-images-block .features-image { margin: 0;}

	
	.features-blocks-main .features-block h4 { font-size: 32px; font-weight: 600;}
	.features-blocks-main .features-block p { font-weight: 300;}	
	

/* ----**** [ contact us page section ] ****---- */

	
	#contact-page-form {}
	#contact-page-form button.order-btn { border: 0px none;}
	
	
/* ----**** [ terms and conditions page section ] ****---- */


	#terms-conditions-info { padding: 48px 0;}
	#terms-conditions-info p { font-size: 18px; font-weight: 500; margin:0;}

	#terms-conditions-main { background: #f5f7fc;}
	
	.terms-conditions-inner { display: flex; justify-content: space-between; align-items: start; gap: 24px; flex-wrap: wrap;}	
	.terms-conditions-inner .terms-conditions-block { width: 100%; text-align: left; display: flex; flex-wrap: wrap; gap: 20px;}	
	.terms-conditions-inner .terms-conditions-block h4 { font-size: 24px; font-weight: 600; margin:0;}
	.terms-conditions-inner .terms-conditions-block p { font-weight: 300; margin: 0; width: 100%;}
	.terms-conditions-inner .terms-conditions-block ul { margin: 0; display: flex; flex-wrap: wrap; gap: 10px;}
	.terms-conditions-inner .terms-conditions-block ul li { width: 100%;}

