/*----------------------------------------------
 * Global
 * ---------------------------------------------*/
 .clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.abc-elementor-btn-outline {
    text-align: center;
    margin-top: 40px;
}

.abc-elementor-btn-outline a {
    border-radius: 3px;
    border: 1px solid #448E08;
    padding: 10px 15px;
    display: inline-block;
    color: #448E08;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.abc-elementor-btn-outline a:hover {
    background-color: #448E08;
    color: #fff;
}

/* ---------------------------------------------
 * Icon Box
 * --------------------------------------------- */
.abc-elementor-icon-box-area {
    background: #F9F9F9;
    text-align: center;
    padding: 40px 30px;
    padding-top: 30px;
    transition: background-color 0.3s ease, border-radius 0.3s ease; 
}

.abc-elementor-icon-box-icon {
    position: relative;  
}

.abc-elementor-icon-box {
    display: flex;
    flex-direction: column;
}
.abc-ele-icon-box-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.abc-ele-icon-box-normal svg path {
    /* stroke: red; */
}

.abc-ele-icon-box-hover svg path {
    /* fill: blue; */
}

.abc-elementor-icon-box-icon img {}

.abc-elementor-icon-box-title {
    margin-top: 10px;
    color: #000;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.abc-elementor-icon-box-content p {
    margin-top: 10px;
    color: #717171;
    leading-trim: both;
    text-edge: cap;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;  
    text-transform: capitalize;
    margin-bottom: 10px;
}

.abc-elementor-icon-box-button a {
    margin-top: 10px;
    background-color: #448E08;
    padding: 15px 5px;
    border-style: solid;
    border-width: 0px 0 0 5px;
    border-color: #FE4D05;
    display: inline-block;
    color: #FFF;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 100%;
}

.abc-elementor-icon-box-button a i {
    margin-left: 10px;
}

.abc-elementor-icon-box-area:hover {
    background-color: #448E08;
    border-radius: 100px 0px;

}

.abc-elementor-icon-box-area:hover .abc-elementor-icon-box-title,
.abc-elementor-icon-box-area:hover .abc-elementor-icon-box-content p {
    color: white;
}

.abc-elementor-icon-box-area:hover .abc-elementor-icon-box-button a {
    color: #448E08;
    background-color: #fff;
}
.abc-single-icon-box-three-area {
    display: flex;
    align-items: center;
    gap: 10px;
}
.abc-single-icon-box-three-area .abc-single-icon-box-icons {
    position: relative;
}

/*----------------------------------------------
 * Portfolio
 * ---------------------------------------------*/
.abc-elementor-portfolio-filter {
    text-align: right;
}

#portfolio-filter .abc-elementor-portfolio-single-filter a,
.abc-elementor-portfolio-single-filter a {
    border-radius: 3px;
    border: 1px solid #448E08;
    padding: 10px 15px;
    display: inline-block;
    color: #448E08;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

ul#portfolio-filter.abc-elementor-portfolio-filter {
    margin-bottom: 50px;
    margin-top: -90px;
}

.abc-elementor-portfolio-content-area {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

#portfolio-filter .abc-elementor-portfolio-single-filter a.active.current,
#portfolio-filter .abc-elementor-portfolio-single-filter a:hover {
    background-color: #448E08;
    color: #fff;
}

.abc-elementor-portfolio-single-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.abc-elementor-portfolio-single-thumb::before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    border-radius: 5px;
    background: rgba(24, 24, 24, 0.65);
    transform: scale(0);
    transition: 0.3s ease-out;
}

.abc-elementor-portfolio-single-area:hover .abc-elementor-portfolio-single-thumb::before {
    transform: scale(1);
    transition: 0.3s;
}

.abc-elementor-portfolio-overlay-area {
    background-color: #FFF;
    padding: 20px;
    position: absolute;
    bottom: -200px;
    left: 15px;
    right: 15px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.3s ease-out;
}

.abc-elementor-portfolio-single-area:hover .abc-elementor-portfolio-overlay-area {
    bottom: 20px;
    transition: 0.3s;
}

.abc-elementor-portfolio-left h3 {
    margin-bottom: 10px;
}

.abc-elementor-portfolio-left h3 a {
    color: #181818;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3em;
}

.abc-elementor-portfolio-left p {
    color: #448E08;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.abc-elementor-portfolio-right img {
    width: 70px;
}
.abc-elementor-portfolio-right svg {
    width: 50px;
    height: 50px;
}

.abc-elementor-portfolio-wrap  ul {
    list-style: none;
    padding: 0;
}

.abc-elementor-portfolio-wrap  ul#portfolio-filter {
    margin: 0;
    padding: 0;
}

.abc-elementor-portfolio-wrap ul#portfolio-filter li {
    display: inline-block;
    margin: 0 5px 18px 0;
}

/*----------------------------------------------
 * Team Member
 * ---------------------------------------------*/
.abc-elementor-team-member-area {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    row-gap: 60px;
}

.abc-elementor-teammember-single-item-area {
    border: 5px solid #448E08;
    border-radius: 5px;
    transition: 0.3s ease-out;
    position: relative;
}

.abc-elementor-teammember-single-item-area::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.574);
    transform: scale(0);
    transition: 0.3s ease-out;
    border-radius: 5px;
    z-index: 1;
}

.abc-elementor-teammember-single-item-area:hover::before {
    transform: scale(1);
    transition: 0.3s;
}

.abc-ele-team-social {
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 5;
}

.abc-ele-team-image {
    max-width: 295px;
    max-height: 380px;
    overflow: hidden;
}

.abc-ele-team-image img.wp-post-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    transform: scale(1.01);
}

.abc-ele-team-footer {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
    position: absolute;
    bottom: -30px;
    left: 20px;
    right: 20px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: bottom 0.3s ease;
    z-index: 3;
}

.abc-elementor-teammember-single-item-area:hover .abc-ele-team-footer {
    bottom: 30px;
}

h4.abc-ele-team-name {
    color: #181818;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    transition: color 0.3s ease;
    list-style: 1;
}

h4.abc-ele-team-name a {
    color: #181818;
    display: inline-block;
}

.abc-ele-team-designation {
    color: #448E08;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
}

.abc-ele-team-social {
    text-align: center;
}

.abc-ele-team-social svg {
    cursor: pointer;
}

.abc-ele-team-social-overlay {
    background-color: rgba(255, 255, 255, 0.7);
    position: relative;
    margin-top: 15px;
    opacity: 0;
    transition: opacity 0.3s ease, height 0.3s ease, transform 0.3s ease;
    visibility: hidden;
    height: 0;
    transform: scale(0);
}

/* Show the overlay when hovering over the social div */
.abc-ele-team-social:hover .abc-ele-team-social-overlay {
    opacity: 1;
    visibility: visible;
    height: 100%;
    transform: scale(1);
}

.abc-ele-team-social-overlay::before {
    content: '';
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent rgba(255, 255, 255, 0.7) transparent;
}

.abc-ele-team-social-overlay ul {
    margin: 0;
    padding: 10px 15px;
    text-align: center;
}

.abc-ele-team-social-overlay ul li {
    list-style: none;
    margin-bottom: 5px;
}

.abc-ele-team-social-overlay ul li:last-child {
    margin-bottom: 0;
}

.abc-ele-team-social-overlay ul li a i,
.abc-ele-team-social-overlay ul li a svg {
    color: #448E08;
    fill: #448E08;
}

/*----------------------------------------------
 * Testimonial
 * ---------------------------------------------*/

.abc-testimonial-single-item {
    background-color: #181818;
    padding: 30px;
    border-radius: 5px;
    position: relative;
}

.abc-testimonial-header {
    display: flex;
    gap: 20px;
    align-items: center;
}

#abc-testimonial-client-img img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    max-width: 100% !important;
    object-fit: cover;
    object-position: top;
}

.abc-testimonial-client-info h3 {
    color: #ffff;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 10px;
}

.abc-testimonial-client-info p {
    color: #448E08;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 0;
}

.abc-testimonial-content p {
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3rem;
    margin-top: 20px;
}

.abc-testimonial-rating {
    margin-top: 20px;
}

.abc-testimonial-rating i {
    color: #D3A500;
    font-size: 14px;
    font-weight: 400;
    margin-right: 5px;
}

.abc-testimonial-quote {
    position: absolute;
    top: 40px;
    right: 65px;
}
.swiper.abc-testimonial-slider {
    padding-bottom: 65px;
}
.abc-testimonial-slider-nav-bar button.abc-testimonial-arrow {
    cursor: pointer;
    border: 0; 
    position: absolute;
    top: 50%;
    z-index: 1;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.abc-testimonial-slider-nav-bar button.abc-testimonial-arrow.abc-testimonial-arrow-right {
    right: -60px;
}
.abc-testimonial-slider-nav-bar button.abc-testimonial-arrow svg {
    width: 40px;
    height: 40px;
    background-color: #59a818 ;
    border-radius: 50%;
    fill: #fff;
    padding: 8px;
}
.abc-testimonial-slider-nav-bar button.abc-testimonial-arrow.abc-testimonial-arrow-right svg {
    transform: rotate(180deg);
}
.abc-testimonial-slider-nav-bar button.abc-testimonial-arrow.abc-testimonial-arrow-left {
    left: -60px;
}
.abc-testimonial-slider .abc-testimonial-arrow.slick-disabled,
.abc-testimonial-slider .abc-testimonial-arrow.slick-disabled
{
    opacity: .25;
}
.abc-testimonial-slider-nav-bar .abc-testimonial-arrow:hover svg {
    background-color: #FFAB01;
    color: #fff;
    fill: #fff;
    transition: 0.3s ease;
}
 .swiper-pagination.abc-testimonial-slider-pagination{    
    display: flex;
    justify-content: center;
}
.swiper-pagination.abc-testimonial-slider-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.swiper-pagination.abc-testimonial-slider-pagination .swiper-pagination-bullet-active {
    background-color:#448E08;
}



/*---------------------------
* Testimonial grids
-----------------------------*/
.abc-testimonial-grids {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.abc-testimonial-grids .abc-testimonial-single-item {
    margin-right: 0;
    margin-left: 0;
}

.abc-elementor-pagination {
    width: 100%;
    margin-top: 15px;
    text-align: center;
}

.abc-elementor-pagination * {
    display: inline-block;
}

/*---------------------------
    Team Member Style Two
-----------------------------*/
.abc-elementor-teammember-single-item-area-style-two {
    overflow: hidden;
    position: relative;

}

.abc-elementor-teammember-single-item-area-style-two:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 98%;
    background: rgba(0, 0, 0, 0.574);
    transform: scale(0);
    transition: 0.3s ease-out;
    border-radius: 5px;
    z-index: 1;
}

.abc-elementor-teammember-single-item-area-style-two:hover::before {
    transform: scale(1);
    transition: 0.3s;
}

.abc-elementor-team-img {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

#abc-elementor-team-style-two-img.abc-elementor-team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 5px;
    border: 5px solid #448E08;
}

.abc-ele-team-style-two-info {
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    z-index: 1;
}

#abc-elementor-team-name.abc-elementor-team-name {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: 0.3s ease;
}

.abc-elementor-teammember-single-item-area-style-two:hover #abc-elementor-team-name.abc-elementor-team-name {
    bottom: 35px;
    transition: 0.3s ease;
}

#abc-elementor-team-name.abc-elementor-team-name h2 {
    font-family: Roboto;
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0px;
}

#abc-elementor-team-name.abc-elementor-team-name h2 a {
    color: transparent;
    -webkit-text-stroke: 1px white;
    text-stroke: 1px white;
    margin-bottom: 0;
}

.abc-elementor-team-designation p {
    color: #448E08;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.abc-ele-team-social-overlay.abc-team-style-two-social {
    background-color: transparent;

}

.abc-ele-team-social-overlay.abc-team-style-two-social::before {
    display: none;
}

.abc-elementor-teammember-single-item-area-style-two:hover .abc-ele-team-social-overlay.abc-team-style-two-social {
    opacity: 1;
    height: auto;
    transform: scale(1);
    visibility: visible;
}

.abc-team-style-two-social.abc-ele-team-social-overlay ul {
    margin: 0;
    text-align: center;
    display: flex;
    gap: 13px;
    padding: 0;
}

.abc-team-style-two-social.abc-ele-team-social-overlay ul li {
    margin-bottom: 0;
}

.abc-team-style-two-social.abc-ele-team-social-overlay ul li a {
    padding: 5px;
}

.abc-team-style-two-social.abc-ele-team-social-overlay ul li a i,
.abc-team-style-two-social.abc-ele-team-social-overlay ul li a svg path {
    color: #fff;
    fill: #fff;
    font-size: 18px;
}

.abc-team-style-two-social.abc-ele-team-social-overlay ul li a svg {
    width: 15px;
    height: 15px;
}

.abc-team-style-two-social.abc-ele-team-social-overlay ul li a:hover i,
.abc-team-style-two-social.abc-ele-team-social-overlay ul li a:hover svg path {
    color: #448E08;
    fill: #448E08;
}

.abc-elementor-team-designation {
    opacity: 0;
    transition: 0.3s ease;
    visibility: hidden;
    transform: translateY(20px);
    transform: scale(0);
    bottom: 16%;
    position: absolute;
}

.abc-elementor-teammember-single-item-area-style-two:hover .abc-elementor-team-designation {
    opacity: 1;
    transition: 0.3s ease;
    visibility: visible;
    transform: translateY(0px);
    transform: scale(1);
}



/*----------------------------------------------
 * Contact Form
 * ---------------------------------------------*/
.abc-ele-contact-field-row {
    display: flex;
    justify-items: center;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

#abc-ele-contact-field {
    flex-basis: 50%;
}

#abc-ele-contact-field input,
#abc-ele-contact-field textarea {
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    width: 100%;
    min-height: 60px;
    padding: 10px 20px;
    color: #8F9798;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3rem;
}

#abc-ele-contact-field.abc-ele-contact-field {
    flex-basis: 100%;
}

#abc-ele-contact-field.abc-ele-contact-field textarea {
    width: 100%;
}

#abc-ele-contact-field.abc-ele-contact-form-submit {
    flex-basis: 200px;
    text-align: left;
}

#abc-ele-contact-field.abc-ele-contact-form-submit input {
    font-family: "Roboto", Sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3em;
    border-style: solid;
    border-width: 0px 0px 0px 5px;
    border-color: #FE4D05;
    border-radius: 0px 0px 0px 0px;
    padding: 20px 43px 20px 43px;
    background-color: #448E08;
    color: #fff;
    margin-top: 20px;
}

#abc-ele-contact-field.abc-ele-contact-form-submit p {
    margin-bottom: 0;
}

#abc-ele-contact-field.abc-ele-contact-form-submit input:hover {
    border-color: #448E08;
    background-color: #FE4D05;
}

/*----------------------------------------------
 * Pricing Table
 * ---------------------------------------------*/
.abc-ele-pricing-table-area {
    border-bottom: 5px solid #448E08;
    border-radius: 4px;
    border-top: 0;
    background: #f6f6f6;
}

.abc-ele-pricing-table-header-area {
    position: relative;
}

.abc-ele-pricing-table-header {
    position: relative;
}

.abc-ele-pricing-table-header svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.abc-ele-pricing-header-strock {
    margin-top: -124px;
}

.abc-ele-pricing-header-strock svg {
    fill: #FD5009;
}

.abc-ele-pricing-pack-name {
    background-color: #F7F7F7;
    text-align: center;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 10px 10px;
    width: 235px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.abc-ele-pricing-pack-name h3 {
    color: #448E08;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 0;
}

.abc-ele-pricing-pack-preiod {
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
}

.abc-ele-pricing-pack-preiod h3 {
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.abc-ele-pricing-pack-preiod h3 sub {
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.abc-ele-pricing-table-body {
    display: flex;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
}

.abc-ele-pricing-table-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.abc-ele-pricing-table-body ul li {
    color: #181818;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.abc-ele-pricing-table-body ul i {
    color: #448E08;
    font-size: 18px;
    margin-right: 5px;
    position: relative;
    top: 4px;
}
.abc-ele-pricing-table-body ul svg {
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px;
}
.abc-ele-pricing-table-footer {
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
}

.abc-ele-pricing-table-footer a {
    background-color: #448E08;
    display: inline-flex;
    align-items: center;
    padding: 20px 10px;
    color: #FFF;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 40px;
    border-radius: 3px;
    margin-bottom: 50px;
    width: 100%;
    justify-content: center;
}

.abc-ele-pricing-table-footer a {
   gap:10px
}

.abc-ele-pricing-table-area:hover .abc-ele-pricing-table-footer a {
    background-color: #FE4D05;
}

.abc-ele-pricing-table-area:hover .abc-ele-pricing-header-bg svg path {
    fill: #FE4D05;
}

.abc-ele-pricing-table-area:hover .abc-ele-pricing-header-strock svg path {
    fill: #448E08;
}

.abc-ele-pricing-table-area:hover .abc-ele-pricing-pack-name h3 {
    color: #FE4D05;
}

.abc-ele-pricing-table-area:hover {
    border-color: #FE4D05;
}

.abc-ele-pricing-table-footer a,
.abc-ele-pricing-header-bg svg path,
.abc-ele-pricing-header-strock svg path,
.abc-ele-pricing-pack-name h3,
.abc-ele-pricing-table-area {
    transition: all 0.3s ease;
}

.abc-ele-pricing-recommended {
    position: absolute;
    top: -36px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

.abc-ele-pricing-recommended:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 36px 13px;
    border-color: transparent transparent #448E08 transparent;
}

.abc-ele-pricing-recommended span {
    color: #fff;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 10px 20px;
    background-color: #FE4D05;
    border-radius: 0 3px 0 0;
}

.abc-ep-recommended-left.abc-ele-pricing-recommended {
    position: absolute;
    top: 35px;
    left: -29px;
    border-radius: 0 0 0 0;
    transform: rotate(270deg);
    z-index: 9;
    right: inherit;
}

.abc-ep-recommended-left.abc-ele-pricing-recommended:after {
    content: '';
    position: absolute;
    top: -10.51px;
    right: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0px 0px 15px;
    border-color: transparent transparent transparent #448E08;
}

.abc-ep-recommended-left.abc-ele-pricing-recommended::before {
    display: none;
}

.abc-ele-pricing-table-area:hover .abc-ele-pricing-recommended span {
    background-color: #448E08;
}

.abc-ele-pricing-table-area:hover .abc-ep-recommended-left.abc-ele-pricing-recommended:after {
    border-color: transparent transparent transparent #448E08;
}
/*-----------------------------
 * Pricing Standard
 * ----------------------------*/
 .abc-ele-pricing-table-type-standard .abc-ele-pricing-table-header-area {
    background-color: #448E08;
    border-bottom: 10px solid #FE4D05;
}
.abc-ele-pricing-table-type-standard  .abc-ele-pricing-pack-name {
    position: unset;
}
.abc-ele-pricing-table-type-standard .abc-ele-pricing-pack-preiod {
    position: unset;
    padding-top: 30px;
    padding-bottom: 40px;
    
}
.abc-ele-pricing-table-type-standard  .abc-ele-pricing-table-body {
    margin-top: 40px;
}
/*-----------------------------
 * ABC Shape
 * ----------------------------*/
 .abc-shape-area .abc-shape-image img {
    height: auto;
 }
/*----------------------------------------------
 * Blog
 * ---------------------------------------------*/

.abc-ele-blogs {
    display: flex;
    gap: 30px;
}

.abc-ele-single-first {
    flex-basis: 50%;
}

.abc-ele-single-blog-rem-posts {
    display: flex;
    flex-basis: 50%;
    flex-direction: column;
    gap: 25px;
}

.abc-ele-single-blog-area:not(.abc-ele-single-first) {
    display: flex;
    flex-basis: 100%;
}

.abc-ele-single-blog-area {
    position: relative;
}

.abc-ele-single-first .abc-ele-single-blog-thumbnail {
    max-width: 100%;
}

.abc-ele-single-blog-thumbnail {
    max-width: 240px;
}

.abc-ele-single-blog-thumbnail img {
    max-width: 100%;
    border-radius: 10px !important;
}

.abc-ele-single-blog-rem-posts .abc-ele-single-blog-thumbnail img {
    width: 100%;
    height: 176px;
    object-fit: cover;
}

.abc-ele-single-blog-content-area {
    width: 470px;
    border-radius: 5px;
    background: #F9F9F9;
    box-shadow: 0px 0px 4px 0px rgba(24, 24, 24, 0.25);
    padding: 20px 30px;
    position: absolute;
    left: 155px;
    top: 15px;
}

.abc-ele-single-first .abc-ele-single-blog-content-area {
    width: 90%;
    margin: 0 auto;
    margin-top: -100px;
    z-index: 9;
    position: relative;
    padding: 35px 40px;
    left: unset;
    top: unset;
}

.abc-ele-single-first .abc-ele-single-blog-info {
    margin-bottom: 15px;
}

.abc-ele-single-blog-info {
    margin-bottom: 5px;
    display: flex;
    gap: 20px;
}

.abc-ele-single-blog-info a {
    color: #777;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.abc-ele-single-blog-info i {
    color: #448E08;
    font-size: 16px;
}

.abc-ele-single-blog-title h2 {
    line-height: 1.5rem !important;
}

.abc-ele-single-blog-title a {
    color: #181818;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3em;
}

.abc-ele-single-blog-button a {
    color: #448E08;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3em;
}

/* ---------------------------------------------
 * Circular Skill
 * --------------------------------------------- */

.abc-ele-skill-circle {
    width: 100%;
    min-height: 170px;
    margin: 0;
    display: inline-block;
    position: relative;
    line-height: 1.2;
    text-align: center;
}

.abc-ele-skill-circle canvas {
    vertical-align: top;
}

.abc-ele-skill-circle strong {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    line-height: 40px;
    font-size: 30px;
    color: #fff;
}

.abc-ele-skill-circle strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}

.abc-ele-skill-circle span {
    display: block;
    color: #fff;
    margin-top: 12px;
}

/* ---------------------------------------------
 * Skill Bar
 * --------------------------------------------- */
.abc-ele-skill-bar-percent {
    position: relative;
}

.abc-ele-progress-bar-text span {
    float: right
}

.abc-ele-progress-bar-text {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
}

.abc-ele-progress-bar {
    box-shadow: 0 0 0;
    height: 3px;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}

.abc-ele-progress-bar>span {
    background: #59a818 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}

.abc_skills_bar_percent_tooltip {
    position: absolute;
    top: -50px;
    right: -20px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    background-color: #2B35FF;
    color:#fff;
    padding: 5px 7px;
    border-radius: 4px;
}
.abc_skills_bar_percent_tooltip:after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 19px 11.5px 0 11.5px;
    border-color: #2B35FF transparent transparent transparent;
    transform: rotate(0deg);
    position: absolute;
    content: "";
    bottom: -18px;
    left: 0;
    right: 0;
    margin: 0 auto;
 }

/* ---------------------------------------------
* Tabs
* --------------------------------------------- */
.abc-var-tabs .e-n-tabs-heading > button[aria-selected="true"] {
    position: relative;
}
.abc-var-tabs .e-n-tabs-heading > button[aria-selected="true"]:after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #2B35FF;
    transform: rotate(0deg);
    position: absolute;
    right: -20px;
}

/* ---------------------------------------------
* PopUp
* --------------------------------------------- */
.abc-popup-area {
    text-align: center;
}
.abc-popup-area .abc-popup-content-icon {
    display: inline-block;
}
.mfp-container .mfp-iframe-scaler button {
width: auto;
}
.mfp-container .mfp-iframe-scaler button:hover {
    background-color: inherit;
}

/*----------------------------------------------
 * ABC Shape
 * ---------------------------------------------*/
 .abc-ele-shape {
    width:200px;
    height:200px; 
    background-color: #448E08;  
 }
 .abc-shape-circle.abc-ele-shape {
    border-radius: 100%;    
 }

/*----------------------------------------------
 * ABC Section Title 
 * ---------------------------------------------*/
.abc-elementor-sec-title-divider {
    background: #458f0c;
    display:  inline-block;
    position: relative;
    width: 50px;
}

.abc-elementor-sec-title {
    margin-bottom: 0;
    margin-top: 0;
}


/*----------------------------------------------
 * ABC Post/page Title 
 * ---------------------------------------------*/
 .abc-post-title-tag {
  margin-top: 0;
  margin-bottom: 0;
}

.abc-page-title-tag {
    margin-top: 0;
    margin-bottom: 0;
  }

  /*----------------------------------------------
 * ABC Post info Title 
 * ---------------------------------------------*/
 .abc-ele-posted-on, .abc-ele-posted-by {
    padding-right: 7px;
 }

 .abc-ele-post-tag ul {
    margin: 0;
    padding: 0;

}

 /*----------------------------------------------
 * ABC Post Tag Info
 * ---------------------------------------------*/
.abc-ele-post-tag ul li{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 6px;
}

.abc-ele-post-tag ul li a{
    padding: 6px 9px;
    border-radius: 4px;
    transition: all .4s;
    display: inline-block;

}

 /*----------------------------------------------
 * ABC Author Bio
 * ---------------------------------------------*/

 .abc-ele-author-bio {
    display: flex;
    padding: 10px;
    column-gap: 20px;
}

.abc-ele-authorleft {
    flex: 0 0 150px;
}

.abc-ele-authorright {
    flex: 1;
}

.abc-author-bio-title {
    margin-bottom: 7px;

}

 /*----------------------------------------------
 * ABC Related Post
 * ---------------------------------------------*/
 .abc-ele-related-post ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.abc-ele-related-post ul li {
    box-sizing: border-box;
    text-align: left;
    padding-right: 15px;
    padding-bottom: 15px; 
}

.abc-ele-related-post ul li:last-child {
    padding-right: 0;
}

.abc-ele-related-post .abc-ele-related-post-heading {
    margin-top: 10px;
    margin-bottom: 0;
}

.abc-ele-related-post figure img {
    border-radius: 4px;
    max-width: 100%;
    height: auto;
}

.abc-ele-related-post figure img:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}


 /*----------------------------------------------
 * ABC Blog Grid
 * ---------------------------------------------*/

.abc-ele-four-column-blog,
.abc-ele-four-column-blog .abc-ele-blog-item, .abc-ele-three-column-blog, .abc-ele-two-column-blog {
    box-sizing: border-box;
}

.abc-ele-four-column-blog {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.abc-ele-four-column-blog .abc-ele-blog-item {
    box-sizing: border-box;
}
/* Three column blog area */
.abc-ele-three-column-blog {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:40px 30px; 
}

/* Blog item styling */
.abc-ele-blog-item {
    box-sizing: border-box; 
}

.abc-ele-three-column-blog {
    width: 100%;
}

.abc-ele-two-column-blog {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}


.abc-ele-blog-thumb figure img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.abc-ele-blog-thumb figure img:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

.abc-ele-blog-title {
    margin: 10px 0 7px 0;
    font-size: 18px;
    font-weight: bold;
}

.abc-ele-blog-meta {
    font-size: 13px;
    color: #666;
    font-style: italic;
    margin: 0;
    padding-bottom: 8px;
    border-bottom: 1px dotted #ccc;
}

.abc-ele-blog-meta .posted-on {
    margin-right: 10px;
}

.abc-ele-blog-excerpt {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.6;
}

.abc-ele-blog-more {
    margin-top: 10px;
}

.abc-ele-blog-more a {
    position: relative;
}

.abc-ele-blog-more a:after {
    width: 20px;
    border-bottom: 1px dashed #A0CE4E;
    bottom: -5px;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.abc-ele-blog-more a:hover:after { 
    left: 2%;
    margin-left: 0;
    width: 80%;
}

.abc-ele-pagination-container {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    line-height: 1;
}

.abc-ele-blog-grid .abc-ele-pagination-container {
    text-align: center;
}

.abc-ele-pagination-container a {
    display: inline-block;
    padding: 6px 10px;
    margin: 0 5px;
    text-decoration: none;
    color: #333;
    background-color: #eee;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.abc-ele-pagination-container .current, .abc-ele-pagination-container a:hover {
    display: inline-block;
    padding: 6px 10px;
    margin: 0 5px;
    text-decoration: none;
    color: #fff;
    background-color: #59a818;
    border-radius: 5px;
}

/*----------------------------------------------
 * ABC Blog List
 * ---------------------------------------------*/
.abc-ele-blog-list-item {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.abc-ele-blog-list-thumb {
    float: left;
    width: 200px;
    margin-right: 20px;
}

.abc-ele-blog-list-content {
    overflow: hidden;
}

.abc-ele-blog-list-thumb figure img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.abc-ele-blog-list-thumb figure img:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

.abc-ele-blog-list-title {
    margin: 10px 0 7px 0;
    font-size: 18px;
    font-weight: bold;
}

.abc-ele-blog-list-meta {
    font-size: 13px;
    color: #666;
    font-style: italic;
    margin: 0;
    padding-bottom: 8px;
    border-bottom: 1px dotted #ccc;
}

.abc-ele-blog-list-meta .posted-on {
    margin-right: 10px;
}

.abc-ele-blog-list-excerpt {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.6;
}

.abc-ele-blog-list-more {
    margin-top: 10px;
}

.abc-ele-blog-list-more a {
    position: relative;
}

.abc-ele-blog-list-more a:after {
    width: 20px;
    border-bottom: 1px dashed #A0CE4E;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.abc-ele-blog-list-more a:hover:after { 
    left: 2%;
    margin-left: 0;
    width: 80%;
}

.abc-ele-blog-list-pagi-container{
    display: block;
    margin-top: 20px;
    font-size: 14px;
    line-height: 1;
}

.abc-ele-blog-list-pagi-container a {
    display: inline-block;
    padding: 6px 10px;
    margin: 0 5px;
    text-decoration: none;
    color: #333;
    background-color: #eee;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.abc-ele-blog-list-pagi-container .current, .abc-ele-blog-list-pagi-container a:hover {
    display: inline-block;
    padding: 6px 10px;
    margin: 0 5px;
    text-decoration: none;
    color: #fff;
    background-color: #59a818;
    border-radius: 5px;
}

/*----------------------------------------------
 * ABC Social Share Icon
 * ---------------------------------------------*/
 .abc-elementor-social-share-area ul {
    margin: 0;
    padding: 0;
 }

 .abc-elementor-social-share-area ul li {
    display: inline-block;
    margin: 0 5px 5px 0;
    text-align: center;
 }

 .abc-elementor-social-share-area ul li a{ 
    border-radius: 50%;
    display: inline-block;
 }

/*----------------------------------------------
 * ABC Blockquote
 * ---------------------------------------------*/
 .abc-elementor-block-quote-area {
    width: 100%;
    position: relative;
    padding-left: 50px;
 }

 .abc-elementor-block-quote-area blockquote {
    width: 90%;
    margin: 0;
    font-size: 21px;
    border-left: 3px solid #59a818;
    padding-left: 15px;
    font-weight: 300;
    position: relative;
    word-wrap: break-word;
 }

 .abc-elementor-block-quote-area blockquote:before {
    content: '';
    width: 0;
    height: 0;
 }

 .abc-elementor-block-quote-area .abc-quote-icon {
    position: absolute;
    top: -15px;
    left: 0px;
 }

 .abc-elementor-block-quote-area .abc-quote-icon svg { 
    width: 40px;
    height: 40px;
 }

 
/*----------------------------------------------
 * ABC Search Form
 * ---------------------------------------------*/
.abc-ele-search-form {
    overflow: hidden;
}

.abc-ele-search-form form { 
    width: 100%;
}

.abc-ele-search-form input[type="text"] {
    width: 70%; 
    padding: 10px;
    border: 1px solid #053D58;
    box-sizing: border-box;
    float: left;
    outline: none !important;
    background: #fff;
    color: #3D3D3D;
}

.abc-ele-search-form input[type="submit"] {
    width: 28%;
    padding: 10px;
    border: none;
    cursor: pointer;
    float: right;
    font-size: 13px;
}

.abc-ele-search-form input[type="submit"]:hover {
    background-color: #054F6D;
}
/*----------------------------------------------
 * ABC Recent Posts
 * ---------------------------------------------*/
 .abc-ele-recent-post-item {
    margin-bottom: 18px;
 }

.abc-ele-recent-post-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.abc-ele-recent-post-meta {
    font-size: 12px;
    color: #666;
    font-style: italic;
    margin-bottom: 5px;
}

.abc-ele-recent-post-meta .posted-on {
    margin-right: 10px;
}

.abc-ele-recent-post-more {
    font-size: 15px;
}

/*----------------------------------------------
 * ABC Counter
 * ---------------------------------------------*/
 .abc-ele-countdown-wrap .abc-ele-counter {
    font-size: 40px;
    font-weight: 300;
}

.abc-ele-countdown-wrap .abc-ele-count-title {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
}

.abc-ele-countdown-wrap .counticon {
    font-size: 25px;
    color: #59a818;
}



/*----------------------------------------------
 * WooCommerce Product Title
 * ---------------------------------------------*/
 .abc-product-title-tag {
    margin-bottom: 0;
 }