:root {
    --light-green: #C1E965;
    --heading: #043F2E;
    --dark-green: #243124;
    --black: #222222;
    --gray: #F0F5F8;
    --bg: #ECF4CD
}

html {
    scroll-behavior: smooth
}

body.wpprodevs {
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--dark-green)
}

.text_light * {
    color: #fff
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Playfair Display",serif;
    color: var(--heading)
}

h1,h2 {
    font-weight: 700
}

h3,h4,h5,h6 {
    font-weight: 600
}

a {
    color: var(--heading)
}

small {
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px
}

small b {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.swiper-wrapper {
    -webkit-transition-timing-function: linear!important;
    transition-timing-function: linear!important
}

@keyframes hero_icon {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1.5,1.5)
    }

    100% {
        transform: scale(1,1)
    }
}

.zoom-in-zoom-out {
    animation: zoom-in-zoom-out 3s ease-in-out infinite
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1.2,1.2)
    }

    100% {
        transform: scale(1,1)
    }
}

a {
    text-decoration: none
}

a:hover,a:focus {
    text-decoration: none;
    outline: none
}

img {
    max-width: 100%;
    height: auto
}

.section_title {
    margin-bottom: 50px
}

.wppd_btn span {
    background: var(--light-green);
    color: var(--black);
    padding: 10px 40px;
    border-radius: 30px;
    line-height: 20px;
    font-size: 16px
}

.wppd_btn svg {
    background: var(--light-green);
    fill: var(--black);
    padding: 0 12px;
    border-radius: 50%;
    margin-left: -4px;
    transition: all .3s ease
}

.wppd_btn:hover svg,.wppd_btn:hover i {
    transform: rotate(45deg)
}

.wppd_btn.gray_bg_btn span,.wppd_btn.gray_bg_btn svg {
    background: var(--dark-green);
    color: #fff;
    fill: #fff
}

.wppd_btn.no_bg_btn span {
    background: transparent;
    padding: 12px
}

.wppd_btn.no_bg_dark_btn span {
    background: transparent
}

.wppd_btn.no_bg_dark_btn svg {
    background: var(--dark-green);
    fill: #fff
}

.circle_btn svg {
    background: var(--light-green);
    fill: var(--black);
    padding: 0 12px;
    border-radius: 50%;
    margin-left: -4px;
    transition: all .3s ease
}

.circle_btn.dark svg {
    background: var(--black);
    fill: #fff
}

.circle_btn:hover svg {
    width: 50px;
    height: 50px;
    transform: rotate(45deg);
    padding: 0 17px
}

.contact_from_Box .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),.pricing_popup .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    background: transparent;
    padding: 0;
    gap: 0;
    box-shadow: none;
    outline: none;
    border: none
}

i.btnicon {
    width: 40px;
    height: 40px;
    background-color: var(--dark-green);
    border-radius: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9437 1.49516C14.9437 0.942877 14.496 0.495161 13.9437 0.495161L4.94374 0.495162C4.39146 0.495162 3.94374 0.942877 3.94374 1.49516C3.94374 2.04745 4.39146 2.49516 4.94374 2.49516L12.9437 2.49516L12.9437 10.4952C12.9437 11.0474 13.3915 11.4952 13.9437 11.4952C14.496 11.4952 14.9437 11.0474 14.9437 10.4952L14.9437 1.49516ZM1.92293 14.9302L14.6508 2.20227L13.2366 0.788055L0.508714 13.516L1.92293 14.9302Z' fill='white'/%3E%3C/svg%3E%0A");
    color: #fff;
    fill: #fff;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease
}

.offcanvas_menu {
    position: fixed;
    left: -300px;
    top: 0;
    width: 300px;
    background: #fff;
    z-index: 99;
    padding: 30px;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.offcanvas_menu_close i {
    position: absolute;
    right: 5%;
    top: 2%;
    cursor: pointer;
    font-size: 25px
}

.offcanvas_menu ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none
}

.offcanvas_menu ul li {
    padding-bottom: 15px
}

.offcanvas_menu ul li a {
    color: var(--heading)
}

.offcanvas_menu ul li a:hover {
    color: var(--black)
}

.offcanvas_menu.show_offcanvas_menu {
    left: 0;
    opacity: 1;
    visibility: visible
}

.offcanvas_menu_shade {
    position: fixed;
    height: 100%;
    width: 100%;
    background: var(--heading);
    z-index: 98;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .3s
}

.offcanvas_menu_shade.active {
    opacity: .4;
    visibility: visible
}

.section_padding {
    padding: 100px 0
}

.padding_bg {
    padding: 70px 0
}

.pt_X-Large {
    padding-top: 150px
}

.pt_Large {
    padding-top: 100px
}

.pt_Medium {
    padding-top: 80px
}

.pt_Small {
    padding-top: 50px
}

.pt_None {
    padding-top: 0
}

.pb_X-Large {
    padding-bottom: 150px
}

.pb_Large {
    padding-bottom: 100px
}

.pb_Medium {
    padding-bottom: 80px
}

.pb_Small {
    padding-bottom: 50px
}

.pb_None {
    padding-bottom: 0
}

@media only screen and (max-width: 991px) {
    .pb_X-Large {
        padding-bottom:80px
    }

    .pb_Large {
        padding-bottom: 50px
    }

    .pb_Medium {
        padding-bottom: 40px
    }

    .pb_Small {
        padding-bottom: 30px
    }

    .pt_X-Large {
        padding-top: 80px
    }

    .pt_Large {
        padding-top: 50px
    }

    .pt_Medium {
        padding-top: 40px
    }

    .pt_Small {
        padding-top: 30px
    }
}

.bg_overlay {
    position: relative;
    z-index: 1
}

.bg_overlay:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    left: 0;
    opacity: .5;
    z-index: -1
}

.menu_area ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.menu_area ul li {
    display: inline-block;
    padding: 0 10px;
}

.menu_area {
    text-align: right
}

.menu_area ul li a {
    color: var(--black);
    transition: all .3s ease;
    display: block
}

.menu_area ul li a:hover,.menu_area ul li.active a,.menu_area ul li.current-menu-parent a {
    color: var(--heading)
}

.dropdown-toggle::after {
    display: none
}

li.dropdown:hover .dropdown-menu {
    display: block;
    top: 100%
}

ul.dropdown-menu {
    text-align: left;
    border: 1px solid var(--light-green)
}

ul.dropdown-menu li {
    padding: 0;
    white-space: nowrap;
    width: 100%;
    font-size: 14px
}

ul.dropdown-menu li a {
    padding: 5px 10px;
    display: block
}

ul.dropdown-menu li:hover {
    background-color: var(--light-green)
}

a.dropdown-toggle svg {
    display: none
}

.menu_area ul li.dropdown:after,.offcanvas_menu ul li.dropdown:after {
    content: '';
    width: 13px;
    height: 13px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    right: 10px;
    top: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.menu_area ul li.dropdown {
    padding-right: 25px
}

.menu_triggers i {
    color: var(--light-green);
    font-size: 20px;
    padding: 15px 0;
    cursor: pointer;
    display: none
}

header.header_area {
    padding: 20px 0;
    background: #fff
}

.header_right_button {
    text-align: right
}

.logo_area a img {
    max-width: 150px
}

a.dropdown-toggle svg {
    width: 10px;
    margin-left: 3px
}

#progress-bar {
    background: var(--gray);
    display: none
}

#progress-bar span {
    background: var(--light-green);
    height: 2px;
    display: block
}

@media only screen and (max-width: 767px) {
    .menu_triggers i {
        display:block
    }

    ul.dropdown-menu {
        position: inherit;
        display: none
    }

    li.dropdown:hover .dropdown-menu {
        display: none
    }

    ul.dropdown-menu.active {
        border: none;
        padding: 0;
        margin-left: 10px;
        display: block!important;
        margin-top: 0
    }

    .menu_area ul {
        display: none
    }

    .logo_area a img {
        z-index: 1;
        position: relative;
        max-width: 150px
    }

    span.menu_triggers i {
        font-size: 30px
    }
}

.case_study_left_image img {
    width: 100%;
    border-radius: 10px 10px 0 10px
}

.case_study_absolute_icon svg {
    fill: var(--heading);
    position: absolute;
    top: -30px;
    right: -25px
}

.case_study_left_image {
    position: relative
}

.case_study_left_image a {
    height: 400px;
    display: block
}

.case_study_left_image img {
    height: 100%;
    object-fit: cover
}

.case_study_wrapper .row {
    align-items: center
}

.case_study_wrapper {
    margin-bottom: 60px;
    border-radius: 10px;
    background: var(--gray);
    transition: all .5s ease-in-out
}

.case_study_box_content {
    display: flex;
    gap: 22px;
    margin-bottom: 25px
}

.box_item {
    display: flex;
    background: var(--light-green);
    width: 103px;
    height: 103px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: all .3s ease-in-out
}

.box_item h5 {
    font-family: "Roboto",sans-serif;
    margin-bottom: 0;
    text-align: center;
}

.case_study_wrapper:hover {
    background: var(--bg)
}

.case_study_wrapper:hover .case_study_absolute_icon svg {
    fill: var(--light-green)
}

.case_study_wrapper:hover .box_item {
    background: var(--heading);
    color: #fff
}

.case_study_wrapper:hover .box_item h5 {
    color: #fff
}

.case_study_wrapper:hover a.wppd_btn svg {
    background: var(--dark-green);
    fill: #fff
}

.case_study_button {
    text-align: right;
    padding-right: 30px
}

@media only screen and (max-width: 991px) {
    .case_study_right_content {
        padding:20px
    }

    .case_study_button {
        padding: 0;
        text-align: left
    }
}

@media only screen and (max-width: 575px) {
    .case_study_absolute_icon svg,.absulate_image svg {
        right:0!important
    }
}

.case_study_view_all_botton {
    text-align: center
}

.choose_wrapper_item.border_none,.choose_wrapper_item.border_none:last-child {
    border: none;
    border-bottom: none
}

.what_about_us_item {
    display: flex;
    gap: 15px;
    margin-bottom: 50px
}

.logo_contents_box h6 {
    margin: 0
}

.people_about_us_slider_item_content p {
    margin: 15px 0
}

@media only screen and (max-width: 1399px) {
    .swiper.people_about_us_slider {
        max-height:600px
    }
}

@media only screen and (max-width: 767px) {
    .what_about_us_item {
        margin-bottom:30px
    }

    .people_about_us_slider_wrapper {
        padding: 20px
    }

    .people_about_us_slider_item_content p {
        font-size: 16px;
        line-height: 22px;
        margin: 10px 0
    }
}

.reviwer_details {
    display: grid;
    gap: 10px;
    align-items: center;
    grid-template-columns: 40px auto
}

.reviews_bottom {
    display: flex;
    justify-content: space-between
}

.reviwer_name small {
    display: block
}

.review_button a {
    position: absolute;
    right: -4px;
    bottom: -4px
}

.reviwer_img img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover
}

.blog_area .section_title_right {
    text-align: right
}

.blog_slider_item_img img {
    width: 100%;
    border-radius: 10px 10px 0 0
}

.blog_slider_item_content {
    background: var(--heading);
    color: #fff;
    padding: 20px;
    border-radius: 0 0 10px 10px;
    transition: all 1s ease-in-out
}

.blog_title h3 {
    color: #fff;
    min-height: 70px
}

.blog_meta_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px
}

.blog_slider_item:hover .blog_slider_item_content {
    background: var(--light-green)
}

.blog_slider_item:hover .blog_title h3 {
    color: var(--dark-green)
}

.blog_slider_item:hover a.circle_btn svg {
    background: var(--dark-green);
    fill: #fff
}

@media only screen and (max-width: 991px) {
    .blog_area .section_title_right {
        text-align:left
    }
}

p.blog_author small span {
    color: #999
}

p.blog_date {
    display: none;
    transition: all .3s ease-in-out
}

p.blog_read_time i {
    padding-right: 10px
}

.blog_slider_item:hover p.blog_author {
    display: none
}

.blog_slider_item:hover p.blog_read_time {
    color: var(--dark-green)
}

.blog_slider_item:hover p.blog_date {
    display: block;
    color: var(--heading)
}

span.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background: var(--light-green);
    opacity: 1;
    margin: 0 5px
}

.slider__controls,.slider_controls {
    position: relative;
    width: fit-content;
    z-index: 1
}

.swiper-pagination-bullet-active {
    background: var(--heading)!important
}

.slider__controls:before,.slider_controls:before {
    position: absolute;
    content: "";
    height: 2px;
    width: calc(100% - 20px);
    background: var(--light-green);
    left: 5px;
    top: 9px;
    z-index: -1
}

.category-list li.active .wppd_btn span {
    background: var(--black);
    color: #fff
}

.blog_meta {
    display: flex;
    gap: 15px;
    align-items: center
}

.blog_meta p {
    margin: 0
}

.blog_slider_wrapper {
    overflow: hidden
}

.blog_area {
    background: var(--gray)
}

.blog_slider_item {
    transition: all .5s ease-in-out
}

.blog_slider_item {
    margin-bottom: 30px
}


footer.footer_area {
    padding-bottom: 50px
}

.footer_content_area {
    background: var(--heading);
    border-radius: 20px;
    padding: 50px 30px
}

.footer_logo {
    margin-bottom: 20px;
    max-width: 150px
}

.footer_logo_content p {
    color: #fff
}

.footer_social_media ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer_social_media ul li {
    display: inline-block;
    padding-right: 5px
}

@media only screen and (max-width: 991px) {
    .footer_right_content {
        margin-top:30px
    }
}

@media only screen and (max-width: 767px) {
    .footer_logo_content {
        margin-bottom:30px
    }
}

.footer_menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer_menu ul li {
    padding-bottom: 5px
}

.footer_menu ul li a {
    color: #fff
}

.footer_menu ul li a:hover {
    color: var(--light-green)
}

.copyright_content {
    border-top: 1px solid #95b091;
    padding-top: 20px;
    margin-top: 50px
}

.copyright_content p {
    color: #fff;
    margin-bottom: 0
}

.footer_social_media ul li a i {
    color: var(--black);
    background: var(--light-green);
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    transition: all .3s ease
}

.footer_social_media ul li a:hover i {
    color: #fff;
    background: var(--black)
}

.footer_right_content h6 {
    color: #fff;
    margin-bottom: 20px
}

.footer_right_form input {
    width: 100%;
    background: #D9D9D917;
    border: none;
    padding: 12px 20px;
    border-radius: 30px;
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    outline-style: none
}

.footer_right_form input::placeholder {
    color: #fff
}

.footer_right_form {
    position: relative
}

.footer_right_form button {
    position: absolute;
    right: -5px;
    border: none;
    top: 0;
    background: transparent
}

.footer_right_form button svg {
    background: var(--light-green);
    fill: var(--black);
    padding: 0 12px;
    border-radius: 50%;
    margin-left: -4px;
    transition: all .3s ease
}

.footer_right_form button:hover svg {
    transform: rotate(45deg)
}

.page_hero_content_box {
    background: var(--bg);
    border-radius: 15px;
    padding: 40px
}
.page_hero_content_box p{
    margin: 0;
}
.blog_top_button_group {
    padding: 70px 0;
    text-align: center
}

.blog_top_button_group ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.blog_top_button_group ul li {
    display: inline-block;
    padding: 0 5px
}

.blog_pagination {
    text-align: center;
    position: relative;
    width: fit-content;
    margin: auto;
    z-index: 1
}

.blog_pagination .nav-links {
    display: flex;
    gap: 5px;
    align-items: center
}

.blog_pagination .nav-links a,.blog_pagination .nav-links span {
    display: block;
    width: 40px;
    height: 40px;
    background: var(--light-green);
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #222
}

.blog_pagination .nav-links:before {
    position: absolute;
    content: "";
    left: 0;
    top: 40%;
    width: 100%;
    height: 8px;
    background: var(--light-green);
    z-index: -1
}

div#rank-math-toc.active {
    position: fixed;
    background: var(--gray);
    border: 1px solid var(--light-green);
    padding: 10px;
    bottom: 0
}

div#rank-math-toc.active nav {
    display: none
}

div#rank-math-toc nav {
    margin-top: 10px
}

div#rank-math-toc h4 {
    margin: 0;
    font-size: 20px;
    position: relative
}

div#rank-math-toc h4:before {
    content: '\f03a';
    font-family: 'FontAwesome';
    margin-right: 10px
}

@media only screen and (max-width: 991px) {
    .page_hero_content_box .offset-lg-2 {
        margin:0
    }

    .blog_post_archive_area .blog_slider_item {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .page_hero_content_box{
        padding: 0;
    }
    .blog_top_button_group ul li a.wppd_btn span {
        padding:8px 20px
    }

    .blog_top_button_group ul li {
        margin-bottom: 20px
    }
}

.blog_top_button_group ul li a:hover span {
    background: var(--dark-green);
    color: #fff
}

.blog_pagination ul li.active a {
    background: var(--dark-green);
    color: #fff
}

.blog_pagination .nav-links a.next.page-numbers img {
    transform: rotate(180deg)
}

.blog_posts {
    margin-bottom: 70px
}

.page_hero_post_meta_box p a {
    color: var(--heading)
}

.page_hero_post_meta_box small {
    padding-right: 10px
}

.blog_single_content_box h4,.blog_single_content_box h3,.blog_single_content_box h5 {
    margin: 10px 0;
}
.blog_single_content_box h2 {
    font-size: 24px;
    margin: 20px 0;
}

.blog_single_content_box h3 {
    font-size: 20px;
}
.image_gallery {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between
}

.image_gallery img {
    width: 49%
}

blockquote {
    color: var(--heading);
    background: var(--bg);
    padding: 15px 15px 15px 30px;
    position: relative
}

blockquote:before {
    position: absolute;
    content: "";
    left: 15px;
    height: 65%;
    width: 5px;
    background: var(--heading)
}

.blog_post_share {
    display: flex;
    gap: 15px;
    padding-top: 30px;
    padding-bottom: 70px
}

.blog_single_content_box a {
    color: var(--heading);
    text-decoration: underline
}

ul.numbor li {
    list-style: auto
}

.icon ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.icon ul li {
    display: inline-block;
    padding-right: 10px
}

.icon ul li a {
    color: var(--heading);
    background: var(--light-green);
    padding: 10px 28px;
    border-radius: 50px
}

.icon ul li a:hover {
    background: var(--heading);
    color: var(--light-green)
}

.test small {
    font-weight: 500
}

.comment_area_wrapper ul {
    list-style: none
}

.comment-author.vcard img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100%;
    border: 2px solid var(--heading);
    grid-area: avatar
}

.comment-author.vcard {
    display: flex;
    gap: 15px;
    align-items: center
}

.comment-meta.commentmetadata>* {
    display: block
}

.comment-meta b.fn,.comment-meta b.fn a {
    color: var(--heading)
}

span.comment-date {
    font-size: 14px;
    color: var(--black)
}

a.comment-edit-link {
    font-size: 14px;
    color: var(--black)
}

.comment-content {
    margin-bottom: 30px
}

.reply a {
    color: var(--heading);
    font-weight: 500
}

.comment_area_wrapper>ul {
    padding: 0
}

.blog_post_comments_box {
    padding: 30px;
    background: var(--bg);
    border-radius: 30px
}

.blog_post_comments_box input {
    width: 100%;
    margin: 10px 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    padding-bottom: 10px
}

.blog_post_comments_box input::placeholder {
    color: #222
}

.blog_post_comments_box textarea {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #000
}

.blog_post_comments_box textarea::placeholder {
    color: #222
}

.blog_post_comments_box button {
    background: transparent;
    border: none;
    margin-top: 30px
}

.portfolio_hero_box {
    background: #ECF4CD;
    padding: 50px 50px 0 50px;
    border-radius: 15px
}

.portfolio_hero_image_left {
    display: flex;
    flex-direction: column;
    margin-bottom: -180px
}

.single_portfolio_hero {
    padding-bottom: 250px
}

.portfolio_img_top {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1.1
}

.portfolio_img_top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.portfolio_hero_image_left a {
    margin-top: 20px;
    display: inline-block
}

.portfolio_details_item {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    gap: 5px
}

.portfolio_hero_content h3 {
    margin-bottom: 20px
}

.portfolio_details_item small a {
    color: var(--dark-green)
}

.portfolio_details_item small a:hover {
    text-decoration: underline
}

@media only screen and (max-width: 991px) {
    .portfolio_hero_image_left {
        margin-bottom:20px
    }

    .portfolio_hero_box {
        padding: 25px
    }
}

p.form-submit input {
    width: auto;
    border: none;
    background: #c1e965;
    padding: 10px 20px;
    border-radius: 30px
}

p.form-submit input:hover {
    color: #fff;
    background: #043f2e
}

p.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    gap: 10px
}

input#wp-comment-cookies-consent {
    width: 2%
}

.comments_form a {
    color: #043f2e;
    text-decoration: underline
}

.cta_content {
    text-align: center
}

.cta_content p {
    max-width: 50%;
    margin: 20px auto 20px auto
}

@media only screen and (max-width: 991px) {
    .cta_content p {
        max-width:100%
    }
}

a.wppd_btn.no_bg_btn span,a.wppd_btn.no_bg_dark_btn span {
    padding-left: 0!important;
    padding-right: 10px
}

@media only screen and (max-width: 767px) {
    .state_area .case_study_box_content {
        flex-wrap:wrap;
        justify-content: center
    }

    .case_study_box_content {
        flex-wrap: wrap
    }

    .offcanvas_menu.show_offcanvas_menu .header_right_button {
        text-align: left
    }
}


/* chat  */
.agent_details {
    display: grid;
    grid-template-columns: 50px auto;
    grid-gap: 15px;
    max-width: 300px;
    border-radius: 5px;
    overflow: hidden;
    padding: 15px;
    background: #fff;
    text-align: left;
}

.agent_image {
    width: 50px;
    height: 50px;
}

.agent_name h6 {
    font-size: 20px;
    margin: 0;
}

.whatsApp_Btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    width: 300px;
    text-align: right;
}

.whatsApp_Btn a {
    font-size: 25px;
    display: inline-block;
    background: var(--light-green);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 51px;
    text-align: center;
    margin-top: 11px;
}

.agent_image img {
    border: 1px solid var(--heading);
    border-radius: 50%;
    position: relative;
}

.agent_name p {font-size: 14px;font-weight: 300;line-height: 20px;}
.close_chat {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 16px;
    cursor: pointer;
}
.page_hero_bottom_link {
    gap: 20px;
    display: inline-flex;
}
/* .betterdocs-full-sidebar-left .betterdocs-sidebar-content, .betterdocs-full-sidebar-right .layout2-toc-container, .betterdocs-full-sidebar-right .layout3-toc-container {
    position: inherit !important;
    overflow: inherit !important;
}

.betterdocs-full-sidebar-left .betterdocs-sidebar-content, .betterdocs-full-sidebar-right .layout2-toc-container, .betterdocs-full-sidebar-right .layout3-toc-container {max-height: inherit !important;}

.betterdocs-single-wrapper:not(.betterdocs-fluid-wrapper) .betterdocs-content-wrapper .betterdocs-sidebar, .betterdocs-taxonomy-wrapper:not(.betterdocs-fluid-wrapper) .betterdocs-content-wrapper .betterdocs-sidebar,.betterdocs-single-wrapper:not(.betterdocs-fluid-wrapper) .betterdocs-content-wrapper .betterdocs-sidebar, .betterdocs-taxonomy-wrapper:not(.betterdocs-fluid-wrapper) .betterdocs-content-wrapper .betterdocs-sidebar {
    z-index: 1 !important;
} */