@font-face {
    font-family: "poppins_light";
    src: url("../fonts/Poppins-Light.woff2");
    font-display: swap
}

@font-face {
    font-family: "poppins_medium";
    src: url("../fonts/Poppins-Medium.woff2");
    font-display: swap
}

@font-face {
    font-family: "poppins_regular";
    src: url("../fonts/Poppins-Regular.woff2");
    font-display: swap
}

@font-face {
    font-family: "poppins_semi_bold";
    src: url("../fonts/Poppins-SemiBold.woff2");
    font-display: swap
}

@font-face {
    font-family: "poppins_bold";
    src: url("../fonts/Poppins-Bold.woff2");
    font-display: swap
}

@font-face {
    font-family: "poppins_black";
    src: url("../fonts/Poppins-Black.woff2");
    font-display: swap
}

.poppins_light {
    font-family: "poppins_light"
}

.poppins_medium {
    font-family: "poppins_medium"
}

.poppins_regular {
    font-family: "poppins_regular"
}

.poppins_semi_bold {
    font-family: "poppins_semi_bold"
}

.poppins_bold {
    font-family: "poppins_bold"
}

.poppins_black {
    font-family: "poppins_black"
}

.font_size_11 {
    font-size: 11px
}

.font_size_12 {
    font-size: 12px
}

.font_size_13 {
    font-size: 13px
}

.font_size_14 {
    font-size: 14px
}

.font_size_15 {
    font-size: 15px
}

.font_size_16 {
    font-size: 16px
}

.font_size_17 {
    font-size: 17px
}

.font_size_18 {
    font-size: 18px
}

.font_size_19 {
    font-size: 19px
}

.font_size_20 {
    font-size: 20px
}

.font_size_21 {
    font-size: 21px
}

.font_size_22 {
    font-size: 22px
}

.font_size_23 {
    font-size: 23px
}

.font_size_24 {
    font-size: 24px
}

.font_size_25 {
    font-size: 25px
}

.font_size_30 {
    font-size: 30px
}

.font_size_31 {
    font-size: 31px
}

.font_size_32 {
    font-size: 32px
}

.font_size_33 {
    font-size: 33px
}

.font_size_34 {
    font-size: 34px
}

.font_size_35 {
    font-size: 35px
}

.font_size_40 {
    font-size: 40px
}

.font_size_45 {
    font-size: 45px
}

.font_size_50 {
    font-size: 50px
}

.font_size_55 {
    font-size: 55px
}

.font_size_60 {
    font-size: 60px
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#main {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px #a1a1a1
}

.no-scroll {
    overflow: hidden;
    height: 100vh;
    background-color: #0000005c;
    transition: all ease-in-out .3s
}

.nav_bar {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000
}

.sticky-nav {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 1600px;
    z-index: 1000;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    transition: all .3s ease-in-out
}

ul, ol {
    margin: 0;
    padding: 0
}

img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

a {
    transition: all ease-in-out .3s;
    text-decoration: none !important
}

.button_css {
    border-radius: 7px;
    padding: 10px 30px;
    transition: all ease-in-out 0.3s;
}

.button_css:hover {
    background-color: #273d52;
}

.position-relative {
    position: relative;
}

.dark_green {
    color: #052c0c
}

.dark_green_bg {
    background-color: #052c0c
}

.white {
    color: #ffffff
}

.white_bg {
    background-color: #ffffff
}

.black {
    color: #000000
}

.black_bg {
    background-color: #000000
}

.green {
    color: #2ab241
}

.green_bg {
    background-color: #2ab241
}

.light_green {
    color: #4ce266
}

.light_green_bg {
    background-color: #4ce266
}

.dark_green {
    color: #062d0c
}

.dark_green_bg {
    background-color: #062d0c
}

.logo_i_color {
    color: #368c42
}

.logo_i_color_bg {
    background-color: #368c42
}

.logo_blue {
    color: #273d52
}

.logo_blue_bg {
    background-color: #273d52
}

.gray {
    color: #716969
}

.gray_bg {
    background-color: #716969
}

.theme_light_green {
    color: #f0fff3
}

.theme_light_green_bg {
    background-color: #f0fff3
}

.footer_green {
    color: #d4ffdd
}

.footer_green_bg {
    background-color: #d4ffdd
}

.theme_light_blue {
    color: #f6fbff
}

.theme_light_blue_bg {
    background-color: #f6fbff
}

.red {
    color: #ff0000
}

.red_bg {
    background-color: #ff0000
}

.my_btn {
    color: #fff;
    background-color: #2ab241;
    font-family: "poppins_semi_bold";
    border-radius: 5px;
    border: 0;
    padding: 8px 20px;
    transition: all ease-in-out .3s
}

.my_btn:hover {
    background-color: #273d52
}

.form-multi-select-cleaner, .form-multi-select-indicator {
    color: #fff;
    background-color: #2ab241 !important;
    font-family: "poppins_semi_bold";
    border-radius: 5px;
    border: 0 !important;
    padding: 3px 3px !important;
    transition: all ease-in-out .3s
}

.form-multi-select-cleaner:hover, .form-multi-select-indicator:hover {
    background-color: #273d52
}

.form-multi-select-cleaner {
    display: none
}

.form-multi-select-option {
    text-align: start;
    font-size: 13px
}

.form-multi-select-tag-delete {
    color: #fff;
    background-color: #2ab241 !important;
    font-family: "poppins_semi_bold";
    border-radius: 5px;
    border: 0 !important;
    padding: 5px 5px !important;
    transition: all ease-in-out .3s;
    margin-left: 4px !important
}

.form-multi-select-tag-delete:hover {
    background-color: #273d52
}

.form-multi-select-all:hover {
    background-color: #fff !important
}

.top_bar {
    padding: 5px 0
}

.num_mail, .social, .num, .mail {
    width: 50%
}

.num_mail {
    width: 40%
}

.social {
    width: 60%
}

.my_nav_bar .num .icon, .my_nav_bar .mail .icon {
    width: 20px;
    margin-top: -10px
}

.my_nav_bar .num a, .my_nav_bar .mail a {
    color: #fff;
    font-family: "poppins_regular";
    font-size: 14px
}

.my_nav_bar .social .social_icon {
    width: 20px
}

.my_nav_bar .social .facebook {
    width: 14px
}

.my_nav_bar .nav_bar {
    padding: 8px 0 8px 0;
    background-color: #fff;
    border-bottom: .5px solid #00000036
}

.my_nav_bar .dekstop_navbar ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    gap: 30px
}

.my_nav_bar .dekstop_navbar ul li a .logo {
    width: 120px;
    margin: 0 auto
}

.my_nav_bar .dekstop_navbar ul li a {
    text-decoration: none;
    color: #273d52
}

.my_nav_bar .dekstop_navbar ul li a button, .my_nav_bar .mobile_navbar .mobile_pages li a button {
    color: #fff;
    padding: 8px 10px;
    border-radius: 6px;
    transition: all ease-in-out .3s
}

.my_nav_bar .dekstop_navbar ul li a button:hover {
    background-color: #273d52
}

.mobile_navbar {
    display: none
}

.my_service_menu {
    display: none !important;
    flex-direction: column !important;
    gap: 6px !important;
    align-items: flex-start !important;
    /* width: 240px !important; */
    padding-left: 10px;
    padding-right: 10px;
    /* top: 25px;
    left: -35px; */
    transition: all ease-in-out .3s;
    background-color: #d4ffdd
}

.icon_for_services {
    cursor: pointer;
}
.my_service_menu.show {
    display: flex !important
}

.my_margin_left {
    margin-left: -40px;
}

.my_service_menu_li .icon {
    width: 10px
}

.my_footer {
    display: flex;
    gap: 25px
}

.my_footer .footer_div {
    width: 20%
}

.my_footer .footer_div h5 a:hover {
    color: #273d52
}

.my_footer .footer_div .logo {
    width: 200px
}

.my_footer .footer_div p a {
    transition: all ease-in-out .2s
}

.my_footer .footer_div p a:hover {
    color: #2ab241
}

.my_footer .footer_div .footer_social_icons {
    width: 25px
}

.my_footer .footer_div .facebook {
    width: 18px
}

.my_footer .footer_div .icon_list {
    display: flex;
    align-items: center;
    gap: 10px
}

.my_footer .footer_div .icon_list .icon {
    width: 15px;
    margin-top: -10px
}

.my_footer .margin_left {
    margin-left: 40px
}

.my_footer .margin_left_two {
    margin-left: 50px
}

.conven_gas .all_states {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.conven_gas .all_states .one_state {
    width: 30%;
    margin: 2px 0px;
    text-align: center;
}

.conven_gas .all_states .one_state a:hover {
    color: #2ab241;
}

#dropdownTwo img.icon.iconTwo,
#dropdown img.icon.iconOne {
    width: 18px;
}

.multi-select,
.multi-select-two {
    position: relative;
    width: 100%;
    background-color: #ededed;
    border: 1px solid #2ab241;
    border-radius: 6px;
    padding: 8px 10px 8px 15px;
    display: flex;
    align-items: center;
}
.selected-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    flex: 1;
    color: #aaa;
    cursor: pointer;
}
.selected-container span {
    background: #2ab241;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.selected-container span button {
    background-color: #273d52;
    border: none;
    padding: 0px 6px !important;
    border-radius: 6px !important;
    color: white;
    cursor: pointer !important;
    font-weight: bold;
}
.dropdown-button {
    background: #273d52;
    color: white;
    border: none;
    padding: 3px 8px;
    width: 30px;
    border-radius: 5px;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.dropdown-button.rotated {
    transform: rotate(180deg);
}
.dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    display: none;
    flex-direction: column;
    z-index: 100;
    margin-top: 5px;
}
.my_service_menu_li,
.my_service_menu_li_mobile {
    display: block;
    position: static;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    margin-top: 0px;
    width: auto;
    background-color: transparent;
}
.my_service_menu_li_mobile .my_service_menu {
    top: auto;
}
.dropdown div {
    padding: 10px;
    cursor: pointer;
    transition: background 0.2s;
    text-align: left;
}
.dropdown div:hover {
    background: #f1f1f1;
}
.open {
    display: flex;
}

ul.breadcrumb {
    padding-left: 200px;
    background-color: #deffe2;
}

ul.breadcrumb li a {
    transition: all ease-in-out 0.2s;
}

ul.breadcrumb li a:hover {
    color: #273d52;
}

ul.breadcrumb li+li:before {
    padding: 8px;
    content: " \003E";
    color: #004400 !important;
}

@media (max-width:1366px) {
    .font_size_md_11 {
        font-size: 11px
    }

    .font_size_md_12 {
        font-size: 12px
    }

    .font_size_md_13 {
        font-size: 13px
    }

    .font_size_md_14 {
        font-size: 14px
    }

    .font_size_md_15 {
        font-size: 15px
    }

    .font_size_md_16 {
        font-size: 16px
    }

    .font_size_md_17 {
        font-size: 17px
    }

    .font_size_md_18 {
        font-size: 18px
    }

    .font_size_md_19 {
        font-size: 19px
    }

    .font_size_md_20 {
        font-size: 20px
    }

    .font_size_md_21 {
        font-size: 21px
    }

    .font_size_md_22 {
        font-size: 22px
    }

    .font_size_md_23 {
        font-size: 23px
    }

    .font_size_md_24 {
        font-size: 24px
    }

    .font_size_md_25 {
        font-size: 25px
    }

    .font_size_md_26 {
        font-size: 26px
    }

    .font_size_md_27 {
        font-size: 27px
    }

    .font_size_md_28 {
        font-size: 28px
    }

    .font_size_md_29 {
        font-size: 29px
    }

    .font_size_md_30 {
        font-size: 30px
    }

    .font_size_md_31 {
        font-size: 31px
    }

    .font_size_md_32 {
        font-size: 32px
    }

    .font_size_md_33 {
        font-size: 33px
    }

    .font_size_md_34 {
        font-size: 34px
    }

    .font_size_md_35 {
        font-size: 35px
    }

    .font_size_md_40 {
        font-size: 40px
    }

    .font_size_md_45 {
        font-size: 45px
    }

    .font_size_md_50 {
        font-size: 50px
    }

    .font_size_md_55 {
        font-size: 55px
    }

    .font_size_md_60 {
        font-size: 60px
    }

    .my_nav_bar .num .icon, .my_nav_bar .mail .icon {
        width: 15px
    }

    .my_nav_bar .num a, .my_nav_bar .mail a {
        font-size: 12px
    }

    .my_nav_bar .social .social_icon {
        width: 15px
    }

    .my_nav_bar .social .facebook {
        width: 11px
    }

    .my_nav_bar .dekstop_navbar ul {
        gap: 22px
    }

    .my_nav_bar .dekstop_navbar ul li a button, .my_nav_bar .mobile_navbar .mobile_pages li a button {
        padding: 8px 10px
    }

    .my_nav_bar .dekstop_navbar ul li a .logo {
        width: 120px
    }

    .my_footer .footer_div .logo {
        width: 150px
    }

    .my_footer .footer_div .footer_social_icons {
        width: 22px
    }

    .my_footer .footer_div .facebook {
        width: 16px
    }
}

@media (max-width:1024px) {
    .font_size_ipro_11 {
        font-size: 11px
    }

    .font_size_ipro_12 {
        font-size: 12px
    }

    .font_size_ipro_13 {
        font-size: 13px
    }

    .font_size_ipro_14 {
        font-size: 14px
    }

    .font_size_ipro_15 {
        font-size: 15px
    }

    .font_size_ipro_16 {
        font-size: 16px
    }

    .font_size_ipro_17 {
        font-size: 17px
    }

    .font_size_ipro_18 {
        font-size: 18px
    }

    .font_size_ipro_19 {
        font-size: 19px
    }

    .font_size_ipro_20 {
        font-size: 20px
    }

    .font_size_ipro_21 {
        font-size: 21px
    }

    .font_size_ipro_22 {
        font-size: 22px
    }

    .font_size_ipro_23 {
        font-size: 23px
    }

    .font_size_ipro_24 {
        font-size: 24px
    }

    .font_size_ipro_25 {
        font-size: 25px
    }

    .font_size_ipro_30 {
        font-size: 30px
    }

    .font_size_ipro_31 {
        font-size: 31px
    }

    .font_size_ipro_32 {
        font-size: 32px
    }

    .font_size_ipro_33 {
        font-size: 33px
    }

    .font_size_ipro_34 {
        font-size: 34px
    }

    .font_size_ipro_35 {
        font-size: 35px
    }

    .font_size_ipro_40 {
        font-size: 40px
    }

    .font_size_ipro_45 {
        font-size: 45px
    }

    .font_size_ipro_50 {
        font-size: 50px
    }

    .font_size_ipro_55 {
        font-size: 55px
    }

    .font_size_ipro_60 {
        font-size: 60px
    }

    .my_nav_bar .dekstop_navbar ul {
        gap: 20px
    }

    .my_nav_bar .dekstop_navbar ul li a .logo {
        width: 100px
    }

    .my_footer {
        gap: 21px;
        flex-wrap: wrap
    }

    .my_footer .footer_div {
        width: 22.7%
    }

    .my_footer .footer_div:last-child {
        width: 35%
    }

    .my_footer .margin_left {
        margin-left: 0
    }

    .my_footer .margin_left_two {
        margin-left: 0
    }

    ul.breadcrumb {
        padding-left: 60px;
    }
}

@media (max-width:992px) {
    .my_nav_bar .nav_bar {
        padding: 6px 0 6px 0
    }

    .num_mail {
        display: none !important
    }

    .dekstop_navbar {
        display: none !important
    }

    .mobile_navbar {
        display: block
    }

    .social {
        width: 100%;
        justify-content: center !important
    }

    .my_nav_bar .social .social_icon {
        width: 20px
    }

    .my_nav_bar .social .facebook {
        width: 14px
    }

    .mobile_navbar .logo_nav_btns {
        list-style-type: none;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    /* .my_nav_bar .mobile_navbar .logo_nav_btns li a .logo {
        width: 130px
    } */

    .my_nav_bar .mobile_navbar .logo_nav_btns a img {
        width: 130px
    }

    .my_nav_bar .mobile_navbar .logo_nav_btns li button {
        background-color: #368c42;
        border: 0;
        border-radius: 5px
    }

    .my_nav_bar .mobile_navbar .logo_nav_btns button {
        background-color: #368c42;
        border: 0;
        border-radius: 5px
    }

    .my_nav_bar .mobile_navbar .logo_nav_btns .nav_close {
        padding: 0 3px;
        width: 30px
    }

    .my_nav_bar .mobile_navbar .logo_nav_btns li .nav_open {
        padding: 2px 5px;
        width: 30px
    }

    .top_bar {
        width: 100%
    }

    .mobile_navbar .side_bar {
        position: fixed;
        width: 70%;
        height: 100vh;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        margin-left: -100%;
        transition: all ease-in-out .5s;
        z-index: 9
    }

    .mobile_navbar .side_bar .mobile_pages {
        list-style-type: none;
        text-align: center
    }

    .mobile_navbar .side_bar .mobile_pages li {
        margin: 12px 0
    }

    .mobile_navbar .side_bar .mobile_pages li a {
        text-decoration: none;
        color: #273d52;
        font-family: "poppins_semi_bold";
        font-size: 15px
    }

    .my_service_menu_li_mobile .icon {
        width: 15px
    }

    .my_service_menu.show {
        display: flex !important
    }

    .mobile_navbar .side_bar .num_mail_mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 15px
    }

    .mobile_navbar .side_bar .num_mail_mobile .num, .mobile_navbar .side_bar .num_mail_mobile .mail {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .mobile_navbar .side_bar .num_mail_mobile .num .icon, .mobile_navbar .side_bar .num_mail_mobile .mail .icon {
        width: 17px
    }

    .mobile_navbar .side_bar .num_mail_mobile .num a, .mobile_navbar .side_bar .num_mail_mobile .mail a {
        text-decoration: none;
        color: #273d52;
        font-family: "poppins_semi_bold";
        font-size: 15px
    }

    .logo_nav_btns_under_side_bar {
        width: 95%;
        margin-top: 10px;
        margin-bottom: 100px
    }

    .conven_gas .all_states .one_state {
        width: 33%;
    }

    ul.breadcrumb {
        padding-left: 100px;
    }
}

@media (max-width:820px) {
    ul.breadcrumb {
        padding-left: 60px;
    }
}

@media (max-width:576px) {
    .font_size_sm_10 {
        font-size: 10px
    }

    .font_size_sm_11 {
        font-size: 11px
    }

    .font_size_sm_12 {
        font-size: 12px
    }

    .font_size_sm_13 {
        font-size: 13px
    }

    .font_size_sm_14 {
        font-size: 14px
    }

    .font_size_sm_15 {
        font-size: 15px
    }

    .font_size_sm_16 {
        font-size: 16px
    }

    .font_size_sm_17 {
        font-size: 17px
    }

    .font_size_sm_18 {
        font-size: 18px
    }

    .font_size_sm_19 {
        font-size: 19px
    }

    .font_size_sm_20 {
        font-size: 20px
    }

    .font_size_sm_21 {
        font-size: 21px
    }

    .font_size_sm_22 {
        font-size: 22px
    }

    .font_size_sm_23 {
        font-size: 23px
    }

    .font_size_sm_24 {
        font-size: 24px
    }

    .font_size_sm_25 {
        font-size: 25px
    }

    .font_size_sm_30 {
        font-size: 30px
    }

    .font_size_sm_35 {
        font-size: 35px
    }

    .font_size_sm_40 {
        font-size: 40px
    }

    .font_size_sm_45 {
        font-size: 45px
    }

    .font_size_sm_50 {
        font-size: 50px
    }

    .font_size_sm_55 {
        font-size: 55px
    }

    .font_size_sm_60 {
        font-size: 60px
    }

    .mobile_navbar .side_bar {
        width: 100%
    }

    .my_service_menu {
        gap: 0 !important;
        align-items: center !important;
        width: 300px !important;
        padding-left: 10px;
        padding-right: 10px;
        top: 25px;
        left: 50%;
        transform: translateX(-50%)
    }

    .my_service_menu li {
        margin: 6px 0 !important
    }

    .my_footer {
        gap: 0;
        row-gap: 20px;
        flex-wrap: wrap
    }

    .my_footer .footer_div {
        width: 50%
    }

    .my_footer .footer_div:first-child {
        width: 100%
    }

    .my_footer .footer_div:nth-child(4) {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .my_footer .footer_div:last-child {
        width: 100%
    }

    .my_footer .footer_div:last-child h5 {
        text-align: center
    }

    .logo_nav_btns_under_side_bar {
        width: 95%;
        margin-bottom: 25px
    }

    ul.breadcrumb {
        padding-left: 20px;
    }
}