*{padding: 0;margin: 0;box-sizing: border-box;}
body{font-family: "Lexend Deca", sans-serif;top: 0px !important;
    position: static !important;}
a { text-decoration: none; }
ul { list-style: none; padding-left: 0px; margin-bottom: 0px;}
h1, h2,h3,h4,h5,h6,p{margin-bottom: 0px;}
input, input:focus, textarea, textarea:focus { border: 0px; outline: none; }
textarea.form-control{resize: none;}
:focus-visible {outline: none;}
.form-control:focus , .form-select:focus{ outline: none; border: 1px dashed #444; box-shadow: none; }
:root {  
    --primary-color: #00793A;
    --filter-primary:brightness(0) saturate(100%)
        invert(30%)
        sepia(98%)
        saturate(1200%)
        hue-rotate(101deg)
        brightness(87%)
        contrast(101%);
    --secondary-color: #8BC53F;
    --filter-secondary: brightness(0) saturate(100%) 
    invert(72%) sepia(54%) 
    saturate(700%) 
    hue-rotate(37deg) 
    brightness(94%) 
    contrast(91%);
}
#google_translate_element2,
.skiptranslate {display: none !important;}


/* header-top */
.header-top{background-color: var(--primary-color);}
.header-top-right{display: flex;justify-content: flex-end;margin-right: 50.5px;padding-block: 14.5px;}
.header-top-right .call{display: inline-flex;align-items: center;gap: 7px;position: relative;padding-right: 17.3px;}
.header-top-right .call span{color: #fff;font-weight: 500;font-size: 16px;line-height: 1.25;letter-spacing: 0.28px;transition: all 0.5s;}
.header-top-right .call:hover img{animation: phoneShake 0.5s ease-in-out infinite;}
@keyframes phoneShake {
    0% {transform: rotate(0deg);}
    20% {transform: rotate(-12deg);}
    40% {transform: rotate(12deg);}
    60% {transform: rotate(-10deg);}
    80% {transform: rotate(10deg);}
    100% {transform: rotate(0deg);}
}
.header-top-right .call::after{content: '';position: absolute;top: 50%;right: 0px;transform: translateY(-50%);background-color: rgb(255, 255, 255,44%);width: 1px;height: 21px;}
.header-top-right .language_translate {margin-left: 11.5px;position: relative;transition: all 0.5s;}
.header-top-right .language_translate .translate_btn {position: relative;font-size: 15px;font-weight: 400;line-height: 1.28;color: #fff;display: flex;align-items: center;gap: 8px;cursor: pointer;}
.header-top-right .language_translate .translate_btn img {transition: all 0.5s;}
.header-top-right .language_translate .language_dropdown {transition: all 0.5s ease;opacity: 0;visibility: hidden;transform: translateY(-5px);position: absolute;top: 100%;left: 0;background: #fff;padding: 0;list-style: none;box-shadow: 0 3px 10px rgba(0,0,0,.15);z-index: 99;margin-top: 13px;}
.header-top-right .language_translate .language_dropdown {opacity: 0;visibility: hidden;}
.header-top-right .language_translate .language_dropdown li{transition: all 0.5s;}
.header-top-right .language_translate .language_dropdown li a {display: inline-block;padding: 7px 15px;color: #444; font-size: 15px; text-decoration: none;border-bottom: 1px solid #eee;transition: all 0.5s;width: 100%;text-transform: capitalize;}
.header-top-right .language_translate .language_dropdown li:hover a{background-color: var(--secondary-color);color: #fff;}

/* navbar */
nav .main-navbar{display: flex;margin-inline: 50px;padding-block: 22px;align-items: center;transition:all 0.5s ease;}
nav .navbar-logo{height: 51px;margin-top: -143px;position: sticky;z-index: 2;}
nav .navbar-logo img{background-color: #fff;box-shadow: 1px 23px 36px rgba(0, 0, 0, 0.16);padding: 35px 29px; display: inline-block;z-index: 2;position: relative;transition: all 0.5s ease;    max-width: 189px;}
nav .navbar-menu{display: flex;align-items: center;gap: 37px;border: 0;}
nav .navbar-menu .dropdown-toggle{border: 0;background-color: transparent;padding-inline: 0;}
nav .navbar-menu .dropdown-toggle::after{display: none;}
nav .navbar-menu .dropdown button{border: 0;background-color: transparent;}
nav .navbar-menu .dropdown img{filter: var(--filter-primary);transition: all 0.5s;}
nav .navbar-menu .dropdown .dropdown-menu li{border-bottom: 0;}
nav .navbar-menu li a{font-size: 17px;font-weight: 500;color: #444;transition: all 0.5s;}
nav .navbar-menu li a:hover{color: var(--primary-color);}
nav .navbar-btn{font-size: 17px;font-weight: 400;color: #444;background-color: transparent;border: 2px solid var(--primary-color);padding: 11px 21px;display: inline-block;border-radius: 5px;transition: all 0.5s;}
nav .navbar-btn:hover{background-color: var(--primary-color);color: #fff;}
nav .navbar-btn::before{position: absolute;content: '';background-color: var(--primary-color);width: 0%;height: 100%;left: 0;top: 0;transition: all 0.5s;overflow: hidden;border-radius: 10px;z-index: -1;}
nav .navbar-menu .dropdown{position: relative;}
nav .navbar-menu .dropdown .dropdown-menu {position: absolute;top: 100%;left: 0;min-width: 300px;background: #fff;padding: 0;list-style: none;box-shadow: 0 3px 10px rgba(0,0,0,.15);z-index: 99;display: inline-block;border-radius: 0;transition: all 0.5s ease;opacity: 0;visibility: hidden;transform: translateY(-5px);margin-top: 10px;border: 0;}
nav .navbar-menu .dropdown li a {position: relative;display: inline-block;padding: 12px 15px;color: #444;font-size: 17px;font-weight: 500;text-decoration: none;border-bottom: 1px solid #eee;transition: all 0.5s;width: 100%;line-height: 1.3;transition: all 0.5s;}
nav .navbar-menu .dropdown li a::after{position: absolute;content: ''; width: 10px; height: 10px; left: 25px;top: 42%;transform: rotate(275deg) translateY(-50%);background-image: url('../images/arrow.svg');background-position: center;background-repeat: no-repeat;filter: var(--filter-primary);opacity: 0;transition: all 0.5s;}
nav .navbar-menu .dropdown li:hover a::after{opacity: 1;left: 15px;}
nav .navbar-menu .dropdown li:hover a {padding-left: 25px;color: var(--primary-color);}
.navbar-menu li a.active {color: var(--primary-color);}
.navbar-menu .dropdown-menu li a.active {color: var(--primary-color);}
.navbar-toggler-wrap {display: none;}
.navbar-toggler {width: 45px;height: 45px;border: 0;background: transparent;padding: 8px;display: flex;flex-direction: column;justify-content: center;gap: 6px;cursor: pointer;}
.navbar-toggler span { display: block;width: 100%;height: 2px;background: #00793A;transition: 0.3s ease;}
header{transition: all 0.5s ease;width: 100%;position: sticky;top: 0; z-index: 3;background: #fff;left: 0;}
header.sticky-header {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);}
header.sticky-header nav .navbar-logo img{ padding: 22px 20px;max-width: 169px;}
header.sticky-header nav .main-navbar{ height: 80px;}
header.sticky-header nav .navbar-menu li a{font-size: 16px;}
header.sticky-header nav .navbar-logo{ height: 30px; margin-top: -148px;}
header.sticky-header nav .navbar-logo img{    max-width: 140px;}


/* Footer */
footer{background-color: #EEEEEE;}
footer .footer_top{border-bottom: 1px solid #CFCFCF;padding-bottom: 18.5px;position: relative;padding-top: 69px;}
footer .footer_top .footer_logo{padding-left: 51px;}
footer .footer_top .social_icons{padding-right: 33px;}
footer .footer_top::before {position: absolute;content: '';width: 100%;height: 10px;background-color: var(--secondary-color);top: 0;left: 0;}
footer .social_icons .icon_box{width: 47px;height: 47px;background-color: var(--secondary-color);line-height: 47px;text-align: center;border-radius: 10px; position: relative; display: inline-block;transition: all 0.5s;z-index: 1; overflow: hidden;}
footer .footer-menus{padding-block: 43.5px 78px;}
footer p{line-height: 1.47;max-width: 299px;padding-bottom: 24px;color: #444;}
footer  ul li a{font-size: 17px;font-weight: 400;line-height: 1.36;display: inline-block;color: #444;transition: all 0.5s;position: relative;}
.footer-menus{padding-inline: 51px;}
footer ul li a.footer_links{font-size: 17px;font-weight: 400;line-height: 1.76;display: inline-block;color: #444;}
footer h6{color: var(--primary-color);font-size: 17px;font-weight: 500;line-height: 2.35;text-transform: uppercase;}
footer .footer_bottom{background-color: var(--primary-color);}
footer .footer_bottom p, footer .footer_bottom p a{font-size: 16px;font-weight: 400;line-height: 1.87;color: #fff;text-align: center;max-width: 100%;padding-block: 21px;}
footer .footer_bottom .webplus_logo{mix-blend-mode: luminosity;opacity: 82%;transition: all 0.5s;}
footer .footer_bottom p a{transition: all 0.5s;}
footer .footer_bottom  a:hover .webplus_logo{opacity: 100%;mix-blend-mode: unset;}
footer .social_icons .icon_box::before{position: absolute;content: '';background-color: var(--primary-color);width: 0%;height: 100%;left: 0;top: 0;transition: all 0.5s;overflow: hidden;border-radius: 10px;z-index: -1;}
footer .social_icons .icon_box:hover::before{width: 100%;}
footer  ul li a:hover{transform: translateX(5px);color: var(--secondary-color);}



/*================ whatsapp sticky button ================*/
.whatsapp-sticky { position: fixed; right: 25px; bottom: 25px; width: 55px; height: 55px;  border-radius: 50%; z-index: 9999; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); transition: all 0.5s ease;animation: wpphoneShake 1.5s ease-in-out infinite}
@keyframes wpphoneShake {
    0%,70%,100% {transform: rotate(0deg);}
    74% {transform: rotate(-10deg);}
    78% {transform: rotate(10deg);}
    82% {transform: rotate(-8deg);}
    86% {transform: rotate(8deg);}
    90% {transform: rotate(-5deg);}
    94% {transform: rotate(5deg);}
}
.whatsapp-sticky:hover {color: #fff;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);animation: none;}


/*================ custome cursor ================*/
.cursor-ring {position: fixed; width: 40px; height: 40px; border: 1px solid #444; border-radius: 50%; left: 0; top: 0; pointer-events: none; transform: translate(-50%, -50%); transition: 0.15s; z-index: 999;}
.cursor-dot { position: fixed; width: 8px; height: 8px; background-color:#444; border-radius: 50%; left: 0; top: 0; pointer-events: none; transform: translate(-50%, -50%); transition: 0.2s;z-index: 999;}

/* Scrollbar Width */
::-webkit-scrollbar {width: 7px;}
::-webkit-scrollbar-thumb {background: var(--secondary-color);border-radius: 5px;transition: all 0.5s;}
::-webkit-scrollbar-thumb:hover {background: var(--primary-color);}



.contactForm .form {width: 100%;padding: 65px;background: rgb(255 255 255);box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);z-index: 0;}
.careerForm .form-group.upload_resume .input-group button.custom-file-control {border: none;background: transparent;font-size: 16px;font-weight: 400;color: var(--primary);padding: 5px 0 5px 0;}
.careerForm .form-group.upload_resume .input-group {border: 1px solid #ccc;text-align: center;padding: 12px 30px;cursor: pointer;flex-direction: column;border-radius: 10px;min-height: 120px;}
.input-box {position: relative;width: 100%;}
.input-box .form-control, .input-box textarea.form-control {width: 100%;padding: 15px;border: 1px solid #cecece;border-radius: 10px;outline: none;font-size: 15px;background: transparent;outline: none;box-shadow: none;}
.input-box .form-select{width: 100%;padding: 15px;border: 1px solid #cecece;border-radius: 10px;font-size: 15px;}
.input-box label{position: absolute;top: -10px;left: 15px;background: #fff;padding: 0 8px;color: rgb(68, 68, 68,0.90);font-size: 15px;letter-spacing: 1px;font-weight: 400;z-index: 1;}
.input-box label span , .custom-file-control span{color: #c90d0d;}
.careerForm .form-group.upload_resume .form-control.attachment {border: none;background: transparent;width: 100%;text-align: center;font-size: 13px;height: 20px;padding: 3px 10px;}
.careerForm .border-btn{border: 0;background-color: transparent;margin-top: 20px;}
.careerForm .form-group.upload_resume .input-group button.custom-file-control {border: none;background: transparent;font-size: 15px;font-weight: 400;color: #444;padding: 5px 0 5px 0;}
.modal-content{padding: 30px 20px;border: 0;border-radius: 0;}
.modal-header{border-bottom: 0;padding-bottom: 30px;}
.modal-body .careerForm{padding-bottom: 0px;}
.modal-header .modal-title{font-size: 35px;font-weight: 400;color: var(--primary-color);}
.modal-backdrop {background: rgb(0 121 58 / 60%);backdrop-filter: blur(8px);z-index: 5;transition: opacity 0.5s ease, backdrop-filter 0.5s ease;opacity: 0;}
.modal-backdrop.show {opacity: 1;}
/* .modal-backdrop::before {position: absolute;content: '';background-image: url('../images/package-brand-bg.png');background-position: center;background-size: cover;background-repeat: no-repeat;width: 100%;height: 100%;inset: 0;opacity: 10%;z-index: -1;} */
.modal-dialog{max-width: 800px;width: calc(100% - 20px);margin: 0 auto;}
.modal-header .btn-close {background-color: var(--secondary-color);position: absolute;right: 8px;top: 15px;z-index: 1;width: 30px;height: 30px;opacity: 1;border-radius: 50% 0 0 50%;transition: background-color 0.5s;background-image: none;}
.modal-header .btn-close::before {content: "";position: absolute;width: 15px;height: 15px;left: 50%;top: 50%;transform: translate(-50%, -50%);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' d='M.293 0.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 1 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 1 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414-1.414z'/%3e%3c/svg%3e");background-repeat: no-repeat;background-size: contain;transition: transform 0.5s ease;}
.modal-header .btn-close:hover {background-color: var(--primary-color);}
.modal-header .btn-close:hover::before {transform: translate(-50%, -50%) rotate(180deg);}
.modal-header .btn-close:focus{border: 0;box-shadow: none;}
.form-btn{font-size: 17px;font-weight: 400;color: #444;background-color: transparent;border: 2px solid var(--primary-color);padding: 11px 31px;display: inline-block;border-radius: 5px;transition: all 0.5s;margin-top: 20px;}
.form-btn:hover {background-color: var(--primary-color);color: #fff;}



/*---------------  ---------------*/
.iti{width: 100%;} 
.iti__arrow{margin-left: 5px;border-left-width: 4px;border-right-width: 4px;border-top: 5px solid var(--primary-color);}
.iti__arrow--up{border-top: 0;border-bottom: 5px solid var(--primary-color);}
.iti__flag{box-shadow: 0 0 0 1px #fff;}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color: rgb(0 0 0/ 0);}
.iti__country-list{max-width: 300px;white-space: wrap;}
.mobile .form-control::placeholder{font-size: 0;color: transparent;}


@media (min-width: 768px){
    nav .navbar-btn .enquiry-btn{display: none;}
}

@media (min-width: 1200px){
    nav .navbar-menu .dropdown:hover .dropdown-menu{opacity: 1;visibility: visible;transform: translateY(0);border: 0;}
    nav .navbar-menu .dropdown:hover img{transform: rotate(180deg);}
    nav .main-navbar{justify-content: space-between;}
    .header-top-right .language_translate:hover .language_dropdown {opacity: 1;visibility: visible;transform: translateY(0);}
    .header-top-right .language_translate:hover .translate_btn img.arrow {transform: rotate(180deg);}
    .mobile-menu-close{display: none;}
}

@media (max-width: 1399px) {
    nav .navbar-btn{ padding: 10px 15px;}
    nav .navbar-menu{gap: 13px;}
    nav .navbar-menu li a{font-size: 16px;}
    nav .navbar-logo img{padding: 25px 18px;}
    nav .navbar-menu .dropdown .dropdown-menu{min-width: 280px;}
    nav .navbar-menu .dropdown li a{font-size: 16px;}
    footer ul li a {font-size: 16px;}
    .contactForm .form{padding: 55px 55px 55px 55px;}
    .careerForm .secn_title{padding-bottom: 40px;}
}

@media (max-width: 1199px) {
    .header-top-right .language_translate.active .language_dropdown {opacity: 1;visibility: visible;transform: translateY(0);}
    .header-top-right .language_translate.active .translate_btn img.arrow {transform: rotate(180deg);}
    .navbar-toggler-wrap{display: block;padding-left: 15px;}
    .navbar-logo img {width: 85%;margin: 0 auto;display: block;}
    .navbar-toggler {width: 45px;height: 45px;border: 0;background: transparent;padding: 8px;display: none;flex-direction: column;justify-content: center;gap: 6px;cursor: pointer;}
    .navbar-toggler {display: flex;margin-left: auto;}
    .navbar-toggler span {display: block;width: 100%;height: 2px;background: #00793A;transition: all 0.3s ease;}
    .mobile-menu-overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.45);z-index: 2;opacity: 0;visibility: hidden;transition: all 0.4s ease;}
    .mobile-menu-overlay.active {opacity: 1;visibility: visible;}
    .mobile-menu-close {position: absolute;top: 25px;right: 25px;width: 42px;height: 42px;border: 0;background: transparent;padding: 0;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 10002;}
    .mobile-menu-close span {position: absolute;width: 25px;height: 2px;background-color: #00793A; left: 50%; top: 50%;transition: transform 0.3s ease;}
    .mobile-menu-close span:first-child {transform: translate(-50%, -50%) rotate(45deg);}
    .mobile-menu-close span:last-child {transform: translate(-50%, -50%) rotate(-45deg);}
    .mobile-menu-close:hover span:first-child {transform: translate(-50%, -50%) rotate(135deg);}
    .mobile-menu-close:hover span:last-child {transform: translate(-50%, -50%) rotate(45deg);}
    nav .main-navbar > div:nth-child(2) {position: fixed;top: 0;right: 0;width: 380px;max-width: 90vw;height: 100vh;background: #fff;z-index: 9999;padding: 100px 30px 30px;overflow-y: auto;transform: translateX(100%);transition: transform 0.5s cubic-bezier(.77, 0, .18, 1);}
    nav .main-navbar > div:nth-child(2).active {transform: translateX(0);}
    nav .main-navbar {height: 80px;padding-block: 15px;}
    nav .navbar-menu {display: block;padding: 0;margin: 0;list-style: none;}
    nav .navbar-menu > li {width: 100%;border-bottom: 1px solid #eee;}
    nav .navbar-menu > li > a {display: block;padding: 16px 0;font-size: 17px;}
    nav .navbar-menu .dropdown {position: relative;display: block;}
    nav .navbar-menu .dropdown button {position: absolute;right: 0;top: 5px;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;}
    nav .navbar-menu .dropdown img {width: 14px;transition: transform 0.3s ease;}
    nav .navbar-menu .dropdown.active img {transform: rotate(180deg);}
    nav .navbar-menu .dropdown .dropdown-menu {position: static;width: 100%;min-width: 0;display:block;opacity: 0; visibility: hidden;transform: none;box-shadow: none;padding: 0;background: #f7f7f7;max-height: 0;opacity: 0;border: 0;margin-top: 0px;}
    nav .navbar-menu .dropdown.active .dropdown-menu {border: 0;background: transparent;margin-top: 0; padding-bottom: 20px;max-height: 500px;opacity: 1;visibility: visible;}
    nav .navbar-menu .dropdown li a {padding: 10px 15px 10px 2px;font-size: 15px;border-bottom: 0;}
    nav .navbar-menu .dropdown li a::after{opacity: 1;left: 10px;}
    nav .navbar-menu .dropdown li a {padding-left: 20px !important;}
    nav .navbar-menu .dropdown li:hover a::after {left: 10px;}
    .nav-btn {display: flex;margin: 0 0  0 auto;}
    .footer-menus {padding-inline: 25px;}
    footer .footer_top .footer_logo {padding-left: 25px;}
    footer .footer_top .footer_logo {padding-left: 51px;}
    header.sticky-header nav .main-navbar {height: 70px;}
}

@media (max-width:991px) {
    .navbar-logo img {width: 75%;}
    footer p{padding-bottom: 17px;}
    header.sticky-header nav .navbar-logo img {max-width: 160px;}
}

@media (max-width:767px) {
    nav .navbar-btn span{display: none;}
    nav .navbar-btn {padding: 6px 6px;}
    .navbar-btn .enquiry-btn{filter: var(--filter-primary);width: 30px;}
    footer h6, footer ul li a.footer_links{font-size: 16px;}
    footer ul li a {font-size: 16px;}
    footer .footer_bottom p, footer .footer_bottom p a{font-size: 15px;}
    footer .social_icons .icon_box{width: 42px;height: 42px;line-height: 42px;}
    footer .footer-menus .footer_nav{width: 100%;}
    footer .footer-menus .arrow{filter: var(--filter-primary);}
    .contactForm .form {padding: 40px 40px 45px 40px;}
    .modal-header .modal-title{font-size: 32px;}
    .whatsapp-sticky{width: 45px;height: 45px;}
}

@media (max-width:576px) {
    .header-top-right{margin-right: 20px;}
    .header-top-right .call{padding-right: 11.5px;}
    nav .navbar-logo {margin-top: -107px;}
    nav .navbar-logo img{padding: 18px 24px;width: 68%;}
    nav .main-navbar{height: 60px;}
    nav .main-navbar{margin-inline: 20px;}
    footer .footer_top .footer_logo {padding-left: 0px;}
    footer .footer_top .social_icons {padding-right: 0px;}
    .footer-menus {padding-inline: 12px;}
    footer .footer-menus {padding-block: 43.5px 43px;}
    footer .social_icons .icon_box {width: 38px;height: 38px;line-height: 38px;}
    footer .footer_bottom p{padding-inline: 12px;}
    footer ul li a {font-size: 15px;}
    .careerForm .form-group.upload_resume .input-group button.custom-file-control{font-size: 14px;}
    .modal-header .modal-title {font-size: 28px;}
    header.sticky-header nav .main-navbar {height: 60px;}
    header.sticky-header nav .navbar-logo{ margin-top: -130px;}
    header.sticky-header nav .navbar-logo img {max-width: 137px;}
    .header-top-right .call span{font-size: 15px;}
    footer ul li a.footer_links {font-size: 15px;}
}

@media (max-width:430px) {
    .header-top-right .call {padding-right: 17.5px;}
    .header-top-right .call span{display: none;}
    .navbar-btn .enquiry-btn { width: 25px;}
    .navbar-toggler-wrap {padding-left: 8px;}
    nav .navbar-logo img {width: 68%;}
    nav .main-navbar > div:nth-child(2){width: 100%;max-width: 100vw;}
    footer ul li a {font-size: 14px;}
    .contactForm .form {padding: 35px 20px 45px 20px;}
    .input-box label {font-size: 13px;}
    .form-btn{padding: 11px 25px;}
    .header-top-right .language_translate .translate_btn{font-size: 14px;}
    header.sticky-header nav .main-navbar {height: 50px;}
    footer ul li a.footer_links {font-size: 14px;}
    footer h6 {font-size: 15px;}
    .modal-dialog{width: calc(100% - 10px);}    
    .modal-content{    padding: 30px 8px;}
    .modal-header .modal-title {font-size: 25px;}
    .modal-header .btn-close{width: 25px;height: 25px;}
    .whatsapp-sticky{width: 40px;height: 40px;right: 6px;bottom: 6px;}
}