/*!
Theme Name: Seo Brand Theme
Theme URI: http://underscores.me/
Author: Seo Brand
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: seobrand
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.

Seo Brand Theme 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
:root {
  /* Colors */
  --primary-color: #1d283a;
  --secondary-color: #0097f4;
  --white-color: #fff;
  --grayish-color: #64748b;
  --black-color: #000;
  --bright-blue: #0B95E5;
  --twitter-blue: #1da1f2; 
  --light-grayish: #e2e8f0;
  --neutral-gray: #f4f4f4;
  --gray-blue: #D1D5DB;
  --dark-blue: #111728;
}
*{
	box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  color: #000;
}
a {
  text-decoration: none;
}
h1 span, h2 span, h3 span,h4 span,h5 span,h6 span {
   color: var(--secondary-color);
}

.container {
  max-width: 1280px;
  margin: auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
}
img {
  max-width: 100%;
  height: auto;
}
p:last-child {
  margin-bottom: 0px;
}
h1, h2,h3,h4,h5,h6 {
  margin-top: 0px;
  margin-bottom: 20px;
  line-height: 1em;
}
section {
  padding-left: 2rem;
  padding-right: 2rem;
}
.col-3  { 
  max-width: calc(33.333333% - 30px * 2  / 3); 
}
.col-4  { 
  max-width: calc(25% - 30px * 3  / 4); 
}
.col-6  { 
  max-width: calc(50% - 30px * 1  / 2); 
}
.col-8  { 
  max-width: calc(12.5% - 30px * 7  / 8); 
}
.col {
	width: 100%;
}

/* Header Css */
div#page {
  background: var(--primary-color);
}
header.header {
  padding: 24px 32px;
  transition: all 0.3s ease;
  position: sticky;
  top: 0;
  z-index: 9999;
  backdrop-filter: blur(4px);
  background-color: hsl(217 33% 17% / .95);
  border-bottom: 1px solid hsl(0, 0%, 90%);
}
.header_outer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  max-width: 1920px;
  margin: auto;
}
.header_logo img {
  display: block;
  max-width: 180px;
  width: 100%;
}
.header_nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header_nav ul li {
  display: inline-block;
  position: relative;
}
.header_nav ul li + li {
  margin-left: 32px;
}
.header_nav ul li a {
  font-weight: 900;
  color: var(--white-color);
  text-decoration: none;
  font-size: 1.125rem;
  line-height: 1.75rem;
  display: flex;
  align-items: center;
  gap: .25rem;
}
.header_nav ul li:last-child a {
  background: var(--primary-color);
  border: 1px solid var(--light-grayish);
  line-height: 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  font-size: 1.125rem;
  font-weight: 900;
  animation: slow-highlight 3s ease-in-out infinite;
}
.header_nav ul li:hover svg.sun_menu_icon {
  transform: scaleY(-1);
}
.header_nav ul li svg.sun_menu_icon {
  transition: all 0.3s ease-in-out;
  min-width: 24px;
}
.header_nav ul li a:hover {
  color: var(--bright-blue);
}
.header_nav ul li:hover a {
  color: var(--bright-blue);
}
.header_nav ul li a {
  transition: color 0.3s ease !important;
}
.header_nav ul li:last-child a:hover {
  background: var(--bright-blue);
  color: var(--white-color);
}   
.animate-slow-highlight {
  animation: slow-highlight 3s ease-in-out infinite;
}


.header_nav ul li .header_sub_menu {
  opacity: 0;
  visibility: hidden;
}
.header_nav ul li:hover .header_sub_menu {
  opacity: 1;
  visibility: visible;
}
.header_nav ul li .header_sub_menu {
  padding: 2rem;
  background: var(--primary-color);
  width: 1000px;
  border-radius: .75rem;
  position: absolute;
  top: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  z-index: 9;
  gap: 2rem;
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
  left: 50%;
  top: 100%;
  right: 0;
  transform: translateX(-50%);
}
.header_sub_menu .header_title .heade_title_icon {
  height: 2rem;
  width: 2rem;
  min-width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #3b82f6;
  border-radius: 100px;
}
.header_sub_menu .header_title .heade_title_icon svg {
  stroke: var(--white-color);
  width: 16px;
}
.header_sub_menu .header_title {
  gap: .75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
.header_sub_menu .header_title h3 {
  margin-top: 0;
  color: var(--white-color);
  font-weight: 700;
  width: 100%;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.header_sub_menu .header_title .menu_icon {
  stroke: var(--white-color);
  display: none;
  transition: color 0.3s ease !important;
  min-width: 24px;
}
.header_sub_menu ul.sub-menu li {
  display: block;
  margin-left: 0;
  padding-left: 15px;
}
.header_sub_menu ul.sub-menu li a {
  color: var(--gray-blue);
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.25rem;
  padding: 0;
}
.header_sub_menu ul.sub-menu li:last-child a {
  background: transparent;
  border: none;
  animation: none;
  border: none;
  padding-left: 0;
  padding-right: 0;
}
.header_sub_menu ul.sub-menu li:last-child a:hover {
  background: transparent;
}
.header_sub_menu ul.sub-menu li:before {
  content: '';
  display: block;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: var(--gray-blue);
}
.header_sub_menu ul.sub-menu li + li {
  margin-top: .75rem;
}
.header_sub_menu ul.sub-menu li a:hover {
  color: var(--bright-blue);
}
.header_sub_menu::-webkit-scrollbar {
  width: 8px;
}
.header_sub_menu::-webkit-scrollbar-track {
  background: transparent;  
  margin: 8px 0;
}
.header_sub_menu::-webkit-scrollbar-thumb {
  background: var(--bright-blue);
  border-radius: .75rem;
}
.header_sub_menu::-webkit-scrollbar-thumb:hover {
  background: var(--bright-blue);
}
.toggle_btn {
  width: 40px;
  height: 30px;
  position: relative;
  cursor: pointer;
  display: none;
  justify-content: center;
  align-items: center;
}
.toggle_btn span {
  position: absolute;
  width: 100%;
  height: 3px;
  background: var(--bright-blue);
  right: 0;
  transition: all 0.3s ease-in-out;
}
.header_nav ul li.active .sun_menu_icon {
  transform: scaleY(-1) !important;
}
.toggle_btn span:nth-child(1) {
  top: 0;
  width: 21px;
}
.toggle_btn span:nth-child(2) {
  top: 12px;
  width: 30px;
}
.toggle_btn span:nth-child(3) {
  top: 24px;
  width: 15px;
}
.toggle_btn.active span:nth-child(1) {
  transform: rotate(45deg);
  top: 12px;
  width: 24px;
  left: 8px;
}
.toggle_btn.active span:nth-child(2) {
  opacity: 0;
}
.toggle_btn.active span:nth-child(3) {
  transform: rotate(-45deg);
  top: 12px;
  width: 24px;
  left: 8px;
}
.header_nav ul li .header_sub_menu ul.sub-menu a:hover {
  color: var(--white-color);
}
/* Footer Css */
.footer {
  background: var(--primary-color);
  color: var(--white-color);
  padding: 48px 32px;
}
.footer .footer_outer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2rem;
}
.footer .footer-bottom .container {
  padding-top: 1.5rem;
  border-top: 1px solid var(--white-color);
}
.footer-col {
  flex: 1 1 180px;
}
.footer-col ul li a i {
  font-size: 20px;
}
.footer-col h4 {
  font-weight: 700;
  color: var(--white-color);
  margin-top: 0;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: 2rem;
}
.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0px;
}
.footer-col ul li + li {
  margin-top: 1.25rem;
}
.footer-col ul li a {
  color: var(--bright-blue);
  text-decoration: none;
  transition: 0.3s;
  font-size: 1.125rem;
  line-height: 1.75rem;
  gap: 1rem;
  display: flex;
  align-items: center;
}
.footer-col ul li a:hover {
  color: #0b95e5cc;
  opacity: 90%;
}
.footer-col.newsletter form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer-col.newsletter input {
  padding: 10px;
  border-radius: 6px;
  border: none;
  outline: none;
}
.footer-col.newsletter button {
  padding: 10px;
  border: none;
  border-radius: 6px;
  background: var(--twitter-blue);
  color: var(--white-color);
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}
.footer-col.newsletter button:hover {
  background: #0077cc;
}

.footer-bottom {
  text-align: center;
}
.footer-bottom a {
  color: var(--bright-blue);
  text-decoration: none;
}
.footer-bottom a:hover {
  color: #0b95e5cc;
  opacity: 90%;
}
.footer-bottom p {
  color: var(--grayish-color);
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
}
.footer-col.newsletter p {
  line-height: 1.625;
  font-size: 1rem;
  color: var(--grayish-color);
  margin: 0;
}
.footer-col.newsletter form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 24px;
}
.footer-col.newsletter button {
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.75rem 2rem;
  border-radius: .75rem;
  width: 100%;
  border: none;
  background: var(--bright-blue);
  color: var(--white-color);
  font-family: system-ui;
}
.footer-col.newsletter input {
  border-radius: .75rem;
  outline: none;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.75rem 1.25rem;
  border: 1px solid var(--white-color);
  color: var(--grayish-color);
}
.footer-col.newsletter input::placeholder {
  color: var(--grayish-color);
}
.call_to_action_section {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.call_to_action_section .cta_svg {
  min-height: 600px;
}
.bg_color {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, #1e293b, #374151, var(--secondary-color));
}
.cta_svg svg.svg_vevtor_top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8rem;
}
.cta_svg svg.svg_vevtor_bottom {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.call_to_action_inner {
  padding-top: 6rem;
  justify-content: center;
  align-items: center;
  display: flex;
  min-height: 600px;
  z-index: 10;
  position: relative;
}
.call_to_action_outer {
  max-width: 56rem;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.call_to_action_outer h2 {
  font-size: 4.5rem;
  line-height: 1.1em;
  letter-spacing: -.025em;
  font-weight: 900;
  margin-bottom: 1.5rem;
  margin-top: 0;
  color: var(--white-color);
}
.call_to_action_outer p {
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #ffffffe6;
  font-weight: 600;
  max-width: 42rem;
  margin: 0px auto 2.5rem;
}
.call_to_action_section a.theme_btn {
  color: var(--primary-color);
  border-color: var(--white-color);
  background: var(--white-color);
  font-weight: 500;
}
.animate-\[wave2_10s_ease-in-out_infinite_reverse\] {
  animation: 10s ease-in-out 0s infinite reverse none running wave2;
}
@keyframes wave2 {
  0%, 100% {
      transform: translateY(0px) translate(0px);
  }
  50% {
      transform: translateY(6px) translate(-4px);
  }
}
.theme_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  border-radius: 10px;
  animation: pulseEffect 3s ease-in-out infinite;
  border: 1px solid var(--light-grayish);
  background-color: var(--primary-color);
  padding: 0.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 900;
  transition: all .15s;
  color: var(--white-color);
  text-align: center;
}
.theme_btn:hover {
  background-color: var(--secondary-color);
}
@keyframes pulseEffect {
  0%, 100% {
    box-shadow: 0 0 20px #3b82f64d;
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 30px #3b82f699;
    transform: scale(1.02);
  }
}
.cta_btn_footer {
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.75rem 2rem;
  background-color: #fff;
  border: 1px solid #fff;
  color: #1e293b;
  border-radius: 0.5rem;
  position: relative;
  overflow: hidden;
  display: inline-block;
  animation: slow-highlight 3s ease-in-out infinite running;
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.cta_btn_footer:hover {
  background-color: #f9fafb;
  transform: scale(1.05);
  animation: none;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25), 0 0 20px rgba(255,255,255,0.25);
}
.animate-slow-highlight {
  animation: 3s ease-in-out 0s infinite normal none running slow-highlight;
  animation-duration: .3s !important;
}
@keyframes slow-highlight {
  0%, 100% {
    box-shadow: 0 0 15px rgba(59, 130, 246, 0.3);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 25px rgba(59, 130, 246, 0.6);
    transform: scale(1.02);
  }
}
.divider span {
    height: 1px;
    background: linear-gradient(to right, transparent, #e5e7eb, transparent);
    display: block;
    width: 100%;
}
.divider {
    max-width: 56rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 4rem;
}
.values_text {
    max-width: 1152px;
    margin: 32px auto 0;
    background: linear-gradient(to bottom right, #1e293b, #334155, var(--secondary-color));
    border-radius: 0.75rem;
    padding: 3rem;
    color: var(--white-color);
}
.values_text>h2 {
    font-size: 3rem;
    line-height: 1.1em;
    margin: 0 0 1rem;
    text-align: center;
}
.heading_separator {
    display: flex;
    background: var(--secondary-color);
    width: 8rem;
    height: .25rem;
    margin: 0 auto 3rem;
}
.values_text_outer {
    display: flex;
    flex-wrap: wrap;
    row-gap: 3rem;
}
.values_text_box {
    width: 100%;
    max-width: 50%;
    padding: 0 1.5rem;
}
.values_text_box h3 {
    margin: 0;
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: uppercase;
}
.values_text_box p {
    font-size: 1.125rem;
    line-height: 1.625;
    opacity: .9;
    margin: 1.5rem 0 0;
}
/* Forms css  */
.contact_form_outer input[type="text"] {
    padding: 1rem 1.5rem!important;
    border: 2px solid var(--white-color)!important;
    background: transparent!important;
    font-size: 1rem!important;
    font-weight: 600!important;
    border-radius: .75rem!important;
    line-height: 1.5em!important;
    backdrop-filter: blur(4px)!important;
    height: auto!important;
}
.contact_form_outer textarea.textarea {
    padding: 1rem 1.5rem!important;
    border: 2px solid var(--white-color)!important;
    background: transparent!important;
    font-size: 1rem!important;
    font-weight: 600!important;
    border-radius: .75rem!important;
    line-height: 1.5em!important;
    backdrop-filter: blur(4px)!important;
}
.contact_form_outer textarea.textarea:focus, .contact_form_outer input:focus {
    outline: none!important;
}
.contact_form_outer .ginput_container_website input, .contact_form_outer .ginput_container_email input, .contact_form_outer .ginput_container_phone input {
    padding: 1rem 1.5rem!important;
    border: 2px solid var(--white-color)!important;
    background: transparent!important;
    font-size: 1rem!important;
    font-weight: 600!important;
    border-radius: .75rem!important;
    line-height: 1.5em!important;
    min-width: 246px!important;
    backdrop-filter: blur(4px)!important;
    height: auto!important;
}
.contact_form_outer .gfield_label {
    font-size: 1rem!important;
    font-weight: 600!important;
    line-height: 1.5em!important;
}
.contact_form_outer .gform-field-label {
    font-size: 1rem!important;
    font-weight: 600!important;
    line-height: 1.5em!important;
}
.contact_form_outer .gform-theme--foundation .gform_fields {
    row-gap: 16px;
}
.contact_form_outer input.gfield-choice-input {
    position: relative;
    top: 3px;
    border: 2px solid var(--white-color)!important;
    background: transparent!important;
    border-radius: 5px!important;
    cursor: pointer;
}
.contact_form_outer .gchoice .gform-field-label {
    cursor: pointer;
    width: fit-content;
}
.contact_form_outer .gform_heading h2.gform_title {
    font-size: 24px;
}
.contact_form_outer .gform_footer input.gform_button {
    padding: 1rem 2rem!important;
    background: var(--secondary-color)!important;
    cursor: pointer!important;
    border-radius: .75rem!important;
    border: 2px solid var(--secondary-color)!important;
    transition: all .3s ease!important;
    font-size: 1.125rem!important;
    line-height: 1.75rem!important;
    white-space: nowrap!important;
    font-weight: 700!important;
}
.contact_form_outer .gform_footer input.gform_button:hover {
    background-color: #0087d4!important;
}
.contact_form_outer p.gform_description {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 1.625;
}


/* blog detail page css  */
.blog_detail_post {
    padding: 4rem 2rem;
}
.blog_detail_post h1 {
    color: var(--white-color);
    margin-bottom: 0px;
    font-size: 3rem;
    line-height: 1.1em;
    margin-bottom: 20px;
}
.about-author h2 {
    font-size: 1.125rem;
    max-width: 100%;
    line-height: 1.625em;
    margin-top: 1.5rem;
    color: #fff;
}
.about-author h2 a {
    color: var(--secondary-color);
}
.about-author-container {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    border-bottom: 1px solid #ffffff85;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.about-author-container .description p , .blog_text p , .blog_text ul li {
    font-size: 16px;
    max-width: 100%;
    line-height: 1.625em;
    color: #fff;
    margin-top: 0px;
}
.blog_text h2 {
    color: var(--white-color);
    margin-bottom: 15px;
    font-size: 32px;
    line-height: 1.1em;
    margin-top: 30px;
}
.blog_text h3 {
    color: var(--white-color);
    margin-bottom: 15px !important;
    font-size: 28px !important;
    line-height: 1.1em !important;
    margin-top: 30px !important;
}
 .blog_text h4 {
    color: var(--white-color);
    margin-bottom: 15px !important;
    font-size: 24px !important;
    line-height: 1.1em !important;
    margin-top: 30px !important;
 }
 .blog_text h5 , .blog_text h6 {
    color: var(--white-color);
    margin-bottom: 15px !important;
    font-size: 20px !important;
    line-height: 1.1em !important;
    margin-top: 30px !important;
 }
.blog_text ul li {
    margin-bottom: 6px;
}
.blog_text ul {
    padding-left: 20px;
}
.meta-info {
    border-bottom: 1px solid #ffffff85;
    border-top: 1px solid #ffffff85;
    margin-top: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.meta-info .meta-info-wrapper a {
    color: #fff;
    font-weight: 500;
}
.meta-info .meta-info-wrapper a:hover {
    color: var(--secondary-color);
}
.single-post section.call_to_action_section {
    display: none;
}
.related_posts {
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid #ffffff85;
}
.related_posts h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    max-width: 56rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    text-align: center;
    color: #fff;
}
.related_posts .recent_card_slider .item {
    padding-left: 15px;
    padding-right: 15px;
}
.related_posts .recent_card_slider .item .image_wrapper img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.related_posts .recent_card_slider .item .image_wrapper {
    height: 100%;
    width: 100%;
    aspect-ratio: 3 / 2;
}
.related_posts .recent_card_slider .item h4 {
    font-size: 20px;
    line-height: 1.5rem;
    margin-top: 15px;
    margin-bottom: 5px;
}
.related_posts .recent_card_slider .item h4 a {
    color: #fff;
}
.related_posts .recent_card_slider .item h4 a:hover {
  color: var(--secondary-color);
}
.related_posts .recent_card_slider .item span.date {
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 1.625;
    font-weight: 500;
}
.related_posts .recent_card_slider button.slick-prev.slick-arrow {
    display: flex;
    background: rgb(59 130 246);
    font-size: 0;
    line-height: 0;
    font-weight: 500;
    color: var(--white-color);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    border: 2px solid rgb(59 130 246);
    width: 3rem;
    height: 3rem;
    top: 38%;
    justify-content: center;
    border-radius: 100px;
    z-index: 9;
}
.related_posts .recent_card_slider button.slick-arrow {
    display: flex;
    background: rgb(59 130 246);
    font-size: 0;
    line-height: 0;
    font-weight: 500;
    color: var(--white-color);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    border: 2px solid rgb(59 130 246);
    width: 3rem;
    height: 3rem;
    top: 38%;
    justify-content: center;
    border-radius: 100px;
    z-index: 9;
}
.related_posts .recent_card_slider button.slick-arrow.slick-prev::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    left: 0;
    min-width: 16px;
    right: 0;
    margin: auto;
    top: 30%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/09/prev.webp);
}

.related_posts .recent_card_slider button.slick-arrow.slick-next::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    left: 0;
    min-width: 16px;
    right: 0;
    margin: auto;
    top: 30%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/09/next.webp);
}

.related_posts .recent_card_slider button.slick-arrow.slick-prev {
    left: 0rem;
}
.related_posts .recent_card_slider button.slick-arrow.slick-next {
    right: 0rem;
}
.about-author-container img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    order: 1;
}
.blog_detail_post .about-author-container .description {
    order: 2;
}
.about-author-container .description p a, .blog_text p a, .blog_text ul li a , .blog_text p a , .blog_text ol li a {
    color: var(--secondary-color) !important;
}
.blog_text ol li {
    color: #fff;
    margin-bottom: 8px;
    line-height: 1.625em;
 
}
.blog_text ol {
    padding-left: 25px;
}
.meta-info .meta-info-wrapper {
    color: #fff;
}
.blog_text figure {
    width: 100% !important;
    max-width: fit-content;
    margin-left: 0px;
    margin-right: 0px;
}
.blog_text blockquote {
    border-left: 4px solid var(--secondary-color);
    padding: 15px;
    margin-top: 2em;
    margin-bottom: 2em;
    font-style: italic;
    background: #f5f5f5;
    margin-left: 0px;
}
.blog_text blockquote p {
    color: #000;
}
.blog_text p {
    padding-left: 0px !important;
}
.blog_text p img {
    margin-bottom: 15px;
}
.blog_text h3 a ,.blog_text h2 a {
    color: #fff;
    text-decoration: underline;
}
.blog_text img.aligncenter {
    margin: auto;
    display: block;
}
.blog_text p img.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}
.blog_text p img.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}
.alternate_colmn_sec a.theme_btn {
    margin-top: 25px;
}
.single-client_success_story .call_to_action_section {
    display: none;
}
.common_values_sec .values_text .values_text_disc {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.125rem;
    line-height: 1.625;
}
.row .col ul li, .row .col ol li {
    text-align: left;
}




/* Media Query Css */
@media screen and (max-width: 1250px) {
  .header_nav ul li a {
    font-size: 14px;
  }
  .header_nav ul li:last-child a {
    padding: 0.7rem 1rem;
  }
  .header_nav ul li + li {
    margin-left: 20px;
  }
  .header_logo img {
    max-width: 150px;
  }
  .header_nav ul li .header_sub_menu {
    left: 33%;
    transform: translateX(-33%);
  }			
}
@media screen and (max-width: 1400px) {
  .header_nav ul li .header_sub_menu {
    left: 33%;
    transform: translateX(-33%);
  }						
}
@media screen and (max-width: 1550px) {
  .call_to_action_outer h2 {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .header_nav ul li .header_sub_menu {
    display: grid !important;
  }
.related_posts {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.blog_detail_post h1 {
      font-size: 38px;
}
.blog_detail_post {
    padding: 3rem 2rem;
}
}
@media screen and (max-width: 1023px) {
  .toggle_btn {
    display: flex;
  }
  .header_sub_menu .header_title {
    gap: 20px;
  }
  .heade_title_icon {
    display: none !important;
  }
  .header_nav ul li:hover svg.sun_menu_icon {
    transform: none;
  }
  .header_nav nav.open {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 71px;
    padding: 24px;
    background: var(--primary-color);
    border-bottom: 1px solid var(--light-grayish);
  }
  .header_nav ul li {
    display: block;
  }
  .header_nav ul li + li {
    margin-left: 0px;
    margin-top: 15px;
  }
  .header_nav ul li:last-child a {
    background: transparent;
    border: none;
    animation: none;
    border: none;
    padding-left: 0;
    padding: 0px !important;
  }
  .header_nav nav {
    position: absolute;
    top: 71px; 
    left: 0;
    right: 0;
    background: var(--neutral-gray);
    transform: translateY(-100%);
    opacity: 0;
    transition: all 0.4s ease;
    pointer-events: none;
  }
  .header_nav nav.open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
  .header_nav ul li .header_sub_menu {
    position: relative;
    height: auto;
    overflow: hidden;
  }
  .header_sub_menu .header_title .menu_icon {
    display: block;
  }
  .header_menu_iteam.active .menu_icon {
    transform: scaleY(-1);
  }
  .header_nav ul li .header_sub_menu {
    position: relative;
    height: auto;
    overflow: hidden;
    width: 100%;
    border: none;
    border-radius: 0;
    opacity: 1;
    visibility: visible;
    padding: 0px;

  }
  .header_menu_iteam {
    margin-top: 15px;
  }
  .header_sub_menu .header_title h3 {
    border: none;
    padding: 0;
  }
  .header_nav ul ul.sub-menu {
    display: none;
    margin-left: 10px;
    margin-top: 5px;
  }
  .header_nav ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }
  .header_sub_menu {
    display: none;
  }
  .header_menu_iteam.active i.fa-solid:before {
    content: '\f077';
  }
  .header_nav ul li a i {
    font-size: 16px;
  }
  .header_nav ul li.active i.sun_menu_icon:before { 
    content: '\f077';
  }
  header.header {
    padding: 20px 24px;
  }
  .header_nav ul li .header_sub_menu {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0rem;
    left: 0;
    right: 0;
    transform: translateX(0%);
    box-shadow: none;
  }
  .header_sub_menu .header_title h3 {
    font-size: 14px;
    line-height: 1.75rem;
  }
  .header_sub_menu .header_title {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1340px) {
  .call_to_action_outer h2 {
    font-size: 4rem;
  }
  .call_to_action_section .cta_svg {
    min-height: 500px;
  }
  .call_to_action_inner {
    min-height: 500px;
  }
}
@media screen and (max-width: 1199px) {
  .call_to_action_outer h2 {
    font-size: 3.5rem;
  }
  .call_to_action_section .cta_svg {
    min-height: 500px;
  }
  .call_to_action_inner {
    min-height: 500px;
  }
  .call_to_action_section {
    margin-top: -1px;
  }
  .cta_svg svg.svg_vevtor_top {
    height: 5rem;
  }
  .call_to_action_inner {
    padding-top: 5rem;
  }
}

@media screen and (max-width: 991px) {
  .call_to_action_section {
    margin-top: -1px;
  }
  .call_to_action_outer h2 {
    font-size: 3rem;
  }
  .related_posts .recent_card_slider .item .image_wrapper {
    height: 240px;
}
}

@media screen and (max-width: 767px) {
  .call_to_action_outer h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
    line-height: 1.2em;
  }
  .call_to_action_outer p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0px auto 1.5rem;
  }
  .call_to_action_inner {
    min-height: 500px;
    padding-top: 5rem;
  }
  .call_to_action_section .cta_svg {
    min-height: 500px;
  }
  .cta_svg svg.svg_vevtor_top {
    height: 5rem;
  }
    .divider {
        padding-bottom: 2rem;
    }
  .related_posts .recent_card_slider .item .image_wrapper {
    height: auto;
}
.related_posts .recent_card_slider button.slick-arrow.slick-prev {
    left: -1rem;
}
.related_posts .recent_card_slider button.slick-arrow.slick-next {
    right: -1rem;
}
.related_posts {
    padding-top: 0rem;
    padding-bottom: 3rem;
}
.related_posts h2 {
    font-size: 32px;
    margin-bottom: 25px;
}
.blog_detail_post {
    padding: 3rem 2rem;
}
.blog_detail_post h1 {
    font-size: 32px;
}
.blog_text h2 {
    font-size: 28px;
}
.blog_text h3 {
    font-size: 24px;
}
.blog_text h4 {
    font-size: 20px;
}
.blog_text h5 , .blog_text h6 {
    margin-bottom: 15px;
}
.meta-info {
    margin-top: 30px;
}
.related_posts .heading_separator {
    margin: 0 auto 1rem;
}
.about-author h2 {
    font-size: 16px;
    font-weight: 500;
}

}