/*
Theme Name: My-Process-Agent
Theme URI: https://1stfold.com/
Author: Rameez
Author URI: https://1stfold.com/
Description: A custom WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-custom-theme
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{ font-size: 20px; color: #000; line-height: 24px; padding: 0; margin: 0; font-family: "Poppins", sans-serif;}
a{text-decoration: none; color: #000;}
a:hover{color:#AB248D;}
.container{ max-width: 1200px; margin: 0 auto;}
.site-header{ margin: 10px 0;}

.menu {
  list-style: none;
  padding: 0;
  margin: 27px 0;
	text-align:right;
}

.menu li {
  display: inline-block;
  margin: 0 40px;
  position:relative;
}
.menu li a{ font-size:18px; font-weight:500; color:#fff;}
.menu li a:hover{color:#CBCBCB;}
.menu li.current_page_item a{ font-weight:800; color:#CBCBCB;}
.menu li.btn{margin-right:0;}
.menu li.btn a{ padding: 7px 17px; border-radius:10px; border:1px solid #F5F5F5; background: #fff; text-transform:uppercase; color: #082465; font-weight:700;}
.menu li.btn a:hover{background: #000; color:#fff; border-color:#000;}

/* Target menu items that have submenu */
.menu li.menu-item-has-children > a::after {
    content: "▼";
    font-size: 10px;
    margin-left: 6px;
    display: inline-block;
    transition: transform 0.3s ease;
}

/* Hide submenu by default */
.menu li .sub-menu {
    display: none;
    position: absolute;
    top: 25px;
    left: 50%;
    background: #fff;
    padding: 0;
    min-width: 226px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    z-index: 999;
}

/* Show submenu on hover */
.menu li:hover > .sub-menu {
    display: block;
}

/* 2 column layout */
.menu li .sub-menu {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

/* Submenu items */
.menu li .sub-menu li {
    list-style: none;
	margin:0;
	border-bottom:1px solid #e1e1e1;
	display:block;
}

/* Links styling */
.menu li .sub-menu li a {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    border-radius: 0; text-align:left;
	font-size:14px;
}

/* Hover effect */
.menu li .sub-menu li a:hover {
    background: #f5f5f5;
}

/* Optional: smooth fade effect */
.menu li .sub-menu {
    opacity: 0;
    visibility: hidden;
    transform: translate(10px);
    transition: all 0.3s ease;
}

/* Show with animation */
.menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%,0);
}

/* Basic toggle button styling */
.menu-toggle {
  display: none;
  width: 40px;
  height: 40px;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1001; /* Ensure above menu */
}

.menu-toggle .bar {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #fff;
  margin: 5px 0;
  transition: 0.4s;
}

.flex-box{ display: flex; align-items: center; justify-content: space-between;}
.copy-right-box{ font-size: 14px; color: #444; font-weight: 400; padding: 30px 0; margin: 40px 0 0; border-top: 1px solid #D9D9D9; text-align: center;}
.copy-right-box a{ font-weight:700;}
.copy-right-box a:hover{color:#082465;}
.footer-nav-box{ display: flex; align-items: center; justify-content: space-between;}
.footer-menu{ padding: 0; margin: 0;}
.footer-menu li{ list-style: none; display: inline-block; margin-right: 50px;}

.content-sec p:first-child{margin-top:0px;}
.content-sec p:last-child{margin-bottom:0px;}
.content-sec strong{font-weight:500;}
.box-p p, .box-p-2 p{margin:0px;}

.process-agent-calculator{
padding:80px 20px;
background:#f5f6f8;
font-family:Arial, sans-serif;
}


.quote-btn{
display:inline-block;
margin-top:20px;
padding:12px 22px;
border:1px solid #1e3a8a;
color:#1e3a8a;
border-radius:6px;
text-decoration:none;
font-weight:600;
}

/* Calculator Card */

.calculator-card{
flex:1;
background:#0f2e6d;
padding:40px;
border-radius:25px;
color:#fff;
max-width:500px;
}

.calculator-card label{
display:block;
margin-bottom:8px;
font-weight:400;
font-size:20px;
line-height:normal;
font-family: "Poppins", sans-serif;
}

.calculator-card input{
width:100%;
padding:14px;
margin-bottom:20px;
border-radius:6px;
border:1px solid rgba(255,255,255,0.4);
background:transparent;
color:#fff;
}

.calculator-card input::placeholder{
color:rgba(255,255,255,0.7);
}

.price-output{
font-size:20px;
font-weight:700;
margin-bottom:10px;
}

.appoint-btn{
max-width:208px;
padding:9px 40px;
background:#fff;
border:none;
border-radius:10px;
font-size:18px;
color:#082465;
font-weight:700;
cursor:pointer;
margin: 0 auto 10px auto;
display:block;
}
.appoint-btn:hover{background-color:#000; color:#fff;}

.note{
font-size:12px;
opacity:0.8;
text-align:center;
line-height:normal;
}
.calculator-card input:focus{
outline: none;
border:1px solid rgba(255,255,255,0.4);
box-shadow:none;
}
/* Responsive */
.site-header{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}
.logged-in .site-header{top:32px;}
.nav-box{border-bottom:1px solid #fff;width: 100%; margin-left:20px;}
.site-footer{ padding-top:70px;}
.footer-menu{padding:0; margin:0;}
.footer-menu li{ list-style:none;display: block; margin: 0;}
.footer-menu li a{ font-size:16px; line-height:25px; color:#082465;}
.footer-menu li a:hover{color:#444;}
.footer-menu li a svg{ vertical-align:middle; margin-right:10px; margin-bottom:10px;}
.footer-menu li a:hover svg rect {fill:#444}
.wpcf7 h3{background: #082465; padding: 20px; color: #fff; border-radius: 0px 40px 40px 0; max-width: max-content;}
@media (max-width: 900px){

.calculator-container{
flex-direction:column;
gap:40px;
}

.calculator-card{
max-width:100%;
}

}
@media (max-width:1024px) {
	.footer-logo img{ max-width:150px;}
.menu-toggle {display: block; margin:0 auto; margin-right:0;}
.nav-box{ width:100%;}

  .main-navigation .menu {
    display: none;
    flex-direction: column;
  }

  .main-navigation .menu.active {
    display: flex;
  }
	.menu-toggle {
    display: block;
  }

  .main-navigation .menu {
    display: none;
    flex-direction: column;
    background: #fff; /* Optional: background for dropdown */
    position: absolute;
    top: 70px; /* adjust based on header height */
    right: 0;
    left: 0;
    z-index: 1000;
  }

  .main-navigation .menu.active {
    display: flex;
  }

  /* Transform hamburger to cross when active */
  .menu-toggle.active .bar:nth-child(1) {
    transform: rotate(45deg) translate(7px, 6px);
  }

  .menu-toggle.active .bar:nth-child(2) {
    opacity: 0;
  }

  .menu-toggle.active .bar:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }
	#primary-menu li a {
        padding: 15px;
        display: block;
		font-size: 14px;border-bottom: 1px solid #c4c4c4;}
	.footer{ padding:30px 10px;}
#primary-menu li ul {
   position: relative;
        top: auto;
        left: 0;
        width: auto;
        opacity: 1;
        visibility: visible;
        display: block;
        box-shadow: none;
	padding-top:0; background:#eee;
	transform: none;
}
	.menu li {display: block;}
	.menu li .sub-menu li a {border-radius: 0;}
	.arrow-down{ float:right;}
	.sub-menu {
    display: none;
  }

  .sub-menu.open {
    display: block!important;
  }

  .arrow-down {
    cursor: pointer;
    display: inline-block;
  }
	.arrow-down.active img {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.cust-h2 h2{font-size:30px!important;}
.box-p-2 p br{display:none;}
.nav-box {padding: 20px 0;}
.site-footer {
    padding: 30px 20px 0;
}
.menu li a {color: #000;}
.menu li {margin: 0;}
.menu {text-align: left;}
.menu li.btn a {border-radius: 0;}
}
@media (max-width:900px) {
.box-p p br{display:none;}
}
@media (max-width:767px) {
.cust-h2 h2{font-size:22px!important;line-height: 30px!important;}
.cust-h2 h2 br{display:none;}
.box-p p br{display:block;}
.box-p-2 p {max-width:320px; margin: 0 auto;}
.calculator-card {padding: 40px 20px;}
.calculator-card label{font-size:14px;}
.footer-nav-box {flex-wrap: wrap;}
.footer-logo{ width:100%; max-width:100%; margin-bottom:20px; text-align:center;}
.footer-nav{ width:100%; max-width:50%; margin-bottom:20px;}
.footer-menu li a svg {display: none;}
.copy-right-box {padding: 20px 0; margin:0;}
.copy-right-box{ display:block; text-align:center;}
.footer-menu li {text-align: center;}
.footer-menu li a {font-size: 12px;line-height: 18px;}
.wpcf7 h3 {padding: 20px; font-size: 16px;}
.wpcf7-form .flex-box{display:block;}
.menu li .sub-menu {
grid-template-columns: 1fr;
}
.menu li .sub-menu li{border-bottom:none;}
}