/* ===========================

   CBSi Consolidated Styles

   All styles from 7 HTML files

   =========================== */


/* Additional css */

.page-id-1324 .card-img-top
{
height:225px;
}


#product .img-fluid {
    padding-top: 90px;
}

.nav-no-display
{
display:none;
}


.p1 {
  display: flex;
  flex-direction: row; /* Stack the items vertically */
  align-items: flex-start; /* Align the items to the start (left) */
  gap: 10px; /* Add some spacing between the icon and text */
}

.p1 img {
  width: 40px; /* Adjust the icon size as needed */
  height: auto;
}

.p1 span {
  max-width: 80%; /* Control text width if necessary */
}



.page-id-1014 .automation-section
{
display:none;
}  

.text-md-end {
        display
: none;
    }

.arrow-btn
{background
: rgb(255 255 255 / 4%) !important;
}

.contact-section
{
padding-top:40px;
}

.service-title
{
margin-top:100px;
}

.stats-section
{
margin-top:50px;
}

.text-muted
{
display:none;
}

time[datetime] {
    display: none;
}

.blog-section {
	padding-top:70px;
}

.call-br
{
display:none;
}

@media (max-width: 600px) {
	
	.service-title
{
margin-top:80px;
}
    .arrow-btn {
        top:unset !important;
        margin-right: 20px;
background
: rgb(255 255 255 / 4%) !important;
    border: 3px solid rgba(255, 255, 255, .65) !important;
    }
}
@media (max-width: 767px) {
	
	
.page-id-1573 .eb-row-inner > .wp-block-essential-blocks-column
 {
    flex:unset !important ;
}
    .eb-row-csade.eb-row-root-container {
        background-position: calc(100% - -586px) center !important; /* shifts image 10px left */
    }
}
.wp-block-latest-posts__featured-image img
 {
 height:281px !important;
}

@media (max-width: 767px) {
	
	.service-title
{
margin-top:80px;
}


.page-id-1014 .eb-row-6iz7f.eb-row-root-container > .eb-row-wrapper > .eb-row-inner {
        flex-flow
:column;
        flex-wrap: wrap !important;
    }
    .page-id-224 .eb-row-8np9y.eb-row-root-container > .eb-row-wrapper > .eb-row-inner {
        flex-flow: column;
        flex-wrap: wrap !important;
    }

    .page-id-224 .eb-row-6iz7f.eb-row-root-container > .eb-row-wrapper > .eb-row-inner {
        flex-flow
:column;
        flex-wrap: wrap !important;
    }

.essential
	{
	padding-bottom:0px !important
}

.premium
{
	padding-bottom:0px !important
}

.page-id-52 .btn-primary
	{
margin-bottom:30px;
}

.page-id-52 .hero-content
	{
margin-top:20px;
}

.page-id-52 h3 {
        font-size: 1.37rem !important;
padding-right: 80px;
        line-height
: 27px;
margin-top:-10px;
    }
.page-id-52 .image-card
	{
display:none;
}

.page-id-52 .divider {
padding-top: 30px;
margin-bottom: -20px;
border-bottom: 2px solid #F1F1F1;
}

.page-id-52 .title
	{
font-size:32px;
}
.page-id-52 .subtitle
	{
font-size:35px;
}

.page-id-52 .kicker
	{
font-size:23px !important;
}

    .eb-parent-eb-column-p2pw5 {
        margin-left
: -70px;
    }

.call-br
{
display:block !important;
}

}

@media (max-width: 575.98px) {
    .page-id-52 .feature-item
	{
margin-left:20px !important;
}
}


.aagb__accordion_title .title-main {
 
font-size:25px;
}

.aagb__accordion_title .title-sub {
  color: #f59000;  /* Set the color for the subtitle */
font-size:19px;
}


.list-head {
  display: flex;
  align-items: center; /* vertically align text with image */
  gap: 10px; /* spacing between icon and text */
}


.correct-icon {
  width: 40px;  /* optional: set image size */
  height: auto;
}

@media (min-width: 1200px) {
    .arrow-up_menu {
        left: 5px !important;
    }
}

.page-id-831 .my-4
{
display:none;
}

.page-id-831 .eb-row-inner {
    display: flex;
    flex-wrap: wrap;
  }
 
.page-id-831 .eb-row-inner > .wp-block-essential-blocks-column {
    /*flex: 1;*/
    display: flex;
  }
 
.page-id-831 .eb-column-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
padding:20px;
  }

.page-id-831 .erp-background
{
display:none;
}

.entire
{
padding-bottom:10px;
}

.divider {

    padding-top: 50px;
}

.stat-number
{
font-size:95px !important;
margin-bottom:-10px;
}

.stat-label
{
font-size:20px !important;
}

.btn-submit
{margin-bottom:40px;
}

.contact-title
{
padding-top:45px !important;
}

.solutions-section
{
padding-bottom:10px !important;
}

.stats-title
{
margin-bottom:0px !important;
margin-top:30px;

}

.section-title 
{
margin-top:30px;
}

.btn-consult
{padding-top:7px !important;
padding-bottom:7px !important;
}

 

/*boxes equal height*/
.page-id-224 .eb-row-inner {
    display: flex;
    flex-wrap: wrap;
  }
 
.page-id-224 .eb-row-inner > .wp-block-essential-blocks-column {
    flex: 1;
    display: flex;
  }
 
.page-id-224 .eb-column-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }


.page-id-1573 .eb-row-inner {
    display: flex;
    flex-wrap: wrap;
  }
 
.page-id-1573 .eb-row-inner > .wp-block-essential-blocks-column {
    flex: 1;
    display: flex;
  }
 
.page-id-1573 .eb-column-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

.page-id-1014 .eb-row-inner {
    display: flex;
    flex-wrap: wrap;
  }
 
.page-id-1014 .eb-row-inner > .wp-block-essential-blocks-column {
    flex: 1;
    display: flex;
  }
 
.page-id-1014 .eb-column-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }



.oilfield-certified-para
{
font-size:21px;
}
p
{
font-size:18px;
}
.operaton-heading
{
font-size:25px;
}

.cfo-para
{
font-size:20px;
}



#serviceAccordion .accordion-button {
    color: #000;
}

.contact-title
{
padding-top:30px;
}

.kicker
{
font-size:25px;
}
.title
{line-height:20px;
}

.fc
{
display:none;
}

#site-navigation .img-fluid
{
height:50px !important;
}

.footer-logo
{
width:110px !important;
}



.cbsi-text-font
{
font-size:16px;
}

.ofssection
{
display:none;
}

.list-head{
    font-size: 20px;
    font-weight: bold;
    margin-bottom:-0px;
}

.list-para
{
 font-size: 20px;
}
.p1
{
padding-left:50px;
}

.experience-para{
font-size:31px;
}

.success-img
{
margin-top:-30px;
}

.call-today-text
{
font-size:30px;
padding-top:20px;
}

.team-member
{
    background-image
: linear-gradient(196deg, rgb(226, 224, 250) 0%, rgb(244, 222, 236) 100%);
    box-shadow: rgb(239, 239, 239) 0px 0px 7px 0px;
    padding: 20px;
    border-radius: 10px;
    transition: 0.5s, background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s;
padding:20px;

}

.aagb_accordion_74c2b742_2 .aagb__accordion_container.wp-block-aab-accordion-item .aagb__accordion_head
 {
background-color: #bcb6b600 !important;
}
.aagb_accordion_e1fa6d61_0 .aagb__accordion_container.wp-block-aab-accordion-item .aagb__accordion_head
 {
    background-color:  #bcb6b600 !important;
}
.dashicons-arrow-up-alt2:before {
    color: #1d64f1 !important;
}

.oilfield-list-1
{
padding-left:190px;
}



.essential
{
padding-bottom:97px;
}
.premium
{
padding-bottom:160px;
}


/*.ofserp
{
font-size:79.42px;
}
.ofserp-text
{
font-size:20px;
}*/

.ofserp
{
font-size:50px;
}
.ofserp-text
{
font-size:18px;
}

.user-box1
{
padding-bottom:23px;
}

.user-icon-img
{
	padding-bottom:20px;
}

.wp-block-button__link
{
padding-top: 11px;
padding-bottom: 11px;
padding-right: 15px;
}

.callus
{
padding-bottom:90px;	
}

.page-id-550 .contact-section 
{
margin-top:-45px;
}

/* Target your specific row */
.wp-block-essential-blocks-row.alignfull.call-today-background.root-eb-row-csade {
    width: 100vw !important;       /* full viewport width */
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative;            /* prevent side overflow issues */
    left: 50%;
    right: 50%;
    transform: translateX(-50%);   /* ensures it aligns perfectly */
}

/* Stretch inner wrapper too */
.wp-block-essential-blocks-row.alignfull.call-today-background.root-eb-row-csade .eb-row-wrapper,
.wp-block-essential-blocks-row.alignfull.call-today-background.root-eb-row-csade .eb-row-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

@media only screen and (max-width: 767px)
{
.eb-row-8avjf.eb-row-root-container
	{
		background-color:#cbdefa !important;
border-bottom-left-radius:12px !important;
}
.eb-parent-eb-column-g9rob
	{
margin-left:0px !important;
margin-right:0px !important;
border-bottom-right-radius:12px !important;
border-bottom-left-radius:12px !important;
box-shadow:none !important;

}

}

@media only screen and (min-width: 320px) and (max-width: 480px) {
.eb-row-8avjf.eb-row-root-container
	{
		background-color:#cbdefa !important;
border-bottom-left-radius:12px !important;
}
.eb-parent-eb-column-g9rob
	{
margin-left:0px !important;
margin-right:0px !important;
border-bottom-right-radius:12px !important;
border-bottom-left-radius:12px !important;
box-shadow:none !important;

}
}

/* 🎯 Medium phones (481px – 767px, most modern smartphones) */
@media only screen and (min-width: 481px) and (max-width: 767px) {
  
.eb-row-8avjf.eb-row-root-container
	{
		background-color:#cbdefa !important;
border-bottom-left-radius:12px !important;
}
.eb-parent-eb-column-g9rob
	{
margin-left:0px !important;
margin-right:0px !important;
border-bottom-right-radius:12px !important;
border-bottom-left-radius:12px !important;
box-shadow:none !important;

}
}

/* 🎯 Large phones / small tablets portrait (like iPhone Plus/Max, small tablets) */
@media only screen and (min-width: 600px) and (max-width: 767px) {
.eb-row-8avjf.eb-row-root-container
	{
		background-color:#cbdefa !important;
border-bottom-left-radius:12px !important;
}
.eb-parent-eb-column-g9rob
	{
margin-left:0px !important;
margin-right:0px !important;
border-bottom-right-radius:12px !important;
border-bottom-left-radius:12px !important;
box-shadow:none !important;

}
}

@media only screen 
  and (device-width: 820px) 
  and (device-height: 1180px) {

}
 
@media only screen 
  and (device-width: 768px) 
  and (device-height: 1024px)  {

}
 
@media only screen 
  and (device-width: 1024px) 
	and (device-height: 1366px) {.eb-parent-eb-column-g9rob {
        display: block;
        padding-bottom: 68px !important;
        padding-top: 69px !important;
        margin-top: 5px !important;
    }
}
 
@media only screen 
  and (device-width: 912px) 
  and (device-height: 1368px)  {

}
 
@media only screen 
  and (device-width: 853px) 
  and (device-height: 1280px)  {

}
 
@media only screen 
  and (device-width: 1024px) 
  and (device-height: 600px)  {
.eb-parent-eb-column-g9rob {
        padding-bottom: 71px !important;
        padding-top: 66px !important;
        margin-top: 5px;
    }
}
 
@media only screen 
  and (device-width: 1280px) 
  and (device-height: 800px)  {
.eb-parent-eb-column-g9rob {
  
    padding-top: 66px;
    padding-bottom: 69px;

}

}
 

@media (max-width: 1024px) {
	
	.stat-number
	{
font-size:48px !important;
margin-bottom:5px !important;
}

.stat-label
	{
font-size:16px !important;
}
	
	.hero-title
 {
    font-size: 36px;
}
	
	.p1
{
padding-left:0px;
}
	
	.oilfield-services-heading
{
font-size:23px;
}

	
	.root-eb-column-p8qrj
 {
width:100% !important;
	}
    .eb-parent-eb-column-g9rob
 {
        display: block;
        padding-bottom: 59px; 
        padding-top: 62px; 
        margin-top: 5px; 
    }

.root-eb-column-w3xb3 
	{
 width: 100%;
  }

.root-eb-column-p2pw5 
	{
width:100%;
  }
	.eb-row-csade.eb-row-root-container {
    background-position: center;
}

.eb-column-p2pw5
	{
   padding-right:55px;
  }
  .call-today-text
	{
  font-size:23px;
padding-top:40px;
  }
.world-heading
	{
		font-size:29px;
 }
.experience-para
	{
font-size:20px;
}
	.cloud-based-para
{
padding-bottom:59px !important;
}

.surprise-para
{
padding-bottom:55px !important;
}

}

.cloud-based-para
{
padding-bottom:43px;
}

.surprise-para
{
padding-bottom:3px;
}

/* End Additional css */



/* Base Styles - Common across all files */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css");

* {

    font-family: 'Sarabun', sans-serif;

}



body {

    margin: 0;

    padding: 0;

    overflow-x: hidden;

}

h1 {
	font-size: 2.875rem;
}
h2{
    font-size: 2rem;
}
h3{
    font-size: 1.75rem;
}

a {
    
    text-decoration: none;
}


/* ===========================

   HEADER / NAVBAR STYLES

   =========================== */



/* Common Navbar Styles */

.navbar {

    background-color: #fff;

    box-shadow: 0 2px 4px rgba(0,0,0,0.1);

    padding: 15px 0;

}



.navbar-brand {

    font-size: 32px;

    font-weight: 700;

    color: #1861F1 !important;

    text-decoration: none;

}



/* Alternative navbar brand styles from different pages */

.navbar-brand.alt-style {

    font-size: 36px;

    color: #1e3a5f !important;

    letter-spacing: -1px;

}



.navbar-brand.whyy-style {

    font-size: 2rem;

    color: #1a365d !important;

}



.navbar-nav .nav-link {

    color: #333 !important;

    font-weight: 500;

    margin: 0 15px;

    

}

#primary-menu .nav-item > .nav-link {
    padding-right: 1px;
    padding-left: 1px ;
  
}


/* Alternative nav link styles */

.navbar-nav .nav-link.alt-spacing {

    margin: 0 20px;

    padding: 8px 0 !important;

}



.navbar-nav .nav-link:hover {

    color: #1861F1 !important;

}



/* Alternative hover color for some pages */

.navbar-nav .nav-link:hover.alt-hover {

    color: #4a90e2 !important;

}



.navbar-nav .nav-link.active {

    color: #1861F1 !important;

    font-weight: 600;

}



/* Alternative active color */

.navbar-nav .nav-link.active.alt-active {

    color: #4a90e2 !important;

}


.btn-support {

    background-color: transparent;

    border: 2px solid #1861F1;

    color: #1861F1;

    padding: 5px 20px;

    border-radius: 5px;

    font-weight: 600;

    margin-right: 10px;

}



/* Alternative support button styles */

.btn-support.alt-style {

    border: 2px solid #4a90e2;

    color: #4a90e2;

    padding: 8px 16px;

    border-radius: 4px;

    font-size: 14px;

    text-decoration: none;

    display: inline-flex;

    align-items: center;

    gap: 5px;

}



.btn-support:hover {

    background-color: #1861F1;

    color: white;

}



.btn-support.alt-style:hover {

    background-color: #4a90e2;

    color: white;

}



.btn-consult {

    background-color: #1861F1;

    color: white;

    padding: 5px 20px;

    border-radius: 5px;

    font-weight: 600;

    border: none;

}



/* Alternative consult button styles */

.btn-consult.alt-style {

    background-color: #4a90e2;

    padding: 8px 16px;

    border-radius: 4px;

    font-size: 14px;

    text-decoration: none;

    display: inline-flex;

    align-items: center;

    gap: 5px;

}



.btn-consult:hover {

    background-color: #357abd;

    color: white;

}



.header-buttons {

    display: flex;

    gap: 10px;

}



/* ===========================

   BREADCRUMB STYLES

   =========================== */



.breadcrumb-section {

    background-color: #f8f9fa;

    padding: 15px 0;

    border-bottom: 1px solid #e0e0e0;

}



/* Alternative breadcrumb padding */

.breadcrumb-section.alt-padding {

    padding: 12px 0;

}



.breadcrumb {

    background: none;

    padding: 0;

    margin: 0;

    font-size: 14px;

}



.breadcrumb-item a {

    color: #1861F1;

    text-decoration: none;

}



/* Alternative breadcrumb link color */

.breadcrumb-item a.alt-color {

    color: #4a90e2;

}



.breadcrumb-item.active {

    color: #666;

}



.breadcrumb-item + .breadcrumb-item::before {

    content: ">";

    color: #666;

}



/* ===========================

   HERO SECTION STYLES

   =========================== */



/* Main hero section */

.hero-section {

   

    background-repeat: no-repeat !important;

      padding: 100px 0;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;

   

}



/* Alternative hero backgrounds */

.hero-section.alt-bg-1 {

    padding: 80px 0;

}



.hero-section.alt-bg-2 {

    background: linear-gradient(135deg, #00bcd4 0%, #2196f3 50%, #9c27b0 100%);

}



.hero-section.alt-bg-3 {

    background: linear-gradient(135deg, #1e3a5f 0%, #4a90e2 100%);

}



.hero-section.whyy-style {

    background: linear-gradient(135deg, #f6d55c 0%, #ed8936 100%);

    min-height: 400px;

}



.hero-section.faq-style {

    background-image: linear-gradient(rgba(30, 58, 95, 0.8), rgba(74, 144, 226, 0.8)), url('https://hebbkx1anhila5yf.public.blob.vercel-storage.com/CBSi-Resources-FAQ-iOJWYZjKEpazJpyPc3rm2lij6pnlXq.png');

    background-size: cover;

    background-position: center;

    padding: 40px 0;

}





.hero-section.whyy-style::before {

    background: url('/placeholder.svg?height=400&width=800') center/cover;

}



.hero-content {

    position: relative;

    z-index: 2;

}



.hero-content.centered {

    text-align: center;

}



.hero-content.left-aligned {

    text-align: left;

}



.hero-content.flex-layout {

    display: flex;

    align-items: center;

    gap: 50px;

}



.hero-title {

    font-size: 2.875rem;

    font-weight: 700;

    line-height: 1.2;

  

}



.hero-title.alt-margin {

    margin-bottom: 0;

}



.hero-title.alt-margin-2 {

    margin-bottom: 30px;

}



.hero-subtitle {

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 30px;

    opacity: 0.9;

}



.hero-subtitle.alt-size {

    font-size: 24px;

    margin-bottom: 0;

}



.btn-hero {

    background-color: #1861F1;

    color: white;

    padding: 15px 30px;

    border-radius: 5px;

    font-weight: 600;

    border: none;

    font-size: 16px;

}



/* Hero layout variants */

.hero-text {

    flex: 1;

}



.hero-image {

    flex: 1;

    text-align: center;

}



.hero-image.right-aligned {

    text-align: right;

}



.hero-image img {

    max-width: 100%;

    height: auto;

}



/* ===========================

   SERVICES SECTION STYLES

   =========================== */



.services-section {

    padding: 40px 0;

    background-color: #f8f9fa;

}



.section-title {

    font-size: 36px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 10px;

    color: #333;

}



.section-subtitle {

    font-size: 36px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 50px;

    color: #ff8c00;

}



.section-subtitle.alt-margin {

    margin-bottom: 20px;

}



.section-description {

    text-align: center;

    font-size: 16px;

    color: #666;

    margin-bottom: 50px;

    max-width: 800px;

    margin-left: auto;

    margin-right: auto;

}



.section-description.alt-margin {

    margin-bottom: 60px;

}



.services-content {

    display: flex;

    align-items: center;

    gap: 50px;

}



.services-list {

    flex: 1;

}



.service-item {

    padding: 20px 0;

    border-bottom: 1px solid #e0e0e0;

}



.service-item:last-child {

    border-bottom: none;

}



/* Expandable Service Items */

.service-item.expandable {

    cursor: pointer;

    transition: all 0.3s ease;

}



.service-item.expandable:hover {

    background-color: #f8f9fa;

    border-radius: 8px;

    padding: 20px 15px;

    margin: 0 -15px;

}



.service-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    cursor: pointer;

    user-select: none;

}



.service-header .service-title {

    margin: 0;

    flex: 1;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.expand-icon {

    margin-left: 15px;

    transition: transform 0.3s ease;

    color: #1861F1;

    font-size: 14px;

}



.service-item.expanded .expand-icon {

    transform: rotate(180deg);

}



.service-content {

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.4s ease, padding 0.4s ease, margin 0.4s ease;

    padding: 0;

    margin: 0;

}



.service-item.expanded .service-content {

    max-height: 300px;

    padding: 20px 0 10px 0;

    margin-top: 10px;

}



.service-features {

    list-style: none;

    padding: 0;

    margin: 15px 0;

}



.service-features li {

    padding: 5px 0;

    position: relative;

    padding-left: 20px;

    color: #666;

    font-size: 14px;

}



.service-features li::before {

    content: '✓';

    position: absolute;

    left: 0;

    color: #1861F1;

    font-weight: bold;

}



.service-item.expanded .service-description {

    margin-bottom: 15px;

}



.service-item.expanded .service-link {

    display: inline-block;

    margin-top: 15px;

}



/* Alternative service item styles for microsoft-services.html */

.service-item.alt-layout {

    display: flex;

    align-items: center;

    margin-bottom: 80px;

    gap: 60px;

    padding: 0;

    border-bottom: none;

}



.service-item.alt-layout:nth-child(even) {

    flex-direction: row-reverse;

}



.service-content {

    flex: 1;

}



.service-title {

    font-size: 24px;

    font-weight: 600;

    color: #333;

    margin-bottom: 10px;

}



.service-title.alt-size {

    font-size: 24px;

    margin-bottom: 20px;

}



.service-description {

    font-size: 14px;

    color: #666;

    line-height: 1.5;

}



.service-description.alt-size {

    font-size: 16px;

    line-height: 1.6;

    margin-bottom: 20px;

}



.service-link {

    color: #4a90e2;

    text-decoration: none;

    font-weight: 500;

}



.service-link.alt-color {

    color: #1861F1;

    font-weight: 600;

    font-size: 16px;

}



.service-link:hover {

    text-decoration: underline;

}



.services-image {

    flex: 1;

    text-align: center;

}



.services-image.alt-layout {

    flex: 0 0 300px;

}



.services-image img {

    max-width: 100%;

    height: auto;

}



/* Service image circle styles */

.service-image-circle {

    width: 300px;

    height: 300px;

    border-radius: 50%;

    overflow: hidden;

    position: relative;

    margin: 0 auto;

    box-shadow: 0 10px 30px rgba(0,0,0,0.1);

}



.service-image-circle img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



/* ===========================

   AUTOMATION / FEATURE CARDS

   =========================== */



.automation-section {

    padding: 20px 0;

    background-color: white;

}



.automation-cards {

    display: grid;

    grid-template-columns: 2fr 1fr 1fr;

    grid-template-rows: 1fr 1fr;

    gap: 20px;

    margin-top: 50px;

}



.automation-card {

    border-radius: 15px;

    padding: 30px;

    color: white;

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.card-large {

    grid-row: span 2;

    background: linear-gradient(135deg, #4a90e2 0%, #1861F1 100%);

}



.card-green {

    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);

}



.card-blue {

    background: linear-gradient(135deg, #17a2b8 0%, #6f42c1 100%);

}



.card-purple {

    background: linear-gradient(135deg, #6f42c1 0%, #e83e8c 100%);

}



.card-orange {

    background: linear-gradient(135deg, #fd7e14 0%, #ffc107 100%);

}



.card-red {

    background: linear-gradient(135deg, #dc3545 0%, #fd7e14 100%);

}



.card-title {

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 10px;

}



.card-subtitle {

    font-size: 18px;

    font-weight: 600;

    opacity: 0.9;

}



.card-arrow {

    position: absolute;

    bottom: 20px;

    right: 20px;

    width: 40px;

    height: 40px;

    background: rgba(255,255,255,0.2);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}



/* Feature Cards (from dynamics365.html) */

.shape-future-section {

    padding: 40px 0;

    background-color: #f8f9fa;

}



.section-title .orange-text {

    color: #ff8c00;

}



.feature-cards {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 30px;

    margin-top: 50px;

}



.feature-card {

    background: white;

    border-radius: 15px;

    padding: 40px 30px;

    box-shadow: 0 5px 15px rgba(0,0,0,0.1);

    position: relative;

}



.feature-card.purple {

    background: linear-gradient(135deg, #8e44ad 0%, #9b59b6 100%);

    color: white;

}



.feature-card.blue {

    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);

    color: white;

}



.feature-card.green {

    background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);

    color: white;

}



.feature-card.orange {

    background: linear-gradient(135deg, #e67e22 0%, #f39c12 100%);

    color: white;

}



.feature-icon {

    font-size: 48px;

    margin-bottom: 20px;

    display: block;

}



.feature-title {

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 15px;

}



.feature-description {

    font-size: 16px;

    line-height: 1.6;

    opacity: 0.9;

}



/* ===========================

   BUSINESS CENTRAL SECTION

   =========================== */



.business-central-section {

    padding: 40px 0;

    background-color: white;

}



.bc-title {

    font-size: 36px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 10px;

    color: #333;

}



.bc-subtitle {

    font-size: 36px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 50px;

    color: #ff8c00;

}



.bc-content {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 50px;

    align-items: start;

}



.bc-features {

    background: #f8f9fa;

    border-radius: 15px;

    padding: 40px;

}



.bc-feature-item {

    margin-bottom: 30px;

    padding-bottom: 20px;

    border-bottom: 1px solid #e0e0e0;

}



.bc-feature-item:last-child {

    border-bottom: none;

    margin-bottom: 0;

}



.bc-feature-title {

    font-size: 18px;

    font-weight: 700;

    color: #333;

    margin-bottom: 10px;

}



.bc-feature-description {

    font-size: 14px;

    color: #666;

    line-height: 1.6;

}



.bc-link {

    color: #1861F1;

    text-decoration: none;

    font-weight: 600;

}



.bc-menu {

    list-style: none;

    padding: 0;

}



.bc-menu li {

    padding: 15px 0;

    border-bottom: 1px solid #e0e0e0;

    font-size: 16px;

    font-weight: 500;

    color: #333;

}



.bc-menu li:last-child {

    border-bottom: none;

}



/* ===========================

   SOLUTIONS SECTION

   =========================== */



.solutions-section {

    padding: 40px 0;

    /* background-color: #f8f9fa; */

}



.solutions-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 30px;

    margin-top: 50px;

}



.solution-card {

    background: white;

    border-radius: 15px;

    padding: 30px;

    text-align: center;

    box-shadow: 0 5px 15px rgba(0,0,0,0.1);

}



.solution-icon {

    width: 60px;

    height: 60px;

    margin: 0 auto 20px;

    background: #4a90e2;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: white;

    font-size: 24px;

}



.solution-title {

    font-size: 18px;

    font-weight: 600;

    color: #333;

}



/* ===========================

   PRICING SECTION

   =========================== */



.pricing-section {

    padding: 40px 0;

    background-color: #f8f9fa;

}



.pricing-cards {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 30px;

    margin-top: 50px;

}



.pricing-card {

    background: white;

    border-radius: 15px;

    padding: 40px 30px;

    box-shadow: 0 5px 15px rgba(0,0,0,0.1);

    position: relative;

    min-height: 600px;

}



.pricing-card.featured {

    background: linear-gradient(135deg, #2196f3 0%, #1976d2 100%);

    color: white;

    transform: scale(1.05);

    z-index: 2;

}



.pricing-card.light-purple {

    background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%);

}



.card-header {

    text-align: center;

    margin-bottom: 30px;

}



.card-price {

    margin-bottom: 10px;

}



.price-from {

    font-size: 14px;

    font-weight: 500;

    opacity: 0.8;

}



.price-amount {

    font-size: 32px;

    font-weight: 700;

    color: #1861F1;

}



.pricing-card.featured .price-amount {

    color: white;

}



.price-period {

    font-size: 16px;

    font-weight: 500;

    opacity: 0.8;

}



.card-features {

    list-style: none;

    padding: 0;

    margin: 0;

}



.card-features li {

    margin-bottom: 15px;

    font-size: 14px;

    line-height: 1.5;

    position: relative;

    padding-left: 20px;

}



.card-features li::before {

    content: '•';

    position: absolute;

    left: 0;

    top: 0;

    color: #1861F1;

    font-weight: bold;

}



.pricing-card.featured .card-features li::before {

    color: white;

}



.feature-highlight {

    font-weight: 600;

    color: #1861F1;

}



.pricing-card.featured .feature-highlight {

    color: white;

}



.card-footer {

    position: absolute;

    bottom: 20px;

    left: 30px;

    right: 30px;

    font-size: 12px;

    opacity: 0.7;

    text-align: center;

}



/* ===========================

   FAQ SECTION

   =========================== */



.faq-section {

    padding: 60px 0;

    background-color: #fff;

}



.faq-container {

    max-width: 900px;

    margin: 0 auto;

}



.faq-item {

    border: 1px solid #e0e0e0;

    border-radius: 8px;

    margin-bottom: 15px;

    overflow: hidden;

}



.faq-question {

    background-color: #fff;

    border: none;

    width: 100%;

    text-align: left;

    padding: 20px 25px;

    font-size: 18px;

    font-weight: 600;

    color: #333;

    cursor: pointer;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.faq-question:hover {

    background-color: #f8f9fa;

}



.faq-question.active {

    background-color: #f8f9fa;

}



.faq-icon {

    font-size: 14px;

    transition: transform 0.3s ease;

}



.faq-question.active .faq-icon {

    transform: rotate(180deg);

}



.faq-answer {

    padding: 0 25px;

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.3s ease, padding 0.3s ease;

}



.faq-answer.active {

    padding: 0 25px 25px 25px;

    max-height: 1000px;

}



.faq-content {

    font-size: 16px;

    line-height: 1.6;

    color: #666;

}



.faq-content strong {

    color: #333;

    font-weight: 600;

}



.faq-content ul {

    margin: 15px 0;

    padding-left: 20px;

}



.faq-content li {

    margin-bottom: 8px;

}



.faq-section-title {

    font-weight: 600;

    color: #333;

    margin: 20px 0 10px 0;

}



/* ===========================

   PARTNERS SECTION

   =========================== */



.partners-section {

    padding: 40px 0;

    background-color: white;

}



.partners-title {

    font-size: 36px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 10px;

    color: #333;

}



.partners-subtitle {

    font-size: 36px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 36px;

    color: #ff8c00;

}



.partners-grid {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 40px;

    flex-wrap: wrap;

}



/* Alternative partners grid for technology-partners page */

.partners-grid.technology-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 40px;

    margin-top: 40px;

}



.partner-logo {

    height: 40px;

    opacity: 0.7;

    transition: opacity 0.3s;

}



.partner-logo:hover {

    opacity: 1;

}



/* Partner cards for technology partners */

.partner-card {

    text-align: center;

    padding: 30px 20px;

    border: 1px solid #e0e0e0;

    border-radius: 8px;

    background: #fff;

    transition: box-shadow 0.3s ease;

}



.partner-card:hover {

    box-shadow: 0 5px 15px rgba(0,0,0,0.1);

}



.partner-card .partner-logo {

    height: 60px;

    margin-bottom: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.partner-card .partner-logo img {

    max-height: 100%;

    max-width: 100%;

}



.partner-name {

    font-size: 18px;

    font-weight: 600;

    color: #333;

    margin-bottom: 10px;

}



.partner-description {

    font-size: 14px;

    color: #666;

    line-height: 1.5;

}



/* Description Section for Technology Partners */

.description-section {

    padding: 40px 0;

    background-color: #fff;

}



.description-title {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 15px;

    color: #333;

}



.description-text {

    font-size: 16px;

    color: #666;

    line-height: 1.6;

}



/* Featured Section for Technology Partners */

.featured-section {

    background-color: #e8f4fd;

    padding: 40px 0;

}



.featured-content {

    display: flex;

    align-items: center;

    gap: 40px;

}



.featured-text {

    flex: 2;

}



.featured-logo {

    flex: 1;

    text-align: center;

}



.featured-title {

    font-size: 36px;

    font-weight: 700;

    color: #4a90e2;

    margin-bottom: 10px;

}



.featured-subtitle {

    font-size: 16px;

    color: #666;

    margin-bottom: 20px;

}



.featured-description {

    font-size: 14px;

    color: #666;

    line-height: 1.6;

    margin-bottom: 20px;

}



.btn-learn-more {

    background-color: #4a90e2;

    color: white;

    padding: 10px 20px;

    border-radius: 4px;

    font-weight: 600;

    font-size: 14px;

    border: none;

    text-decoration: none;

    display: inline-flex;

    align-items: center;

    gap: 8px;

}



/* ===========================

   STATS SECTION

   =========================== */


.stats-section {
    background: url('../images/home-goodhands.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    color: white;
    padding: 60px 0;
    position: relative;
     background-attachment: fixed;
}

.stats-section_why {
    background: url('../images/home-goodhands.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    padding: 40px 0;
    position: relative;
    
}


.stats-section_why.whyy-style {

    background: #1a365d;

    padding: 60px 0;

}



.stats-section_why::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="80" r="1.5" fill="rgba(255,255,255,0.1)"/></svg>');

}




.stats-section.whyy-style {

    background: #1a365d;

    padding: 60px 0;

}



.stats-section::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="80" r="1.5" fill="rgba(255,255,255,0.1)"/></svg>');

}



.stats-content {

    position: relative;

    z-index: 2;

}



.stats-title {

    font-size: 36px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 50px;

}



.stats-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 50px;

    text-align: center;

}



.stat-item {

    text-align: center;

    margin-bottom: 30px;

}



.stat-number {

    font-size: 48px;

    font-weight: 700;

    color: #FDCA58;

    margin-bottom: 10px;

}



.stat-number.whyy-style {

    font-size: 3.5rem;

    color: #f6d55c;

    display: block;

}



.stat-label {

    font-size: 16px;

    font-weight: 500;

    opacity: 0.9;

}



.stat-text {

    font-size: 1.1rem;

    margin-top: 10px;

}


.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Desktop: 4 per row */
    gap: 20px;
}

@media (max-width: 768px) {
    .stats-grid {
        grid-template-columns: repeat(2, 1fr); /* Mobile: 2 per row */
    }

}

@media (max-width: 480px) {
    .stats-grid {
        grid-template-columns: repeat(2, 1fr); /* Extra small screens: still 2 per row */
    }
}



/* ===========================

   CTA SECTIONS

   =========================== */



.cta-section {

    background: linear-gradient(135deg, #1e3a5f 0%, #1861F1 100%);

    padding: 60px 0;

    text-align: center;

}



.cta-section.whyy-style {

    background: linear-gradient(135deg, #1a365d 0%, #2d5a87 100%);

    color: white;

    padding: 40px 0;

    position: relative;

}



.cta-section.whyy-style::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: url('/placeholder.svg?height=300&width=600') right center/cover;

    opacity: 0.3;

}



.cta-content {

    position: relative;

    z-index: 2;

}



.cta-buttons {

    display: flex;

    justify-content: center;

    gap: 30px;

}



.btn-cta {

    background-color: #2196f3;

    color: white;

    padding: 15px 30px;

    border-radius: 5px;

    font-weight: 600;

    border: none;

    font-size: 16px;

    text-decoration: none;

    display: inline-block;

}



.btn-cta:hover {

    background-color: #1976d2;

    color: white;

}



.btn-cta-orange {

    background-color: #ff8c00;

    color: white;

    padding: 15px 30px;

    border-radius: 5px;

    font-weight: 600;

    border: none;

    font-size: 16px;

    text-decoration: none;

    display: inline-block;

}



.btn-cta-blue {

    background-color: #1861F1;

    color: white;

    padding: 15px 30px;

    border-radius: 5px;

    font-weight: 600;

    border: none;

    font-size: 16px;

    text-decoration: none;

    display: inline-block;

}



/* ===========================

   DECISION MAKING SECTION

   =========================== */



.decision-section {

    padding: 40px 0;

    background-color: #f8f9fa;

}



.decision-content {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 50px;

    align-items: center;

}



.decision-text h2 {

    font-size: 36px;

    font-weight: 700;

    margin-bottom: 10px;

    color: #333;

}



.decision-text .orange-subtitle {

    font-size: 36px;

    font-weight: 700;

    color: #ff8c00;

    margin-bottom: 40px;

}



.decision-points {

    list-style: none;

    padding: 0;

}



.decision-points li {

    display: flex;

    align-items: flex-start;

    margin-bottom: 25px;

    font-size: 16px;

    line-height: 1.6;

}



.decision-points li::before {

    content: '';

    width: 20px;

    height: 20px;

    background-color: #ff8c00;

    border-radius: 50%;

    margin-right: 15px;

    margin-top: 2px;

    flex-shrink: 0;

}



.decision-image {

    text-align: center;

}



.decision-image img {

    max-width: 100%;

    height: auto;

    border-radius: 15px;

}



/* ===========================

   RESULTS SECTION (Why Us)

   =========================== */



.results-section {

    padding: 40px 0;

    background: #f8f9fa;

}



.feature-item {

    display: flex;

    align-items: flex-start;

   

}



.feature-icon {

    background: #f6d55c;

    color: #1a365d;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 20px;

    flex-shrink: 0;

}



/* ===========================

   COMMITMENT SECTION (Why Us)

   =========================== */



.commitment-section {

    padding: 40px 0;

    background: white;

}



.profile-image {

    width: 200px;

    height: 200px;

    border-radius: 50%;

    object-fit: cover;

    margin-bottom: 30px;

}



/* ===========================

   QUOTE SECTION (Why Us)

   =========================== */



.quote-section {

    background: #4a90e2;

    color: white;

    padding: 60px 0;

    text-align: center;

}



.quote-text {

    font-size: 1.3rem;

    line-height: 1.6;

    max-width: 800px;

    margin: 0 auto;

}



/* ===========================

   TESTIMONIALS SECTION

   =========================== */



.testimonials-section {

    padding: 40px 0;

    background: #f8f9fa;

}



.testimonial-card {

    background: white;

    border-radius: 15px;

    padding: 30px;

    margin-bottom: 30px;

    box-shadow: 0 5px 15px rgba(0,0,0,0.1);

    text-align: center;

}



.testimonial-avatar {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    margin: 0 auto 20px;

    background: #4a90e2;

    display: flex;

    align-items: center;

    justify-content: center;

    color: white;

    font-size: 1.5rem;

}



/* ===========================

   CONTACT SECTION

   =========================== */



.contact-section {

    padding: 20px 0;

    background-color: #f8f9fa;

}



.contact-section.white-bg {

    background-color: white;

}



.contact-title {

    font-size: 36px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 10px;

    color: #333;

}



.contact-title.alt-weight {

    font-weight: 600;

    margin-bottom: 5px;

}



.contact-subtitle {

    font-size: 24px;

    font-weight: 500;

    text-align: center;

    margin-bottom: 50px;

    color: #ff8c00;

}



.contact-subtitle.alt-size {

    font-size: 20px;

    margin-bottom: 40px;

}



.contact-content {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 50px;

}



.contact-content.max-width {

    max-width: 1000px;

    margin: 0 auto;

}



.contact-info h5 {

    font-weight: 700;

    margin-bottom: 20px;

    font-size: 18px;

}



.contact-info h5.alt-margin {

    margin-bottom: 5px;

}



.contact-info .company-subtitle {

    color: #4a90e2;

    font-weight: 600;

    margin-bottom: 15px;

}



.contact-info p {

    margin-bottom: 1px;

    color: #666;

}



.contact-info p.alt-margin {

    margin-bottom: 8px;

    font-size: 14px;

    line-height: 1.4;

}



.contact-info p.alt-margin-2 {

    margin-bottom: 5px;

    font-size: 14px;

}



.contact-info strong {

    color: #333;

}



.contact-info a {

    color: #1861F1;

    text-decoration: none;

}



.contact-info a.alt-color {

    color: #4a90e2;

}



.contact-form .form-control {

    border-radius: 5px;

    border: 1px solid #ddd;

    padding: 6px;

    margin-bottom: 20px;

}



.contact-form .form-control.alt-style {

    border-radius: 4px;

    padding: 10px 12px;

    font-size: 14px;

    height: auto;

    margin-bottom: 15px;

}



.contact-form .form-control.whyy-style {

    border-radius: 8px;

    border: 2px solid #e2e8f0;

    padding: 12px 15px;

}



.contact-form .form-control:focus {

    border-color: #4a90e2;

    box-shadow: 0 0 0 0.2rem rgba(74, 144, 226, 0.25);

}



.contact-form .form-select {

    border-radius: 5px;

    border: 1px solid #ddd;

    padding: 12px;

    margin-bottom: 20px;

}



.contact-form .form-select.alt-style {

    border-radius: 4px;

    padding: 10px 12px;

    font-size: 14px;

    height: auto;

    margin-bottom: 15px;

}



.contact-form .form-group {

    margin-bottom: 15px;

}



.contact-form textarea {

    min-height: 100px;

    resize: vertical;

}



.btn-submit {

    background-color: #1861F1;

    color: white;

    padding: 12px 30px;

    border-radius: 5px;

    border: none;

    font-weight: 600;

    font-size: 16px;

}



.btn-submit.alt-style {

    background-color: #4a90e2;

    padding: 10px 20px;

    border-radius: 4px;

    font-size: 14px;

    display: inline-flex;

    align-items: center;

    gap: 8px;

}



.btn-submit:hover {

    background-color: #357abd;

}



/* ===========================

   FOOTER STYLES

   =========================== */



.footer {

    background-color: #1e3a5f;

    color: white;

    padding: 40px 0;

}



.footer.whyy-style {

    background: #1a365d;

}



.footer-content {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 50px;

    align-items: center;

}



.footer-content.three-col {

    grid-template-columns: 1fr 1fr 1fr;

    align-items: start;

}



.footer-logo {

    font-size: 32px;

    font-weight: 700;

    color: white;

}



.footer-logo.alt-size {

    font-size: 36px;

    margin-bottom: 5px;

    letter-spacing: -1px;

}



.footer-tagline {

    font-size: 14px;

    opacity: 0.8;

    margin-bottom: 0;

}








.footer-info p {

    margin-bottom: 5px;

    opacity: 0.8;

    font-size: 14px;

}



.footer-info p.alt-margin {

    margin-bottom: 3px;

    line-height: 1.4;

}



.footer-info a {

    color: white;

    text-decoration: none;

   

}



.footer-info a:hover {

    opacity: 1;

}



.footer-info strong {

    opacity: 1;

}



/* ===========================

   BUTTON STYLES

   =========================== */



.btn-primary {

    background: #1861F1;

    border: none;

    padding: 12px 30px;

    font-weight: 600;

}



.btn-primary:hover {

    background: #1861F1;

}



.btn-warning {

    background: #f6d55c;

    border: none;

    color: #1a365d;

    padding: 12px 30px;

    font-weight: 600;

}



/* ===========================

   RESPONSIVE DESIGN

   =========================== */



/* Tablet Styles */

@media (max-width: 992px) {

    .hero-content.flex-layout {

        flex-direction: column;

        text-align: center;

    }

    

    .featured-content {

        flex-direction: column;

        text-align: center;

    }

    

    .partners-grid.technology-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 20px;

    }

    

    .solutions-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    

    .stats-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}



/* Mobile Styles */

@media (max-width: 768px) {

    .navbar-nav .nav-link {

        margin: 0 10px;
       

    }

    

    .navbar-nav .nav-link.alt-spacing {

        margin: 0 10px;
        

    }

    

    .hero-title {

       font-size: 2.5rem;
       text-align: left;

    }

    

    .hero-content {

        flex-direction: column !important;

        text-align: left;

    }

    

    .automation-cards {

        grid-template-columns: 1fr;

        grid-template-rows: auto;

    }

    

    .feature-cards {

        grid-template-columns: 1fr;

    }

    

    .pricing-cards {

        grid-template-columns: 1fr;

        gap: 20px;

    }

    

    .pricing-card.featured {

        transform: none;

    }

    

    .solutions-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    

    .stats-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    

    .bc-content {

        grid-template-columns: 1fr;

    }

    

    .decision-content {

        grid-template-columns: 1fr;

    }

    

    .contact-content {

        grid-template-columns: 1fr;

        gap: 30px;

    }

    

    .footer-content {

        grid-template-columns: 1fr;

        text-align: center;

    }

    

    .footer-info {

        text-align: center;

    }

    

    .service-item.alt-layout {

        flex-direction: column !important;

        text-align: center;

        gap: 30px;

    }

    

    .service-item.alt-layout:nth-child(even) {

        flex-direction: column !important;

    }

    

    .service-image {

        flex: none;

    }

    

    .service-image-circle {

        width: 250px;

        height: 250px;

    }

    

    .cta-buttons {

        flex-direction: column;

        align-items: center;

    }

    

    .header-buttons {

        flex-direction: column;

        gap: 5px;

    }

    

    .partners-grid.technology-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 20px;

    }
    h3 {
         font-size: 1.30rem;
    }

  


}



/* Extra Small Mobile */

@media (max-width: 480px) {

    .solutions-grid {

        grid-template-columns: 1fr;

    }

    



    

    .partners-grid.technology-grid {

        grid-template-columns: 1fr;

    }

    

    .service-image-circle {

        width: 200px;

        height: 200px;

    }

}



/* ===========================

   ADDITIONAL RESPONSIVE ENHANCEMENTS

   =========================== */



/* Enhanced Mobile Navigation */

@media (max-width: 768px) {

    .navbar-collapse {

        text-align: center;

    }

    

    .navbar-nav {

        margin-bottom: 20px;

    }

    

    .navbar-nav .nav-item {

        margin: 5px 0;

    }

    

    .header-buttons {

        justify-content: center;

        width: 100%;

    }

    

    .btn-support,

    .btn-consult {

        width: 100%;

        max-width: 250px;

        text-align: center;

        justify-content: center;

    }

}



/* Enhanced Touch Targets */

@media (max-width: 768px) {

    .btn-hero,

    .btn-cta,

    .btn-submit,

    .btn-primary,

    .btn-warning {

        min-height: 44px;

        padding: 12px 24px;

    }

    

    .faq-question {

        padding: 25px;

    }

    

    .nav-link {

        padding: 12px 16px !important;

    }

}





/* Enhanced Form Layouts */

@media (max-width: 768px) {

    
    .section-title {

        font-size: 34px;

        line-height: 1.3;

    }

    

    .section-subtitle {

        font-size: 32px;

        line-height: 1.3;

    }
   

    .image-wrapper{
        display: none;;
    }

    .hero-title {

        line-height: 1.2;

        margin-bottom: 15px;

    }

    

    .hero-subtitle {

        font-size: 18px;

        line-height: 1.4;

    }

    

    .feature-description,

    .service-description {

        font-size: 16px;

        line-height: 1.6;

    }


    

    

    .contact-form .form-control,

    .contact-form .form-select {

        font-size: 16px; /* Prevents zoom on iOS */

    }

      .pricing-card,

    .feature-card,

    .testimonial-card {

        margin-bottom: 20px;

    }

    

    .automation-card {

        min-height: 200px;

    }

    

    .solution-card {

        padding: 20px;

    }

    .hero-section,

    .services-section,

    .automation-section,

    .solutions-section,

    .stats-section,

    .contact-section,

    .partners-section {

        padding: 20px 0;

    }

    

    .pricing-section,

    .faq-section,

    .testimonials-section {

        padding: 50px 0;

    }

    .card-soft .inner {
         gap: 1px !important; 
    }
    .grid-gap {
        row-gap: 1.5rem;
    }
    .card-feature{
        height: 194px !important;
    }

   .automation-section h3.title.fs-4 br {
    display: none;
  }

  .navbar-collapse br {
    display: none;
  }

}

.dropdown-item.active,.dropdown-item:active {
    color: #212529;
    text-decoration: none;
    background-color: #fff;
}


.cbtn {
  cursor: pointer;
}


/* Print Styles */

@media print {

    .navbar,

    .header-buttons,

    .btn-hero,

    .btn-cta,

    .btn-submit,

    .footer {

        display: none !important;

    }

    

    .hero-section,

    .stats-section {

        background: none !important;

        color: black !important;

    }

    

    .hero-section::before,

    .stats-section::before {

        display: none !important;

    }

    

    body {

        font-size: 12pt;

        line-height: 1.4;

    }

    

    .section-title,

    .hero-title {

        color: black !important;

        page-break-after: avoid;

    }

}



/* High Contrast Mode Support */

@media (prefers-contrast: high) {

    .hero-section,

    .stats-section,

    .cta-section {

        background: #000 !important;

        color: #fff !important;

    }

    

    .btn-primary,

    .btn-cta,

    .btn-submit {

        border: 2px solid #fff;

    }

    

    .card-features li::before {

        background: #fff !important;

    }

}



/* Reduced Motion Support */

@media (prefers-reduced-motion: reduce) {

    .faq-icon,

    .service-image-circle,

    .pricing-card,

    .automation-card,

    .feature-card {

        transition: none !important;

    }

    

    .hero-section::before,

    .stats-section::before {

        animation: none !important;

    }

}



/* Dark Mode Support */

@media (prefers-color-scheme: dark) {

    .services-section,

    .solutions-section,

    .contact-section,

    .testimonials-section {

        background-color: #1a1a1a !important;

    }

    

    .section-title,

    .service-title,

    .solution-title {

        color: #fff !important;

    }

    

    .section-description,

    .service-description,

    .partner-description {

        color: #ccc !important;

    }

    

    .feature-card,

    .solution-card,

    .testimonial-card,

    .pricing-card {

        background: #2a2a2a !important;

        color: #fff !important;

    }

    

    .contact-form .form-control,

    .contact-form .form-select {

        background: #2a2a2a !important;

        color: #fff !important;

        border-color: #444 !important;

    }

}



@media (max-width: 991.98px) {

  /* Make dropdown-menu full width and relative for mobile */

  .navbar-collapse .dropdown-menu {

    position: static;

    float: none;

    width: 100%;

    margin-top: 0;

    border: none;

    box-shadow: none;
    font-size: 15px;
   

  }

  

  /* Show dropdown menu when shown */

  .navbar-collapse .dropdown-menu.show {

    display: block;

  }

 

}

.h_s_t{

    color: #A6DDEF;

    padding-bottom: 22px;

}

.wpcf7 form br {
    display: none;
}

.wpcf7-submit {
    float: left;
}

.wpcf7-form-control.wpcf7-select.form-control {
  appearance: none;        /* Remove default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("https://cdn.jsdelivr.net/npm/bootstrap-icons/icons/chevron-down.svg") no-repeat right 0.75rem center/16px;
  padding-right: 2rem;     /* Add spacing so text doesn't overlap */
}

.wpcf7 form select.wpcf7-select {
  display: block;  /* keep only the dropdown visible */
  width: 250px;    /* set your custom width */
  max-width: 100%; /* responsive */
}

.fa-arrow-right:before {
    color:#FDCA58 ;
}
.card-arrow .fa-arrow-right:before{
    color:#fff !important ;
}
.parallax {
  
    /* background-attachment: fixed; */
   
}

/* solutions log */
 .feature-item {
      display: flex;
      align-items: center;
      gap: 12px;
      text-align: left;
    }
    .feature-item img {
      display: block;
      height: auto;
      max-width: 64px;
    }
    .feature-label {
      font-size: 1.25rem;
      font-weight: 700;
      color: #0f1621;
      text-align:left;
      
    }
    /* Optional: reduce gap on mobile */
    @media (max-width: 575.98px) {
      .feature-item {
        gap: 10px;
      }
      .feature-label {
        font-size: 1.1rem;
      }

       .feature-label br {
        display: none;
    }
     .topemployers figure img{
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 8px;
        max-width: 60px;
        max-height: 100px;
        padding: 5px;
    }
    }
    /* for parners logo */
    .list-inline > li{
        padding: 0;
        width: 14.28%;
        padding: 2px;
    }
    .list-inline > li figure{
        border: 1px solid #f1f1f1;
    }
    .top-employer{
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }
    .topemployers figure{
        max-width: 100px;
        max-height: 100px;
    }
    .topemployers figure .img-hover{
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: normal;
        background-color: #ff6a00;
        border-radius: 8px;
    }
    .topemployers figure .img-hover a{
        color: #fff;
        font-size: 12px;
    }
    .topemployers figure .img-hover a:hover{
        text-decoration: none;
    }
    .top-employer_container{
        background-color: #fafafa;
    }
    .topemployers figure img{
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 8px;
        max-width: 200px;
        max-height: 100px;
        padding: 5px;
    }
    .top-employer.slick-initialized .slick-slide {
        display: flex;
       
    }
   
/* .slick-prev:before,.slick-next:before {
    --arrow-down: url("data:image/svg+xml,<svg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L5 5L9 1' stroke='%23ff6a00' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' /></svg>");
    content: "";
    background-image: var(--arrow-down);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: var(--slick-nav-width);
    height: var(--slick-nav-height);
    border: none;
    display: block;
    transform: rotate(90deg)
} */

.slick-next:before {
    transform: rotate(270deg)
}
.mrg-auto {
    margin: auto !important;
}

/* automate process */
:root{
  --radius: 8px; /* less rounded corners */
  --shadow: 0 10px 24px rgba(0,0,0,.12);
}

.card-soft {
  border: 0;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
  height: 100%;
  color: #fff;
  position: relative;
}

/* Inner content for all cards */
.card-soft .inner {
  padding: 32px;
  min-height: 200px; /* reduced height for normal cards */
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Feature card smaller height */
.card-feature .inner {
  min-height: 380px; /* smaller than original 480px */
}

/* Gradient themes */
.g-blue   { background: linear-gradient(180deg, #1272ff 0%, #06c3e7 100%); }
.g-green  { background: linear-gradient(180deg, #34cf9b 0%, #2cb67d 100%); }
.g-cyan   { background: linear-gradient(180deg, #2bb3ff 0%, #27d0e3 100%); }
.g-purple { background: linear-gradient(180deg, #a16ae8 0%, #b48cf5 100%); }
.g-amber  { background: linear-gradient(180deg, #f3a10c 0%, #e5a21a 100%); }
.g-orange { background: linear-gradient(180deg, #f38b4f 0%, #ef7a31 100%); }

/* Title styles */
.kicker { opacity:.9; font-size:1.125rem; }
.title  { font-size: clamp(1.5rem, 2vw + 1rem, 3rem);  line-height:1.15; }
.title-large { font-size: clamp(2rem, 3vw + 1rem, 3.5rem); }
.subtitle { font-weight:800; font-size: clamp(1.25rem, 1.2vw + .9rem, 2rem); }

/* Arrow button smaller */
.arrow-btn {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 40px;   /* smaller width */
  height: 40px;  /* smaller height */
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.15);
  border: 2px solid rgba(255,255,255,.65);
  backdrop-filter: blur(2px);
  transition: transform .2s ease, background .2s ease;
}

.arrow-btn svg {
  width: 18px;  /* smaller arrow icon */
  height: 18px;
  stroke: #fff;
}

.card-soft:hover .arrow-btn { 
  transform: translateX(4px); 
  background: rgba(255,255,255,.25); 
}

/* Image card */
.image-card img{
  width: 100%; 
  height: 100%; 
  object-fit: cover;
}

    /* Spacing between cards */
    .grid-gap { row-gap: 28px; }

    @media (max-width: 991.98px){
    .card-feature .inner{ min-height: 300px; }
    }

  
    @media (min-width: 1200px) {
    .fs-4 {
        font-size: 1.1rem !important;
    }
}
/* services */
 .service-section {
      padding: 20px 0;
    }
    #serviceAccordion .accordion-button::after {
      background-image: none;
      content: '+';
      font-size: 1.5rem;
      transform: none !important;
    }
    #serviceAccordion .accordion-button:not(.collapsed)::after {
      content: '–';
    }
    #serviceAccordion .accordion-button {
      font-weight: bold;
      color: #0d2f5a;
      background: none;
      box-shadow: none;
    }
 #serviceAccordion .accordion-button:not(.collapsed) {
   
    background-color: #fff;
    box-shadow: #fff;
    border-left: 2px solid #f3a10c;
}
    #serviceAccordion .accordion-body p {
      color: #555;
      margin-bottom: 10px;
    }
    #serviceAccordion .image-wrapper img {
      max-width: 100%;
      border-radius: 50%;
      /* border: 4px solid #f3a10c; */
    }
    #serviceAccordion .service-description {
      border-left: 2px solid #f3a10c;
      padding-left: 20px;
     
    }
    #serviceAccordion .accordion-item {
            border-top: none !important;
            border-right: none !important;
            border-bottom: none !important;
            border-left: 4px solid #ddd; 
}
/* Remove click/hover outlines and shadows */
#serviceAccordion .accordion-button:focus,
.accordion-button:active,
.accordion-button:hover {
    box-shadow: none !important;
    outline: none !important;
    border-color: transparent !important;
}

/* Default accordion item border */
#serviceAccordion .accordion-item {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: 2px solid #ddd; /* Default gray */
}

/* Change left border color when active */
#serviceAccordion .accordion-item:has(.accordion-collapse.show) {
    border-left: 2px solid #f3a10c; /* Orange when active */
}

/* Fallback for browsers without :has support */
#serviceAccordion .accordion-item.active-border {
    border-left: 2px solid #f3a10c;
}

#serviceAccordion .accordion-item:hover {
    border-left: 2px solid #f3a10c;
}

/* When active (opened) */
#serviceAccordion .accordion-item:has(.accordion-collapse.show) {
    border-left: 2px solid #f3a10c;
}

/* Safari / :has() fallback */
#serviceAccordion .accordion-item.active-border {
    border-left: 2px solid #f3a10c;
}





#serviceAccordion .accordion-button::after {
    display: none;
}

@media (max-width: 767px) {
    #serviceAccordion .accordion-item {
        border-left: none !important;
    }

    #serviceAccordion .accordion-item.active-border {
    border-left: none !important;
}

 #serviceAccordion .service-description {
      border-left: none !important;
     
     
    }

    
#serviceAccordion .accordion-button::after {
    background-image: none;       /* remove Bootstrap icon */
    content: '+';                 /* plus sign */
    font-size: 1.2rem;            /* size of plus */
    color: #fff;                  /* plus sign color (white) */
    transform: none !important;

    /* Circle styling */
    width: 28px;
    height: 28px;
    border: 2px solid #f3a10c;   /* border color */
    border-radius: 50%;           /* makes it circular */
    
    display: flex;                /* center the symbol */
    align-items: center;          /* vertical center */
    justify-content: center;      /* horizontal center */
    
    background-color: #f3a10c;   /* circle background */
    transition: background-color 0.3s ease, color 0.3s ease;
    padding-bottom:3px;
}

/* Active state: open accordion */
#serviceAccordion .accordion-button:not(.collapsed)::after {
    content: '–';                 /* minus sign */
    background-color: #f3a10c;       /* fill white */
    color: #fff;               /* dash color matches border */
    padding-bottom:3px;
}

#serviceAccordion .accordion-button:not(.collapsed) {
    border-left: none;
}


#serviceAccordion_pages .accordion-button::after {
    background-image: none;       /* remove Bootstrap icon */
    content: '+';                 /* plus sign */
    font-size: 1.2rem;            /* size of plus */
    color: #fff;                  /* plus sign color (white) */
    transform: none !important;

    /* Circle styling */
    width: 28px;
    height: 28px;
    border: 2px solid #f3a10c;   /* border color */
    border-radius: 50%;           /* makes it circular */
    
    display: flex;                /* center the symbol */
    align-items: center;          /* vertical center */
    justify-content: center;      /* horizontal center */
    
    background-color: #f3a10c;   /* circle background */
    transition: background-color 0.3s ease, color 0.3s ease;
    padding-bottom:3px;
}

/* Active state: open accordion */
#serviceAccordion_pages .accordion-button:not(.collapsed)::after {
    content: '–';                 /* minus sign */
    background-color: #f3a10c;       /* fill white */
    color: #fff;               /* dash color matches border */
    padding-bottom:3px;
}


.px-10 {
  padding-left: 1px !important ;
  padding-right: 1px !important ;
}

}

/* for parners */
  .custom-card {
    border: 2px solid #e5e5e5; /* Slightly thicker border */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); /* Deeper shadow */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .custom-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15); /* Bigger shadow on hover */
  }

  /* why page */

  .custom-checklist {
  list-style: none;
  padding: 0;
}

.custom-checklist li {
  position: relative;
  padding-left: 30px; /* space for icon */
  margin-bottom: 15px;
}

.custom-checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fbbf24" viewBox="0 0 24 24"><path d="M12 0C5.372 0 0 5.373 0 12c0 6.628 5.372 12 12 12 6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12zm-1.2 17.4l-4.2-4.2 1.68-1.68 2.52 2.52 5.76-5.76 1.68 1.68-7.44 7.44z"/></svg>') no-repeat center center;
  background-size: contain;
}

.px-10 {
  padding-left: 10rem ;
  padding-right: 10rem ;
}

/* for  dynamic pages */
  #serviceAccordion_pages .accordion-button::after {
      background-image: none;
      content: '+';
      font-size: 1.5rem;
      transform: none !important;
    }
    #serviceAccordion_pages .accordion-button:not(.collapsed)::after {
      content: '–';
    }
    #serviceAccordion_pages .accordion-button {
      font-weight: bold;
      color: #0d2f5a;
      background: none;
      box-shadow: none;
    }
 #serviceAccordion_pages .accordion-button:not(.collapsed) {
   
    background-color: #fff;
    box-shadow: #fff;
    border-left: 0px solid #f3a10c;
}
    #serviceAccordion_pages .accordion-body p {
      color: #555;
      margin-bottom: 10px;
    }
    #serviceAccordion_pages .image-wrapper img {
      max-width: 100%;
      border-radius: 50%;
      /* border: 4px solid #f3a10c; */
    }
    #serviceAccordion_pages .service-description {
      border-left: 2px solid #f3a10c;
      padding-left: 20px;
     
    }
    #serviceAccordion_pages .accordion-item {
            border-top: none !important;
            border-right: none !important;
            border-bottom: none !important;
            border-left: 4px solid #ddd; 
}
/* Remove click/hover outlines and shadows */
#serviceAccordion_pages .accordion-button:focus,
.accordion-button:active,
.accordion-button:hover {
    box-shadow: none !important;
    outline: none !important;
    border-color: transparent !important;
}

/* Default accordion item border */
#serviceAccordion_pages .accordion-item {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: 2px solid #ddd; /* Default gray */
}

/* Change left border color when active */
#serviceAccordion_pages .accordion-item:has(.accordion-collapse.show) {
    border-left: 2px solid #f3a10c; /* Orange when active */
}

/* Fallback for browsers without :has support */
#serviceAccordion_pages .accordion-item.active-border {
    border-left: 2px solid #f3a10c;
}

#serviceAccordion_pages .accordion-item:hover {
    border-left: 2px solid #f3a10c;
}

/* When active (opened) */
#serviceAccordion_pages .accordion-item:has(.accordion-collapse.show) {
    border-left: 2px solid #f3a10c;
}

/* Safari / :has() fallback */
#serviceAccordion_pages .accordion-item.active-border {
    border-left: 2px solid #f3a10c;
}





#serviceAccordion_pages .accordion-button::after {
    display: none;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 per row */
  gap: 20px;
}

.feature-card {
  background: linear-gradient(135deg, #c8c8ff, #ffc8e1);
  border-radius: 15px;
  padding: 20px;
  text-align: left;
}

.feature-card img {
  width: 35px;
  margin-bottom: 12px;
}

.feature-card h3 {
  margin-bottom: 8px;
  font-size: 1.1rem;
}

.feature-card p {
  font-size: 0.95rem;
}

/* Mobile responsive */
@media (max-width: 600px) {
  .features-grid {
    grid-template-columns: 1fr; /* 1 per row on small screens */
  }
    .topemployers figure img{
       
        border-radius: 8px;
        max-width: 172px;
        max-height: 100px;
        padding: 5px;
    }
    .for_mobile{
        text-align: center;
    }

    .contact-info h5 {
   
    font-size: 29px;
    }

    .card-soft .inner_mobile {
        min-height: 120px; 
        
        
    }
    .arrow-btn{
        top:35px;
        right: 9px;
        width: 36px;
        height: 36px;
    }
    .automation-section .arrow-btn{
        top:35px;
        right: 9px;
        width: 36px;
        height: 36px;
        bottom: 34px;

    }
    
    .fs-4 {
        font-size: 1.2rem !important;
    }

        .grid-gap {
            row-gap: 0px;
        }

        .card-soft {
 
             height: 85%;
  
        }

        .stat-label {
            font-size: 25px;
            font-weight: 700;
           
            }

            .partners-title{
                font-size: 40px;
            }
            .partners-title{
                font-size: 40px;
            }

            .btn-support {
             padding: 15px 10px;
  
            }

            .dropdown-menu a {
            text-align: center !important;
   
            }

           .dropdown-item:focus, .dropdown-item:hover {
                color:#1861F1 !important;
            }

             
    }
.stats-section {
    background: url(../images/home-goodhands.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    padding: 60px 0;
    position: relative;
    /*background-attachment: fixed;*/
}
.slick-next {
     right: 0px !important; 
}
.divider{
	border-bottom: 1px solid #F1F1F1;
    }
    .textleft{
        text-align:left;
    }

    .arrow-up {
        position: relative;
        top: -6px;   /* move it up */
        margin-left: 10px; /* space between text and icon */
       
}
  

.btn-primary {
  
    padding: 10px 18px;
  
}


 @media screen and (min-width: 1920px) and (max-width: 2560px) {
    .navbar-nav .nav-link {
 
        font-size: 20px;
    }

     .arrow-up_menu {
        
        position: relative;
        top: -12px;
        margin-left: 10px;
        left: 4px;
    }

    .arrow-up_menu_consult {
        position: relative;
        top: -26px;
        margin-left: 10px;
        left: 42px;
    }
    
.navbar {
    padding-left: 0;
    padding-right: 0;
}
    /* #primary-menu .nav-item > .nav-link {
        padding-right: 14px;
        padding-left: 14px ;
    
    } */
    .hero-title
    {
    font-size:66px;
    }

    .navbar-collapse {
    
        flex-grow: 0;
    
    }
   

    .cpx-5{
        padding-left:10rem !important;
        padding-right:10rem !important;
    }

    .feature-item {
        gap: 24px;
  
    }

    .contact-info h5 {
   
    font-size: 30px;
}

 
}

@media (min-width: 768px) and (max-width: 1199px) {
      .arrow-up_menu {
        position: relative;
        top: -10px;
        margin-left: 10px;
        left: 0px;
    }

   #primary-menu .nav-item > .nav-link {
    padding-right: 1px !important;
    padding-left: 1px !important;
}
    .btn-consult {
          
            padding: 5px 10px;
            border: none;
            font-size: 14px;
}


    .btn-support {

        color: #1861F1;
        padding: 5px 10px;
        border-radius: 5px;
        font-weight: 600;
        margin-right: 10px;
        font-size: 14px;
    }
        




}
@media (min-width: 1200px) {
  .arrow-up_menu {
        position: relative;
        top: -12px;
        margin-left: 10px;
        left: 10px;
    }

    .btn-support {
           
            padding: 5px 16px;
            border-radius: 5px;
            font-weight: 600;
            margin-right: 1px; 
           
    }
   

        .btn-consult {
            background-color: #1861F1;
            color: white;
            padding: 5px 16px;
            border-radius: 5px;
            font-weight: 600;
            border: none;
             padding-top: 1px !important;
             padding-bottom: 1px !important;
        }

   
}



.dropdown-menu a {
    text-align: left;
    
   
}

@media (min-width: 992px) {
  /* .dropdown-menu-center {
    left: 50% !important;
    transform: translateX(-50%) !important;
  } */
   .cpx-5{
    padding-left:6rem;
  }
}
.dropdown-item{
    font-weight: 500;
}
 .dropdown-item:focus, .dropdown-item:hover {
                color:#1861F1 !important;
} 
               
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (min-device-height: 1366px) 
  and (max-device-height: 1366px) {

   .cpx-5{
        padding-left:1px !important;
    }
    #site-navigation .img-fluid {
    max-width: none;
   
}
}
/* Submenu arrow */
.submenu-arrow {
  display: inline-block;
  margin-left: .4rem;
  border: solid #333;
  border-width: 0 2px 2px 0;
  padding: 3px;
  transform: rotate(45deg); /* right arrow */
  transition: transform 0.3s ease;
}

/* When open */
.submenu-arrow.open {
  transform: rotate(-135deg); /* down arrow */
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1380px;
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1380px;
    }
}


@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1236px;
    }
}
@media (min-width: 1920px) {
  .container {
    max-width: 1400px; /* increase container width */
  }
}

#contact_author_tag{
    padding-bottom: 40px;
}
#contact_support{
    padding-bottom: 40px;

}



.wpcf7-textarea {
    height: 120px;   /* set height in px */
    max-height: 200px; /* optional */
    min-height: 80px;  /* optional */
    width: 100%;     /* adjust width if needed */
    resize: vertical; /* allow vertical resizing only */
}

/*
@media (min-width: 768px) and (max-width: 1024px) {
  .navbar-expand-lg .navbar-collapse {
    display: none !important; 
  }
  .navbar-expand-lg .navbar-toggler {
    display: block !important; 
  }
}*/

/* 3rd menu send on right side */
/* Desktop only: shift 3rd-level+ dropdowns to the right */
@media (min-width: 992px) {
  #site-navigation .dropdown-menu .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;   /* 👈 opens to the right of parent */
    margin-left: .1rem;
    margin-right: .1rem;
    width: auto;  /* let it size naturally */
  }

  /* Show child dropdown on hover (optional, if you want hover open) */
  #site-navigation .dropdown-menu li:hover > .dropdown-menu {
    display: block;
  }
}


/* for blog */
.blog-section{
        padding: 20px 0;
background-color: white;
}

.blog-section .card-text:last-child {
    margin-bottom: 20px;
}
/* .blog-section .card{
    border: none;
}  */

.blog-section .card-footer {
   
    background-color: #fff;
}
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
     display: none; 
    z-index: 9;
    background-color: #1861F1;
    border:  #1861F1;
    font-size: 0.875rem;
    color:#FDCA58;
}

.back-to-top:hover {
     background-color: #1861F1 !important;
    border:  #1861F1 !important;
     color:#FDCA58 !important;
}
.wpcf7-not-valid-tip {
  
    text-align: left;
}
@media (max-width: 767px) {
  .wpcf7-checkbox .wpcf7-list-item {
    display: block;
    margin: 5px 0;
    text-align: left;
  }
   .wpcf7 form p {
  text-align: left;
}
}


.page-id-52.quote-mark {
  font-size: 58px;
  color: #f7931e;
  position: absolute;
  top: -33px;
  left: 20px;
}



.testimonial_section {
    background: url(../images/home-testimoinal.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    position: relative;
    /*background-attachment: fixed;*/
}