/*
Theme Name: Provoyants Website
Theme URI: https://provoyants.com/
Author: Vedang
Author URI: http://provoyants.com/
Template: oceanwp
Version: 1.0.0
Description: Child theme for OceanWP
*/
/* Custom_font_family::Start */
@font-face {
    font-family: Montserrat-Bold;
    src: url(fonts/Montserrat/Montserrat-VariableFont_wght.ttf);
}
@font-face {
    font-family: Montserrat-Regular;
    src: url(fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf);
}

/* Custom_font_family::End */


:root {
  /* Primary Brand Colors */
  --primary-orange: #FC4C00;   /* Action, CTA */
  --primary-blue: #04004B;     /* Background, Headers */

  /* Accent Colors */
  --accent-light-orange: #FF6B1A; /* Hover state */
  --accent-dark-blue: #03184F;    /* Darker tone for contrast */

  /* Neutrals */
  --white: #FFFFFF;
  --black: #000000;
  --gray-100: #F5F5F5;
  --gray-300: #D1D5DB;
  --gray-500: #6B7280;
  --gray-700: #374151;
  --gray-900: #111827;

  /* Text Colors */
  --text-primary: #041F70;   /* Use dark blue for headings */
  --text-secondary: #242424; /* Dark gray for body */
  --text-on-dark: #FFFFFF;   /* Text on dark backgrounds */

  /* Buttons */
  --btn-primary-bg: var(--primary-orange);
  --btn-primary-text: var(--white);
  --btn-secondary-bg: var(--primary-blue);
  --btn-secondary-text: var(--white);
}

body {
  background-color: var(--white);
  color: var(--text-secondary);
  line-height: 1.5 !important;
  -webkit-font-smoothing: antialiased !important;
  font-size: 16px !important;
  font-family: Montserrat-Bold, sans-serif !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 600;
    color: var(--text_dark);
}

h1, .h1 {
    font-size: 2.5rem;
}

h2, .h2 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 42px;
}

h3, .h3 {
    font-size: 1.5rem;
}
  
h4, .h4 {
    font-size: 1.3rem;
    line-height: 30px;
}
  
h5, .h5 {
    font-size: 1.25rem;
}
  
h6, .h6 {
    font-size: 1rem;
    margin-bottom: 0 !important;
    line-height: 1.8 !important;
}
  
p {
    line-height: 30px;
    font-size: 16px;
    font-family: 'Montserrat-Bold', sans-serif !important;
    font-weight: 400px !important;
}
.theme-btn {
    background-color: var(--white);
    color: var(--accent-dark-blue) !important;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    font-weight: 600;
    border: 2px solid var(--accent-dark-blue) !important;

}
.theme-btn:hover {
   background-color: var(--white);
   color: var(--accent-light-orange) !important;
   border: 2px solid var(--accent-light-orange) !important;
}

body.home .breadcrumb,
body.home .page-header {
    display: none !important;
}

/* Header CSS :: START */
.current-menu-item
{
    font-weight: 700 !important;
}
#site-header{
    margin: 20px 0px 0px 10px !important;
}
#site-header .container{
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 50px !important;
}
/* Header CSS :: END */
/* Footer CSS :: START */
.footer-container .menu-footer-1-container li a{
    color : var(--white) !important;
}
.footer-widgets-inner.container
{
    max-width: 95% !important;
    width: 95% !important;
    border-bottom: 1px solid var(--white) !important;
    padding-bottom: 20px;
}
.footer-container .menu-footer-1-container li a:hover{
    color : var(--primary-orange) !important;
}
.footer-container #menu-footer-1{
    display: flex;
    list-style: none !important;
    justify-content: center;
}
.footer-container #menu-footer-1 li{
    margin: 10px;
}
.site-footer
{
    padding: 50px !important;
}
.site-footer #footer-inner
{
    border-radius: 20px !important;
    overflow: hidden !important;
}
.footer-container img
{
    filter: invert(100%) !important;
}
#footer-bottom #footer-bottom-menu {
    display: none !important;
}
.text-color
{
    color: var(--primary-orange) !important;
}
#copyright
{
    text-align: center !important;
    width: 100% !important;
    font-size: 16px !important;
    padding: 0 !important;
}

#footer-bottom
{
    padding: 0 0 30px 0 !important;
}
#scroll-top{
    background-color: var(--accent-light-orange) !important;
    border-radius: 10px !important;
}
/* Footer CSS :: END */
.dropdown-menu .sub-menu {
    min-width: 225px !important;
}

/* Services section :: START */
.left-card img
{
   position: relative;
}
.services-left-img
{
   position: relative !important;
}
.services-left-img img
{
   height: 100% !important;
   width: 100% !important;
   object-fit: cover !important;
}
.service-left-content
{
    position: absolute !important;
    background: #ffffff83 !important;
    backdrop-filter: blur(10px) !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    /* height: 100% !important; */
    padding: 30px 50px !important;
    /* opacity: 0; */
    max-height: 90px;
    overflow: hidden;
    transition: all 0.8s ease;
}
.services-left-card:hover .service-left-content {
      opacity: 1;
      max-height: 200px; /* or adjust to fit your content */
      margin-top: 10px;
    }
.services-left-card
{
    border: 20px !important;
    overflow: hidden !important;
    max-height: 330px !important;
}
.icon-btn .elementor-icon-wrapper
{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.icon-btn
{
    background: var(--primary-orange) !important;
    height: 40px !important;
    width: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    padding: 5px !important;
}
/* Services section :: END */
.industries-section-card{
    width: fit-content !important;
    /* padding: 0 !important; */
}

/* Project Card :: START */
.project-card img
{
 margin: 0 !important;
}

.icon-btn-new a
{
 padding: 10px !important;
}
.project-card{
    height: 100% !important;
    display: flex !important;
}
.project-image-box{
    min-height: 250px !important;
}
/* Project Card :: END */

/* LeaderShip Card :: START */
.leadershio-section,.cta-form-section
{
    position: relative;
}
.leadershio-section::after
{
    position: absolute;
    content: "";
    width: 400px;
    height: 400px;
    top: 0;
    background: url(imgs/img-decorate.png);
    opacity: 0.1;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
/* LeaderShip Card :: END */

/* CTA Section :: START */


/* Base form structure */
.form-cols {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  /* margin-bottom: 20px; */
}
.form-cols .col p{
    margin-bottom: 0 !important;
}

.form-cols.full-width-col {
    margin-top: 20px ;
  flex-direction: column;
}

/* Individual form column */
.form-cols .col {
  flex: 1 1 calc(50% - 20px);
  min-width: 250px;
}

/* Inputs and textarea */
.form-cols input[type="text"],
.form-cols input[type="email"],
.form-cols input[type="tel"],
.form-cols textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 15px;
  transition: 0.3s ease-in-out;
  background-color: var(--white);
}

.cta-form-section .theme-btn
{
    margin-top: 20px !important;
}

.form-cols textarea {
  resize: vertical;
  min-height: 120px;
}

/* Focus state */
.form-cols input:focus,
.form-cols textarea:focus {
  border-color: #FC4C00; /* Your primary orange */
  outline: none;
}

/* Responsive design */
@media (max-width: 768px) {
  .form-cols .col {
    flex: 1 1 100%;
  }
}

/* CTA Section :: END */