/*!
Theme Name: cristemo
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cristemo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

cristemo is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body {
    margin:0px !important;
    padding:0px !important;
}

p,a,li{
    font-size:16px;
	font-family: 'Manrope-Medium';
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

h2 {
	font-family: 'Madani Arabic Semi Bold';
}
img{
    width:100%;
}

@font-face {
    font-family: 'Manrope-SemiBold';
    src: url("./fonts/Manrope-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: 'Manrope-Bold';
    src: url("./fonts/Manrope-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'Madani Arabic Semi Bold';
    src: url("./fonts/Madani Arabic Semi Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'Madani Arabic Regular';
    src: url("./fonts/Madani Arabic Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Madani Arabic Light';
    src: url("./fonts/Madani Arabic Light.ttf") format("truetype");
}

@font-face {
    font-family: 'Manrope-Regular';
    src: url("./fonts/Manrope-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Manrope-Medium';
    src: url("./fonts/Manrope-Medium.ttf") format("truetype");
}

@font-face {
    font-family: 'Madani Arabic Medium';
    src: url("./fonts/Madani Arabic Medium.ttf") format("truetype");
}

/* footer css start */
footer.black-footer-main {
    padding: 60px 0px 30px 0px;
    border-top: 6px solid #00DF80;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.cristemo-logo img {
    width: 250px;
}
.more-link-menu h3 {
    color: #FFFFFF;
    font-size: 24px;
    font-family: 'Madani Arabic Semi Bold';
    margin: 0 0 15px 0;
}
.more-link-menu ul li a {
    color: #ffffff;
    font-family: 'Manrope-Regular';
}
.more-link-menu ul li {
    margin-bottom: 8px;
}
.more-link-menu .call-area {
    margin-bottom: 8px;
}
.more-link-menu ul {
    padding: 0;
    margin: 0;
}
.more-link-menu a {
    color: #ffffff;
    font-family: 'Manrope-Regular';
}
.more-link-menu.second-menu {
    margin-left: 35px;
}
.social-icons-inn {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}
.social-icons-inn img {
    width: 35px;
}
.more-link-menu ul li a:hover,
.more-link-menu a:hover{
    color: #00DF80;
}
.black-footer-inn {
    padding-bottom: 70px;
}
.copyright_text {
    border-top: 1px solid #00D5C233;
    padding-top: 40px;
    text-align: center;
    color: #ffffff;
}
.copyright h6 {
    font-family: 'Manrope-Light';
    font-size: 14px;
    margin: 0;
}
/* footer css end */

/* header css start */
header.cristemo-header {
    position: sticky;
    z-index: 999;
    top: 0;
    border-bottom: 1px solid #002D18;
    background: #000000;
    padding: 10px 0px;
}
.cristemo-header-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-logo img {
    width: 220px;
}
#mega-menu-wrap-menu-1, ul#mega-menu-menu-1 {
    background: #000000 !IMPORTANT;
}
span.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}
ul#mega-menu-menu-1 li a {
    color: #ffffff !IMPORTANT;
    font-size: 16px !IMPORTANT;
    padding: 10px 10px !IMPORTANT;
    line-height: normal !IMPORTANT;
    height: auto !IMPORTANT;
}

ul#mega-menu-menu-1 li a:hover {
    background: transparent ! IMPORTANT;
    color: #00DF80 !IMPORTANT;
    border-radius: 7px !IMPORTANT;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    background: transparent !IMPORTANT;
    color: #FFFFFF !IMPORTANT;
    border-radius: 7px;
}

ul.mega-sub-menu {
    background: #FFFFFF !IMPORTANT;
}

ul.mega-sub-menu li a {
    background: #FFFFFF !IMPORTANT;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background: transparent;
    color: #00DF80 !important;
    border-radius: 7px;
}
a.black-btn img {
    width: 20px;
}
.menu-main ul li a {
    font-family: 'Manrope-Medium' !important;
}
a.mega-menu-link {
    font-family: 'Manrope-Medium' !important;
}
/* header css end */

/* common css start */
.title_text h2 {
    color: #ffffff;
    font-family: 'Madani Arabic Semi Bold';
    font-size: 40px;
}
.title_text h2 span {
	color: #00DF80;
}
.button_groups {
    display: flex;
}
.button_groups a {
    padding: 10px 12px;
    border-radius: 10px;
    text-decoration: none;
    display: block;
}
a.black-btn {
    background: #000000;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-family: 'Manrope-Bold';
}
a.black-btn:hover {
    background: #ffffff;
    color: #000000;
    border-color: #000000;
}
a.green-btn {
    background: #00DF80;
    margin-left: 15px;
    color: #000000;
    border: 1px solid #00DF80;
    font-family: 'Manrope-Bold';
    font-size: 16px;
    padding: 12px 22px;
    border-radius: 10px;
    text-transform:capitalize;
}
a.green-btn:hover {
    background: transparent;
    color: #ffffff;
}
/* common css end */

/* home css start */
.row.tulsa-cta {
    overflow: hidden;
    padding: 70px;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}
section.cta-section {
    background: #000000;
    padding: 70px 0px;
}
.title_text.cta-content {
    width: 50%;
}
.title_text.cta-content p {
    color: #000000;
    font-family: 'Manrope-SemiBold';
}
section.hero-section {
    background: #000000;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0px 60px 0px;
}
.cristemo-header a.black-btn {
    border: 1px solid #FFFFFF;
    color: #00DF80;
}
.cristemo-header a.black-btn:hover {
    background: #000000;
    color: #ffffff;
}
.title_text h5 {
    display: inline-block;
    background: #FFFFFF;
    color: #000000;
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 28px;
    margin: 0 0 12px 0;
    font-family: 'Manrope-SemiBold';
    letter-spacing: 1.7px;
}
.title_text.hero-section-left h1 {
    color: #FFFFFF;
    font-family: 'Madani Arabic Semi Bold';
    font-size: 50px;
    margin: 0 0 20px 0;
}
.title_text.hero-section-left h1 span {
    color: #00DF80;
    text-shadow: 0 0 100px #00DF80, 0 0 100px #00DF80, 0 0 10px #00DF80;
}
.title_text.hero-section-left h4 {
    color: #FFFFFF;
    font-family: 'Manrope-Medium';
    font-size: 26px;
    margin: 0 0 15px 0px;
}
.hero-section-left a.black-btn {
    padding: 16px 30px;
}
.title_text.hero-section-left ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    margin: 0px 0 30px 0;
}
.title_text.hero-section-left ul li {
    font-size: 16px;
    padding: 7px;
    padding-left: 32px;
    background-repeat: no-repeat ! IMPORTANT;
    background-size: 22px ! IMPORTANT;
    background-position-y: 6px ! IMPORTANT;
    margin-right: 16px;
    color: #FFFFFF;
    font-family: 'Manrope-Medium';
}
.hero_form {
    border: 1px solid #ffffff;
    border-radius: 20px;
    overflow: hidden;
    background: #000000;
}
.hero_form_head {
    background: #00301B;
    text-align: center;
    padding: 25px;
}
.hero_form_head h2 {
    font-size: 22px;
    margin-bottom: 12px;
    color: #00DF80;
    font-family: 'Madani Arabic Regular';
}
.hero_form_head h3 {
    margin: 0px;
    font-size: 15px;
    color: #FFFFFF;
    font-family: 'Madani Arabic Regular';
}
.form_hero {
	padding: 22px;
	color: #ffffff;
}
.form_hero input {
    width: 100%;
    border-radius: 28px;
    border: 1px solid #ffffff !important;
    outline: none ! IMPORTANT;
    height: 41px;
    padding: 5px 14px;
    background: #FFFFFF;
    color: #000000;
    font-family: 'Manrope-Regular';
}
.form_hero input[type="checkbox"] {
    height: 28px !important;
    width: 28px !important;
    padding: 0;
    border-radius: 0;
    margin-right: 10px;
}
.form_hero span.wpcf7-list-item-label {
    font-size: 12px;
}

.form_hero input.wpcf7-form-control.wpcf7-submit {
    background: linear-gradient(90deg, #242424, #000000);
    border-radius: 10px;
    height: 60px;
    border: 1px solid #00DF80 !important;
    color: #FFFFFF;
    font-family: 'Manrope-Bold';
    font-size: 18px;
    margin-top: 20px;
}
.form_hero input.wpcf7-form-control.wpcf7-submit:hover {
    color: #00df80;
    box-shadow: 0px 0px 20px #00df80;;
}

.form_hero ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    grid-gap: 7px;
}
.form_hero ul li a {
    color: #00DF80;
    font-family: 'Manrope-Bold';
    font-size: 15px;
    margin: 0;
}
.form_hero ul li:first-child a {
    border-right: 2px solid #00DF80;
    padding-right: 7px; /* optional spacing */
}
.form_hero ul li a:hover {
    color: #ffffff;
}
.title_text.hero-section-left a.black-btn {
    border: 1px solid #00DF80;
    background: linear-gradient(90deg, #242424, #000000);
}
.title_text.hero-section-left a.black-btn:hover {
    color: #00df80;
    box-shadow: 0px 0px 20px #00df80;
}
.title_text.hero-section-left a.green-btn {
    border: 1px solid #00DF8017;
    border-radius: 8px;
    color: #ffffff;
    box-shadow: inset 0 0 20px #00DF8066;
    padding: 15px 40px;
    background: #001E11;
}
.credit-form {
    padding-left: 50px;
}
.form_hero p {
    font-size: 12px;
    font-family: 'Manrope-Regular';
}
span.wpcf7-spinner {
    display: none;
}
.form_hero label {
	display: flex;
}
section.schedule-sec {
    background: linear-gradient(90deg, #00DF80, #007040);
    padding: 30px 0px;
}
.title_text.schedule_title h2 {
    color: #FFFFFF;
    font-family: 'Madani Arabic Medium';
    font-size: 26px;
    margin: 0;
}
.schedule-sec a.black-btn {
    border: 1px solid #00DF80;
    padding: 14px 35px;
}
.schedule-sec a.black-btn:hover {
    background: #0000009c;
    color: #ffffff;
    box-shadow: inset 0px 0px 20px #00DF8066;
}
section.dedicated-service {
    padding: 70px 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.title_text.dedicated_title h2 {
    color: #ffffff;
}
.title_text.dedicated_title h2 span {
    color: #00DF80;
}
.title_text.dedicated_title p {
    color: #ffffff;
	margin: 0px;
}

/*Dedicated service Section Start*/
section.dedicated-service {
    padding: 70px 0px 120px;
    background-color: #000000;
}
.dedicated_inn {
    border: 2px solid #003B2299;
    border-radius: 20px;
    padding: 45px;
    background: linear-gradient(180deg, #000000, #002415);
    height:100%;
}
.dedicated_num h4 {
    box-shadow: 0px 0px 6px #000000;
    border: 1px solid #FFFFFF16;
    border-radius: 10px;
    width: fit-content;
    padding: 13px 16px;
    font-size: 36px;
    color: #00DF80;
    background: #FFFFFF16;
    font-family: 'Manrope-SemiBold';
}
.dedicated_inn h6 {
    font-size: 20px;
    color: #FFFFFF;
    font-family: 'Manrope-Bold';
    line-height: 34px;
    margin-bottom: 15px;
}
.dedicated_inn p {
    color: #ffffff;
    margin-bottom: 0px;
}
.service-main {
    margin-top: 100px;
    text-align: center;
}
.service_main_title p {
    color: #ffffff;
    width: 57%;
    margin: 0 auto;
}
.service_inn {
    background: linear-gradient(180deg, #000000, #002415);
    padding: 50px;
    border-radius: 20px;
    border-right: 5px solid #00DF80;
    border-bottom: 5px solid #00DF80;
    box-shadow: 0px 0px 10px #00df8080;
    height: 100%;
    text-align: left;
}
.row.main-key-box-row {
    gap: 70px;
    justify-content: center;
    margin-top: 70px;
}
.row.main-key-box-row .col-md-6 {
    flex: 0 0 auto;
    width: 46%;
}
.service_inn h5 {
    background: #00311C;
    color: #ffffff;
    padding: 15px 30px;
    border-radius: 36px;
    font-size: 14px;
    font-family: 'Manrope-Regular';
    margin-bottom: 10px;
}
.service_inn h4 {
    color: #ffffff;
    font-size: 30px;
    font-family: 'Madani Arabic Regular';
    margin-bottom: 15px;
    line-height: 44px;
}
.service_inn p {
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    min-height: 90px;
}
.service_inn img {
    height: 230px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    object-fit: contain;
}
/* Dedicated Service SEction End */

/*About Us Section Start*/
section.about-us {
    background-color: #000000;
    padding: 70px 0px;
}
.about-right-content h3 {
    color: #ffffff;
    font-family: 'Manrope-Bold';
    font-size: 34px;
    line-height: 46px;
}
.about-right-content h3 span, .client-result-content h3 span, .client-result-inn h4 span {
    color: #00DF80;
}
.about-right-content p {
    color: #ffffff;
    font-family: 'Manrope-Regular';
    font-size: 20px;
    padding-left: 160px;
    line-height: 40px;
    margin-bottom: 0;
    margin-top: 35px;
    position: relative;
}
.about-right-content p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    width: 110px;
    height: 2px;
    background-color: #00DF80;
}
.row.client-result {
    border: 1px solid #00311C;
    border-radius: 30px;
    box-shadow: 0px 0px 30px #00DF8040;
    background: linear-gradient(180deg, #161616, #000000, #001E11);
}
.client-result-content h3 {
    padding: 30px;
    font-size: 40px;
    color: #ffffff;
    font-family: 'Madani Arabic Medium';
}
.client-result-content {
    border-bottom: 1px solid #00311C;
}
.client-result-row-box {
    padding: 50px 40px;
}
.client-result-inn h4 {
    font-size: 44px;
    font-family: 'Madani Arabic Semi Bold';
    color: #ffffff;
    line-height: 56px;
}
.client-result-inn p {
    color: #ffffff;
    margin: 12px 0px 0;
}
.client-result-inn {
    padding: 0px 30px;
    border-right: 1px solid #00311c;
    height:100%;
}
.client-result-row-box li:last-child .client-result-inn{
    border-right:none;
}
/*About us Section End*/

/*Different Step Section Start*/
section.steps-sec {
    background: #000000;
    padding: 80px 0px;
}
.steps-title p {
    color: #ffffff;
    width: 52%;
    margin: 0 auto;
}
.steps-inn {
    background: linear-gradient(180deg, #000000, #002415);
    padding: 40px;
    border-radius: 20px;
    border-right: 5px solid #00DF80;
    border-bottom: 5px solid #00DF80;
    box-shadow: 0px 0px 20px #00df8080;
    height: 100%;
    text-align: left;
    display: flex;
}
.steps-num h4 {
    background: linear-gradient(180deg, #000000, #193727);
    border: 2px solid #00DF80;
    /* border-image: linear-gradient(180deg, #00DF80, #007040); */
    /* border-image-slice: 1; */
    padding: 15px 17px;
    border-radius: 10px;
    font-size: 44px;
    font-family: 'Manrope-SemiBold';
    color: #ffffff;
    margin: 0;
}
.steps-bg-image {
    gap: 45px;
}
.steps-bg-image .col-md-6 {
    width:48%;
}
.steps-content h6 {
    color: #00DF80;
    font-size: 26px;
    font-family: 'Manrope-SemiBold';
}
.steps-content p {
    color: #ffffff;
    line-height: 35px;
    font-family: 'Manrope-Regular';
    margin: 0;
}
.steps-num {
    margin-right: 28px;
}
/*Different Step Section End*/

/*privacy policy start*/
.page_title {
    text-align: center;
    color: #FFFFFF;
    font-family: 'Madani Arabic Semi Bold';
    font-size: 50px;
    margin: 0;
}
section.page_section {
    background: #000000 !important;
    padding: 60px 0px;
    box-shadow: 0px 1px 10px #00df80;
    border-top: 0.5px solid #00df80;
}
section.privacy-section {
    padding: 50px 0px;
    font-family: 'Manrope-SemiBold';
}
section.privacy-section a{
    color: #00df80;
}
/*privacy policy end*/

section.privacy-section ul li {list-style-type: circle;}

.row.client-result.text-center,
.dedicated_inn,
.service_inn,
.steps-inn{
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.row.client-result.text-center:hover,
.row.client-result.text-center:focus,
.dedicated_inn:hover,
.service_inn:hover,
.steps-inn:hover{
  transform: translateY(-6px) !important;
}


section.testimonial-sec {
    padding: 70px 0px;
    position: relative;
}

section.testimonial-sec::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
section.testimonial-sec::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.title_text.testimonial_desc {
	z-index: 1;
	position: relative;
	color: #ffffff;
	margin: 0;
}
.testimonial-inn {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px;
    border: 1px solid #00df8059;
    border-radius: 20px;
    height: 300px;
}
.testimonial-inn img {
    width: 150px;
    margin: 0 0 15px 0;
}

.testimonial-inn p {
	color: #ffffff;
	line-height: 32px;
	margin: 0 0 25px 0;
}

.testimonial-inn h6 {
    color: #00DF80;
    text-align: end;
    margin: 0;
    font-family: 'Manrope-Bold';
    font-size: 18px;
}
.title_text.cta-content h2 {
    color: #000000;
}

/* home css end */

@media (max-width:1400px) {
	.title_text.schedule_title h2 {
		font-size: 24px;
	}
	.header-logo img {
		width: 180px;
	}
	p, a, li {
		font-size: 15px;
	}
	ul#mega-menu-menu-1 li a {
		font-size: 15px ! IMPORTANT;
	}
	a.green-btn {
		margin-left: 8px;
	}
	a.black-btn img {
		width: 24px;
	}
	.title_text.hero-section-left h1 {
		font-size: 42px;
	}
	.title_text h5 {
		font-size: 14px;
	}
	.hero_form_head h2 {
		font-size: 24px;
	}
	.hero_form_head h3 {
		font-size: 16px;
	}
	.form_hero p {
		font-size: 12px;
	}
	.form_hero input.wpcf7-form-control.wpcf7-submit {
		height: 50px;
		font-size: 16px;
	}
	.form_hero ul li a {
		font-size: 16px;
	}
}




/* Darker glow animation using pseudo-element */
.green-btn {
  display: inline-block;
  padding: 12px 30px;
  background-color: #00a86b; /* Green color */
  color: white;
  text-decoration: none;
  font-family: sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}

.green-btn:hover {
  background-color: #008f5c; /* Darker green on hover */
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 168, 107, 0.3);
}

.green-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: left 0.5s ease;
}

.green-btn:hover::before {
  left: 100%;
}

.green-btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 168, 107, 0.3);
}