/*!
Theme Name: Wp-Yeasfi
Theme URI: http://yeasir.adaptstoday.co.uk/
Author: Underscores.me
Author URI: http://yeasir.adaptstoday.co.uk/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-yeasfi
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.


*/

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
h1 {
	font-weight: 500;
}
body {
    padding: 0;
    margin: 0;
    background-color: #fff;
    font-family: "Open Sans", sans-serif !important ;
    overflow-x: hidden;
    counter-reset: stepCounter;
}
:root {
    --green: #5ec362;
    --green-light: #edffee;
    --yellow: #fbff36;
    --yellow-light: #feffd8;
    --orange: #fabb00;
    --orange-light: #fabb00;
    --dark-1: #15221e;
    --dark-2: #2c3936;
    --dark-3: #5d6f6a;
    --dark-4: #81958f;
    --dark-5: #acc1bb;
    --dark-6: #d8e2df;
    --dark-7: #eaf0ee;
    --info: #219fff;
    --info-light: #e9f6ff;
    --success: #00ffb6;
    --success-light: #e9fbf6;
    --warning: #ffc233;
    --warning-light: #fff9eb;
    --danger: #f53d6b;
    --danger-light: #feecf1;
    --noneLight: #cc9900;
}
/* @media (min-width: 1200px) {
    .container {
        max-width: 900px !important;
    }
} */
.text-clr-green {
    color: var(--green) !important;
}
.text-clr-greenLight {
    color: var(--green-light);
}
.text-clr-yellow {
    color: var(--yellow);
}
.text-clr-yellowLight {
    color: var(--yellow-light);
}
.text-clr-orange {
    color: var(--orange);
}
.text-clr-orange-light {
    color: var(--orange-light);
}
.text-clr-dark1 {
    color: var(--dark-1);
}
.text-clr-dark2 {
    color: var(--dark-2);
}
.text-clr-dark3 {
    color: var(--dark-3);
}
.text-clr-dark4 {
    color: var(--dark-4);
}
.text-clr-dark5 {
    color: var(--dark-5);
}
.text-clr-dark6 {
    color: var(--dark-6);
}
.text-clr-dark7 {
    color: var(--dark-7);
}
.text-clr-info {
    color: var(--info);
}
.text-clr-iLight {
    color: var(--info-light);
}
.text-clr-success {
    color: var(--success);
}
.text-clr-sLight {
    color: var(--success-light);
}
.text-clr-warning {
    color: var(--warning);
}
.text-clr-wLight {
    color: var(--warning-light);
}
.text-clr-danger {
    color: var(--danger);
}
.text-clr-dLight {
    color: var(--danger-light);
}
.text-offwhite {
    color: #e8eceb;
}
.bg-clr-green {
    background-color: var(--green);
}
.bg-clr-greenLight {
    background-color: var(--green-light);
}
.bg-clr-yellow {
    background-color: var(--yellow) !important;
}
.bg-clr-yellowLight {
    background-color: var(--yellow-light);
}
.bg-clr-orange {
    background-color: var(--orange) !important;
}
.bg-clr-orange-light {
    background-color: var(--orange-light);
}
.bg-clr-dark1 {
    background-color: var(--dark-1);
}
.bg-clr-dark2 {
    background-color: var(--dark-2);
}
.bg-clr-dark3 {
    background-color: var(--dark-3);
}
.bg-clr-dark4 {
    background-color: var(--dark-4);
}
.bg-clr-dark5 {
    background-color: var(--dark-5);
}
.bg-clr-dark6 {
    background-color: var(--dark-6);
}
.bg-clr-dark7 {
    background-color: var(--dark-7);
}
.bg-clr-info {
    background-color: var(--info);
}
.bg-clr-iLight {
    background-color: var(--info-light);
}
.bg-clr-success {
    background-color: var(--success);
}
.bg-clr-sLight {
    background-color: var(--success-light);
}
.bg-clr-warning {
    background-color: var(--warning);
}
.bg-clr-wLight {
    background-color: var(--warning-light);
}
.bg-clr-danger {
    background-color: var(--danger);
}
.bg-clr-dLight {
    background-color: var(--danger-light);
}
.bg-clr-noneLight {
    background-color: var(--noneLight);
}
.bg-deep-green {
    background-color: #184537;
}
.fs-12 {
    font-size: 12px;
    line-height: 22px;
}
.fs-14 {
    font-size: 14px;
    line-height: 22px;
}
.fs-17 {
    font-size: 17px !important;
    line-height: 27px;
}
@media (max-width: 1400px) {
    .fs-17 {
        font-size: 17px !important;
        line-height: 27px;
    }
}
.fs-18 {
    font-size: 18px;
    line-height: 28px;
}
.fs-22 {
    font-size: 22px;
    line-height: 32px;
}
.fs-30 {
    font-size: 30px;
    line-height: 40px;
}
.fs-36 {
    font-size: 36px;
    line-height: 46px;
}
.fs-48 {
    font-size: 48px;
    line-height: 58px;
}
.fs-5s {
    font-size: 1rem!important;
}
.fs-54 {
    font-size: 54px;
    line-height: 3.37rem;
}
.fw-medium {
    font-weight: 500 !important;
}
.fw-semi-bold {
    font-weight: 600;
}
.fw-800 {
    font-weight: 800 !important;
}
.fw-black {
    font-weight: 900;
}
.box-shadow {
    -webkit-box-shadow: 0px 20px 30px rgba(25, 46, 34, 0.05);
    box-shadow: 0px 20px 30px rgba(25, 46, 34, 0.05);
}
.box-shadow2 {
    -webkit-box-shadow: 0px 7px 40px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 7px 40px rgba(0, 0, 0, 0.05);
}
.radius-8 {
    border-radius: 8px;
}
.radius-10 {
    border-radius: 10px;
}
.radius-12 {
    border-radius: 12px;
}
.radius-16 {
    border-radius: 16px;
}
.ff-notoSans {
    font-family: "Noto Sans", sans-serif !important;
}
.border2-noneLight {
    border: 2px solid var(--noneLight);
}
.border-green {
    border: 2px solid var(--green) !important;
}
.secTitle {
	font-weight: 500 !important;
}
.gpc-btn .btn {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    height: 46px;
    padding: 0 30px;
}
.slim-btn {
	height: 37px !important;
}
.fs-15 {
    font-size: 14px !important;
}
.gpc-btn .btn:hover {
    /*
     -webkit-transform: translateY(-1px);
     transform: translateY(-1px); 
	*/
    background-color: var(--orange-light) !important;
    border-color: var(--orange-light) !important;
}
.gpc-btn .btn.isBg-btn {
    background-color: var(--orange);
}
.gpc-btn .btn.isBg-btn:hover {
    background-color: #fabb00;
    border-color: #fabb00 !important;
	background-color: var(--orange-light) !important;
    border-color: var(--orange-light) !important;
}
.form-select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.section-padding {
    padding: 120px 0;
}
.ls-2 {
    letter-spacing: 0.2em;
}
p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
}
.img-fluid {
/*     max-width: 75% !important; */
/*     height: auto; */
/*     display: block; */
/*     margin: auto; */
}
li.checklist .img-fluid{margin: 0;}
.country-selector ul li a {
    background: #fff;
    padding: 5px !important;
    display: block;
}
.country-selector ul li a:hover{
    text-decoration: none !important;
}
.mt-100 {
    margin-top: 100px;
}
.mb-70 {
    margin-bottom: 70px;
}
.pb-70 {
    padding-bottom: 70px;
}
.navbar-toggler:focus,
.btn:focus,
button:focus,
.form-control:focus,
a:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.header {
    z-index: 9999;
}
@media (min-width: 1200px) {
    .header {
        padding: 0 75px;
    }
}
@media (max-width: 1200px) {
    .header {
        padding: 0 15px;
        background: linear-gradient(64deg, #1b7c1e -15%, #5db760 68%, #61cf64 100%);
    }
}
.header .gpc-btn .isBg-btn {
    height: 40px;
    line-height: 21px;
}
.header .navbar-nav .nav-link {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.header .dropdown-toggle::after {
    border: 0;
}
.header .dropdown-selection {
    position: relative;
}
.header .dropdown-selection img {
    width: 24px;
    height: 24px;
    display: block;
}
.header .dropdown-selection .toggleArrow {
    cursor: pointer;
}
.header .dropdown-selection .dropdown-option {
    display: block;
}
.header .dropdown-menu {
    top: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-box-shadow: 0px 30px 60px rgba(17, 43, 18, 0.25);
    box-shadow: 0px 30px 60px rgba(17, 43, 18, 0.25);
}
.header .dropdown-menu .dropdown-item {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.header .dropdown-menu .dropdown-item:hover {
    color: var(--green);
    background-color: transparent;
}
.header .dropdown-menu .dropdown-divider {
    border-color: rgba(21, 34, 30, 0.1);
}
.header .drop-shape::before {
    content: "";
    position: absolute;
    top: -28px;
    right: 10px;
    width: 30px;
    height: 15px;
    background-color: #fff;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    border-radius: 5px;
}
.header .dropdown-menu1 {
    position: absolute;
    top: 70%;
    left: 0;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100px;
}
.header .dropdown-menu1.show {
    visibility: visible;
    opacity: 1;
    top: 80%;
}
.banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.banner .banner-height {
    min-height: 950px;
}
/* @media (min-width: 1500px) {
    .banner .bannerImage {
        margin-right: -248px;
    }
} */
.banner.subpage-banner .banner-height {
    min-height: 350px;
}
@media (max-width: 991px) {
    .banner .section-header {
        margin-top: 150px;
    }
}
.uses-steps .uses-instructions .step-number::after {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    background-image: url("../img/step-number-shape.png");
    background-repeat: no-repeat;
    background-size: 120px;
    width: 116px;
    height: 110px;
    z-index: -1;
}
.uses-steps .uses-instructions .step-number .number {
    width: 75px;
    height: 75px;
    line-height: 75px;
}
.uses-steps .uses-instructions .step-number .number::before {
    counter-increment: stepCounter;
    content: counter(stepCounter);
}
.uses-steps .uses-instructions .uses-steps {
    text-decoration-thickness: 5px;
}
.link-underline {
    text-decoration-thickness: 1px;
}
.feature-left.feature-left-shape {
    position: relative;
}
.feature-left.feature-left-shape::after {
    content: "";
    position: absolute;
    top: -66px;
    left: -65px;
    width: 100%;
    width: 166px;
    background-size: 152px;
    height: 166px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='158' height='158' viewBox='0 0 158 158' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.6' d='M19.8722 29.2317C21.3838 23.9044 25.6227 19.7882 30.9921 18.4336L92.6596 2.87673C98.029 1.52218 103.713 3.13508 107.571 7.10784L151.877 52.735C155.735 56.7078 157.18 62.4369 155.669 67.7641L138.308 128.948C136.796 134.276 132.557 138.392 127.188 139.746L65.5203 155.303C60.1509 156.658 54.4667 155.045 50.6089 151.072L6.30251 105.445C2.44474 101.472 0.999466 95.7431 2.5111 90.4158L19.8722 29.2317Z' stroke='url(%23paint0_linear_8095_2920)' stroke-width='3'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_8095_2920' x1='21.1084' y1='19.38' x2='137.071' y2='138.8' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D8E2DF'/%3E%3Cstop offset='1' stop-color='%23D8E2DF' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.share {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.mgp-pricing .container {
    max-width: 1440px;
}
.mgp-pricing .pricing-plan {
    -webkit-box-shadow: 0px 30px 60px rgba(25, 46, 34, 0.05), inset 0px 5px 0px #ddeade;
    box-shadow: 0px 30px 60px rgba(25, 46, 34, 0.05), inset 0px 5px 0px #ddeade;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.mgp-pricing .pricing-plan .btn.border-green {
    border-color: #15221e !important;
}
.mgp-pricing .pricing-plan:hover {
    -webkit-box-shadow: 0px 30px 60px rgba(25, 46, 34, 0.1), inset 0px 5px 0px #ddeade;
    box-shadow: 0px 30px 60px rgba(25, 46, 34, 0.1), inset 0px 5px 0px #ddeade;
}
.mgp-pricing .pricing-plan:hover .btn {
    background-color: var(--orange);
    border-color: var(--orange) !important;
    color: #fff;
}
.mgp-pricing .recommended {
    -webkit-box-shadow: 0px 30px 60px rgba(25, 46, 34, 0.07);
    box-shadow: 0px 30px 60px rgba(25, 46, 34, 0.07);
}
.mgp-pricing .recommended .pricing-plan {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.mgp-pricing .recommended .recommended-top {
    border-radius: 16px 16px 0 0;
    border-left: 2px solid #ff8fb3;
    border-right: 2px solid #ff8fb3;
    border-top: 2px solid #ff8fb3;
    left: 0;
    top: -40px;
    right: 0;
}
.mgp-pricing .recommended .recommended-wrapper {
    border-left: 2px solid #ff8fb3;
    border-right: 2px solid #ff8fb3;
    border-bottom: 2px solid #ff8fb3;
    border-radius: 0 0 16px 16px;
}
.footer {
    padding-top: 50px;
}
.footer .footer-header {
    max-width: 600px;
    width: 100%;
    margin: auto;
}
.footer .footer-widget .footer-link {
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.footer .footer-widget .footer-link:hover {
    padding-left: 1px;
    color: var(--green);
}
.footer .f-bottom-menu li a {
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.footer .f-bottom-menu li a:hover {
    color: var(--green);
}
.footer .footer-input {
    position: relative;
}
.footer .footer-input .form-control {
    background-color: #2a3633;
    color: #fff;
    height: 62px;
}
.footer .footer-input .form-control::-webkit-input-placeholder {
    color: #aaafad;
}
.footer .footer-input .form-control:-ms-input-placeholder {
    color: #aaafad;
}
.footer .footer-input .form-control::-ms-input-placeholder {
    color: #aaafad;
}
.footer .footer-input .form-control::placeholder {
    color: #aaafad;
}
.footer .footer-input .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 1px solid var(--yellow);
}
.footer .footer-input .submit-btn {
    height: 42px;
    position: absolute;
    right: 2%;
    top: 34%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.footer .footer-input .submit-btn:hover {
    background-color: yellowgreen !important;
}
.footer .footer-bottom {
    border-top: 1px solid #2c3834;
}

.dropdown:hover ul.dropdown-menu {
    display: block;
}


.header .navbar-nav .nav-link:hover{color:var(--yellow) !important}
.header .navbar-nav  ul.dropdown-menu .nav-link{color: var(--bs-dropdown-link-color) !important;}
.header .navbar-nav  ul.dropdown-menu .nav-link:hover { color: var(--green) !important;}

ul.dropdown-menu:before {
    content: '';
    position: absolute;
    top: -11px;
    right: 49px;
    width: 30px;
    height: 15px;
    background-color: #fff;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    border-radius: 5px;
}
.dropdown:after {
    content: "\ea23";
    position: absolute;
    top:40%;
    right: 0;
    font-family: 'Nioicon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
}

a.btn:hover span {
    color: #333 !important;
}

/*
Language Dropdown
*/
aside.country-selector.weglot-dropdown.weglot-widget{
    background-color: transparent !important;
}
span.wglanguage-name {
    max-width: 69px;
}
.country-selector.weglot-dropdown .wgcurrent{
    border: none !important;
}

.footer .footer-input .submit-btn{
    background: url('https://new.mygreenpc.com/wp-content/uploads/2023/06/send-2.png'),  #FBFF36 !important;
    background-repeat: no-repeat !important;
    background-position: 82% 50% !important;
    text-indent: -25px !important;
    width: 100px;
}

.greentext .text-clr-orange {
    color: var(--green) !important;
}

.customebtnstyle .text-clr-green{
    background-color: var(--yellow) !important;
    color: #000 !important;
    border: none !important;
}

.mgp-pricing .container-pricing {
    max-width: 1440px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

.mgp-pricing .pricing-plan:hover .btn {
    background-color: var(--orange)!important;
    border-color: var(--orange) !important;
    color: #fff;
}
.green-gd-bg-clr {
    background: linear-gradient(99.9deg, #C2EDDF 5.08%, #EEF9F5 50.62%, #C2EDDF 98.11%);
}

.yelloybtn .text-clr-green{
    background-color: var(--yellow) !important;
    color: #000 !important;
    border: none !important;
}

.h-100 {
    height: 100%!important;
}


li#menu-item-40 .dropdown-menu li:nth-child(3){
    padding-bottom: 15px;
    border-bottom: 1px solid var(--bs-dropdown-divider-bg);
    margin-bottom: 15px;
}
ul#menu-menu-1 .menu-item {
    padding-top: 15px;
    padding-bottom: 15px;
}
ul#menu-menu-1 .dropdown-menu .menu-item {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.navbar-expand-xl .navbar-nav .dropdown-menu{
    max-width: 180px;
}

.page-id-256 .position-absolute, .page-id-266 .position-absolute, .page-id-634 .position-absolute{   
    background-image: url(/mygreenwp/wp-content/uploads/2022/11/menubg.png);
    padding: 11px 75px !important;
    background-repeat: no-repeat;
} 
.page-id-256 .banner.subpage-banner .banner-height {
    min-height: 634px;
}
.page-id-256 .banner, .page-id-266 .banner, .page-id-634 .banner{
    margin-top: 91px;
}

.doublebg .connected{background-image:url("/mygreenwp/wp-content/themes/wp-yeasfi2/assets/img/connected-shape1.png"),url("/mygreenwp/wp-content/themes/wp-yeasfi2/assets/img/connected-shape2.png")!important;
    background-repeat:no-repeat;
    background-size:auto;
    background-position:0 0, 100% 90%;
}
section.feature .feature-left img {
    border-radius: 16px;
}

.lightwitebg section.connected{
    background-repeat: no-repeat !important;
    background-position: 17% 15% ;

}

header.header {
    position: fixed !important;
    z-index: 9;
    transition: 0.5s;
    width: 100%;
    
}
.header_scroll{
    background-color: #369639;
    box-shadow: 0px 3px 20px 8px rgb(8 8 8 / 41%);
}

.wg-li {
    display: block !important;
    margin-bottom: 5px !important;
}
.country-selector a {
    padding: 0 !important;
}
.toggleArrow.mt-4 {
    margin-left: -13px;
}

@media all and (max-width:1199px){
    ul.dropdown-menu:before{display: none;}
    section {overflow: hidden; }
    section img.img-fluid {margin-bottom: 20px;}
    .gpc-btn.d-flex.gap-4.flex-wrap {margin-bottom: 20px;}
    .section-padding {padding: 60px 0 !important;}
    .page-id-256 .position-absolute, .page-id-266 .position-absolute, .page-id-634 .position-absolute{padding: 11px 5px !important;}
    .banner.subpage-banner .banner-height {min-height: 300px;}
    .page-id-256 .banner .section-header, .page-id-266 .banner .section-header, .page-id-634 .banner .section-header  { margin-top: 0 !important; }
}



.feature ul,
.connected ul{
		display: flex  !important;
		flex-direction: column  !important;
		align-items: start  !important;
}

/* 
ul  {
		display: flex  !important;
		flex-direction: column  !important;
		align-items: start  !important;
} */


/* 
** Contact Form 7 Styles 
*/
.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="search"], 
.wpcf7-form input[type="number"], 
.wpcf7-form input[type="tel"], 
.wpcf7-form textarea {
    color: #1f252b;
    width: 100%;
    padding: 12px 16px;
    border-radius: 0;
    border: 0;
}
.wpcf7-form p {
    margin: 0 0 28px;
}
.wpcf7-text:focus, 
.wpcf7-textarea:focus {
    outline: 1px solid rgba(84, 222, 197, 0.9);
    outline-offset: 0;
}
div.wpcf7-mail-sent-ok {
    border: 0;
    background: #5471de;
    color: #fff;
    padding: 18px;
}
div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    border: 0;
    background: #f9443b;
    color: #fff;
    padding: 18px;
}
span.wpcf7-not-valid-tip {
    color: #f9443b;
}