/*
 Theme Name:   Foundirectly
 Theme URI:    https://wordpress.org/themes/twentytwentyone/
 Description: Twenty Twenty-One Child Theme
 Author:       John Doe
 Author URI:   https://yourwebsite.com
 Template:     twentytwentyone
 Version:      1.0.0
 Text Domain:  foundirectly
*/

/* Add your custom CSS below */

.custom-header {width: 100%;background: #ffffff;border-bottom: 1px solid #eee;position: sticky;top: 0;z-index: 999;}
.header-container, .footer-container {max-width: 1280px;margin: 0 auto;padding: 18px 0px;display: flex;align-items: center;justify-content: space-between;}
.logo img {max-height: 55px;width: auto;}
.main-nav {flex: 1;display: flex;justify-content: center;}
.nav-menu {display: flex;align-items: center;gap: 34px;list-style: none;margin: 0;padding: 0;}
.nav-menu li a {text-decoration: none;font-size: 16px;font-weight: 400;color: #000;transition: opacity 0.2s ease;font-family: Poppins, Sans-serif;}
.menu-item-has-children {position: relative;}
.sub-menu {position: absolute;top: 100%;left: 0;background: #fff;min-width: 200px;padding: 12px 0;box-shadow: 0 10px 30px rgba(0,0,0,0.08);opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.25s ease;}
.menu-item-has-children:hover .sub-menu {opacity: 1;visibility: visible;transform: translateY(0);}
.sub-menu li {padding: 0;list-style: none;}.sub-menu li a {display: block; padding: 10px 20px;font-size: 15px;font-family: Poppins, Sans-serif;}
.hire-btn {background:#3c7dfb;color: #fff;padding: 12px 22px;border-radius: 999px;font-size: 14px;font-weight: 600;text-decoration: none;transition: all 0.25s ease;}
.menu-toggle {display: none;cursor: pointer;}.menu-toggle span {display: block;width: 25px;height: 3px;background: #000;margin: 5px 0;}
.sub-menu-toggle {display: none !important;}
.menu-item-has-children > a {display: inline-flex;align-items: center;gap: 6px;position: relative;}
.menu-item-has-children > a::after {content: "";width: 7px;height: 7px;border-right: 2px solid #000;border-bottom: 2px solid #000;transform: rotate(45deg);margin-top: -2px;transition: transform 0.25s ease;}
.menu-item-has-children.active > a::after {transform: rotate(-135deg);}  .menu-item-has-children:hover > a::after { transform: rotate(-135deg); margin-bottom: -8px; }
.header-btn a:hover {background-color: #27aa5e;color: #fff !important;}
/*******************footer*******************/
.footer-bottom {max-width: 1280px;    margin: 0 auto;}
.custom-footer { background:#0F172A;color: #fff;}
.footer-container {padding: 80px 0px 60px;display: flex;justify-content: space-between;align-items: center;gap: 40px;flex-direction: column;}
.footer-center {align-items: baseline;justify-content: space-between;width: 100%;display: flex;text-align: center;}.footer-logo img {max-width: 200px;}
.footer-social {display: flex;justify-content: center;gap: 18px;margin-top: 36px;}
.footer-social a {color: #aaa;font-size: 15px;transition: color 0.25s ease; font-family: Poppins, Sans-serif;}
.footer-social a:hover {color: #fff;}.footer-menu {margin-bottom: 0;}
.footer-nav {display: flex;justify-content: center;gap: 28px; list-style: none; padding: 0;margin: 0;}
.footer-nav a {color: #fff;text-decoration: none;transition: color 0.25s ease;    font-size: 18px;font-family: Poppins, Sans-serif;font-weight: 400;}
.footer-email a {color: #fff;font-size: 18px;text-decoration: none; transition: color 0.25s ease; font-family: Poppins, Sans-serif;}
.footer-email a:hover { color: #fff;}.footer-bottom {border-top: 1px solid rgba(255,255,255,0.08); padding: 22px 0;text-align: center;}
.footer-bottom p {margin: 0;font-size: 13px;color: #fff;}.custom-footer ul.sub-menu, .footer-nav a:after {display: none;}
.footer-social a i {font-size: 20px;color: #fff;}.footer-social a i:hover {color: #27aa5e;}

/****************************************/
.web-developer-section .web-developer-column .web-developer-inner .web-developer-inner-col-one {
    width: auto;
}
.web-developer-section .web-developer-column .web-developer-inner .web-developer-inner-col-two {
    width: 50%;
    max-width: 588px;
}
.web-developer-section .web-developer-column .web-developer-inner .web-developer-inner-col-three {
    width: 40%;
    max-width: 525px;
}
.web-developer-section .web-developer-column .web-developer-inner .elementor-container.elementor-column-gap-default {
    justify-content: space-between;
    flex-wrap: wrap;
}
span.small {
    font-weight: 300;
    vertical-align: middle;
}
.fit {
    width: fit-content !important;
}
.simmonds-section .simmonds-inner-col img {
    max-width: 100% !important;
}
.simmonds-section .simmonds-inner .simmonds-inner-col-two, .simmonds-section .simmonds-inner .simmonds-inner-col {
    width: 48%;
}
.simmonds-section .simmonds-inner .elementor-container.elementor-column-gap-default {
    justify-content: space-between;
}
.elementor-element-baf0737 {
    display: none;
}
/***********responsive******************/

@media (max-width: 1024px) {
.main-nav {display: none;position: absolute;top: 80px;left: 0;width: 100%;background: #fff;box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.main-nav.active {display: block; }.nav-menu {flex-direction: column;padding: 20px;}.menu-toggle {display: block;}.header-btn {display: none; }
.nav-menu {align-items:flex-start;}    
    
}

@media (max-width: 768px) {
.footer-container {flex-direction: column; padding: 60px 20px 40px;}
.footer-nav {flex-wrap: wrap; gap: 18px;}
.footer-email { margin-top: 30px; }
    
}