:root {
    --black: #000;
    --white: #fff;
    --white-f1: #f1f3f2;
    --white-f3: #f3f7f8;
    --white-f7: #f7f7f7;
    --gray-c9: #c9c9c9;
    --gray-5d: #5b5b5b;
    --l-green-2d: #2d3b2f;
    --red: #9E1D28;
    --blue: #0B254C;
    --black-1a: #1a1919;
    --border: #4141416b;
    --shadow-header: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
    --shadow-10: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
    --radius-5: 5px;
    --radius-10: 10px;
    --radius-20: 20px;
    --radius-25: 25px;
    --radius-30: 30px;
    --radius-40: 40px;
    --radius-50: 50px;
    --radius-100: 100%;
    --gradient: linear-gradient(90deg, rgba(11, 37, 76, 1) 0%, rgba(158, 29, 40, 1) 70%, rgba(158, 29, 40, 1) 100%);
    --gradient-hover: linear-gradient(90deg, rgba(158, 29, 40, 1) 0%, rgba(11, 37, 76, 1) 70%, rgba(11, 37, 76, 1) 100%);
}
.red { color: var(--red); }
.blue { color: var(--blue); }
.white { color: var(--white); }
.gradient_text, .sub-head {
    background: -webkit-linear-gradient(var(--blue), var(--red));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bb {  border-bottom: 1px solid var(--border); }
.max-400 { max-width: 400px; width: 100%; }
.max-450 { max-width: 450px; width: 100%; }
.max-500 { max-width: 500px; width: 100%; }
.max-550 { max-width: 550px; width: 100%; }
.max-600 { max-width: 600px; width: 100%; }
.max-650 { max-width: 650px; width: 100%; }
.max-700 { max-width: 700px; width: 100%; }
.max-750 { max-width: 750px; width: 100%; }
.max-800 { max-width: 800px; width: 100%; }
.max-850 { max-width: 850px; width: 100%; }
.max-900 { max-width: 900px; width: 100%; }


@font-face {

    font-family: 'Nunito-ExtraLight';

    src: url('../fonts/Nunito-ExtraLight.ttf');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Nunito-Light';

    src: url('../fonts/Nunito-Light.ttf');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Nunito-Regular';

    src: url('../fonts/Nunito-Regular.ttf');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Nunito-Medium';

    src: url('../fonts/Nunito-Medium.ttf');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Nunito-SemiBold';

    src: url('../fonts/Nunito-SemiBold.ttf');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Nunito-Bold';

    src: url('../fonts/Nunito-Bold.ttf');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Nunito-ExtraBold';

    src: url('../fonts/Nunito-ExtraBold.ttf');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Nunito-Black';

    src: url('../fonts/Nunito-Black.ttf');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Alexandria-SemiBold';

    src: url('../fonts/Alexandria-SemiBold.ttf');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: '';

    src: url('../fonts/');

    font-weight: normal;

    font-style: normal;

}



body {

    font-family: 'Nunito-Regular';

    font-size: 16px;

    overflow-x: hidden;

    line-height: inherit;

    color: #000;

}



p {

    line-height: normal;

    letter-spacing: 0px;

    margin-bottom: 25px;

}



body,

html {

    height: 100%;

    scroll-behavior: smooth;

}



._rel {

    position: relative;

}



a,

a:after,

img,

a:before,

.btn-theme,

.overly {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



a {

    display: inline-block;

    text-decoration: none;

    outline: none;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    -o-appearance: none;

    -ms-appearance: none;

    color: #000;

    position: relative;

}



a:hover,

a:focus,

a:active {

    text-decoration: none;

    outline: none;

    color: var(--black);

}



/* Btn Theme */

.btn_theme {

    position: relative;

    border: solid 1px var(--black);

    font-size: 14px;

    font-weight: 500;

    background: transparent;

    color: var(--black);

    height: 50px;

    line-height: 48px;

    padding-right: 30px;

    min-width: 190px;

    font-family: 'Kanit-Medium';

    text-align: center;

    /* padding: 0; */

}



.btn_theme:hover {

    color: var(--black);

}



.btn_theme:after {

    content: "";

    background-image: url(../images/black-arrow-bold.png);

    width: 17px;

    height: 17px;

    background-position: right;

    background-repeat: no-repeat;

    background-size: contain;

    position: absolute;

    right: 40px;

    top: 15px;

    transform: rotate(40deg);

    transition: transform 0.5s;

}



.btn_theme.white {

    border-color: rgba(255, 255, 255, 0.57);

    color: var(--red);

    background-color: var(--white);

}



.btn_theme.red {

    border-color: var(--red);

    /* background-color: var(--red); */

    background: var(--gradient);

    color: var(--white) !important;

}



.btn_theme.red:hover {

    background: var(--gradient-hover);

}



.btn_theme.white:after {

    background-image: url(../images/red-arrow-bold.png);

}



.btn_theme.red:after {

    background-image: url(../images/white-arrow-bold.png);

    /* right: 25px; */

}



.btn_theme:hover:after {

    /* right: 35px;

    top: 10px; */

    transform: rotate(90deg);

}



.btn_theme.b-red {

    border-color: var(--red);

    background-color: transparent;

    color: var(--red);

    min-width: 224px;

}



.btn_arrow {

    position: relative;

    font-size: 16px;

    line-height: 16px;

    text-align: right;

    color: var(--white);

    padding-right: 80px;

}



.btn_arrow:before {

    content: "";

    height: 56px;

    width: 56px;

    display: inline-block;

    border-radius: 50%;

    position: absolute;

    right: 0;

    top: -10px;

    background-color: var(--black);

}



.btn_arrow:after {

    content: "";

    background-image: url(../images/white-arrow-bold.png);

    width: 40px;

    height: 22px;

    background-position: right;

    background-repeat: no-repeat;

    background-size: contain;

    position: absolute;

    right: 15px;

    top: 0px;

    transform: rotate(40deg);

}



.btn_arrow:hover:after {

    top: -10px;

}



.btn_arrow:hover {

    color: var(--white);

}



.btn_red {

    color: var(--red);

    font-family: 'Kanit-Medium';

    font-size: 18px;

    line-height: 18px;

    padding-right: 40px;

}



.btn_red img {

    position: absolute;

    right: 0;

    top: 10px;

    transform: rotate(40deg);



}



.btn_red:hover img {

    transform: rotate(90deg);

}



img {

    max-width: 100%;

    height: auto;

}



h1,

h2,

h3,

h4,

h5,

h6,

h1>a,

h2>a,

h3>a,

h4>a,

h5>a,

h6>a {}



h1 {

    font-family: 'Nunito-Bold';

    font-size: 45px;

    line-height: normal;

    letter-spacing: 0px;

    margin-bottom: 20px;

}



h2 {

    font-family: 'Nunito-Bold';

    font-size: 40px;

    line-height: normal;

    letter-spacing: 0px;

    margin-bottom: 20px;

}



h3 {

    font-family: 'Nunito-Bold';

    font-size: 35px;

    line-height: normal;

    letter-spacing: 0px;

    margin-bottom: 20px;

}



h4 {

    font-family: 'Nunito-Bold';

    font-size: 30px;

    line-height: normal;

    letter-spacing: 0px;

    margin-bottom: 20px;

}



h5 {

    font-family: 'Nunito-Bold';

    font-size: 25px;

    line-height: normal;

    letter-spacing: 0px;

    margin-bottom: 20px;

}



h6 {

    font-family: 'Nunito-Bold';

    font-size: 20px;

    letter-spacing: 0;

    line-height: normal;

    margin-bottom: 20px;

}



section {

    width: 100%;

    padding: 100px 0;

    position: relative;

    clear: both;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



/* Top Bar */

.top_bar {

    background-color: var(--red);

    padding: 7px 0;

}



.contact_topbar {

    padding: 0;

    margin: 0;

    list-style: none;

    display: flex;

}



.contact_topbar li:not(:last-child) {

    margin-right: 10px;

}



.contact_topbar a {

    color: var(--white);

}



.contact_topbar a:hover,

.contact_topbar a:focus {

    text-decoration: underline;

    color: var(---white) !important;

}



.mob_social {

    display: none;

}



.social_topbar {

    padding: 0;

    margin: 0;

    list-style: none;

    display: flex;

    justify-content: end;

}



.social_topbar li {

    margin-right: 10px;

}



.social_topbar li a {

    background-color: var(--white);

    height: 30px;

    width: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: var(--radius-100);

}



.social_topbar li a:hover {

    background-color: var(--blue);

    color: var(--white);

}



.head-logo {

    width: 190px;

}



.navbar-toggler i+i,

.active .navbar-toggler i {

    display: none;

}



.active .navbar-toggler i+i {

    display: block;

}



/*nav*/

.mainMenu {

    padding: 10px 0px;

    box-shadow: var(--shadow-header);

}



.mainMenu._transparent {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    z-index: 999;

}



/*.mainMenu.sticky {

    position: fixed;

    background-color: #fff;

    padding: 10px 0px;

    box-shadow: 10px 0 25px 0 rgb(0 0 0 / 6%);

}*/

.mainMenu.active {

    background-color: var(---white);

}



.mainMenu ul {

    align-items: center;

}



.mainMenu ul li:not(:last-child) {

    margin-right: 30px;

}



.mainMenu li a {

    font-size: 16px;

    text-transform: capitalize;

    position: relative;

}



.mainMenu li a:hover {

    color: var(--red);

}



.mainMenu li .btn-theme:hover {

    color: var(--white);

}



.menu-btn a:hover {

    color: var(--white);

}



/* Footer */

footer {

    position: relative;

    background-color: var(--white-f1);

    padding: 70px 0 70px;

}



footer .banner {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    width: 100%;

}



.client-logo img {

    display: inline-block;

}



footer .title {

    font-family: 'Alexandria-SemiBold';

    color: var(--black);

    margin-bottom: 30px;

    letter-spacing: -0.14px;

}



.no-style {

    list-style: none;

    margin: 0;

    padding: 0;

}



.s-list li {

    margin-bottom: 20px;

}



.s-list li img {

    position: absolute;

    left: 0;

    top: 5px;

}



.s-list li i {

    position: absolute;

    left: 0;

    top: 5px;

    font-size: 25px;

    color: var(--red);

}



.s-list li a {

    font-size: 18px;

    letter-spacing: -0.11px;

    color: var(--l-green-2d);

    padding-left: 50px;

    position: relative;

    line-height: 28px;

}



.s-list li a:hover,

.footer-menu li a:hover,

.footer-menu li.current-menu-item a {

    text-decoration: underline;

    color: var(--red);

}
.footer-menu.footer_services li.current-menu-item a {
    color: var(--l-green-2d);
    text-decoration: none;
}


.footer-menu.coll-2 li {

    display: inline-block;

    width: 48%;

}



.footer-menu li a {

    font-size: 18px;

    line-height: 28px;

    letter-spacing: -0.11px;

    color: var(--l-green-2d);

    margin-bottom: 8px;

}



.copyright {

    color: var(--gray-5d);

    font-size: 16px;

}



.copyright a {

    color: var(--red);

}



.copyright a:hover {

    color: var(--gray-5d);

    text-decoration: underline;

}



.contact-page {

    padding: 164px 0 0 0;

}



.after-bg::after {

    content: "";

    width: 100%;

    height: 50%;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: var(--white-f1);

    z-index: -1;

}







/* HOme */

.home-hero {

    position: relative;

    padding-bottom: 80px;

    padding-top: 80px;

    background-image: radial-gradient(circle at 18% 23%, rgba(217, 46, 23, 0), rgba(255, 255, 255, 0.26) 127%), linear-gradient(134deg, #e5e5e5 12%, #e5e5e5 79%);

}



.carousel-indicators {

    bottom: 20px;

    align-items: flex-start;

    margin: 0 !important;

    justify-content: center;

    /* opacity: 0; */

}



.carousel-indicators button {

    height: 10px !important;

    width: 10px !important;

    border-radius: 50%;

    opacity: 1 !important;

    background-color: var(--black) !important;

    margin: 0 6px !important;

    position: relative;

}



.carousel-indicators button.active {

    background-color: var(--red) !important;

}



.carousel-indicators button::after {

    content: "";

    height: 16px;

    width: 16px;

    border: 1px solid var(--red);

    border-radius: 50%;

    position: absolute;

    left: -3px;

    top: -3px;

    opacity: 0;

}



.carousel-indicators button:hover {

    background-color: var(--red) !important;

}



.carousel-indicators button.active {

    background-color: var(--red) !important;

}



.carousel-indicators button:hover::after {

    border: 1px solid var(--red);

    opacity: 1;

}



.carousel-indicators button.active::after {

    opacity: 1;

}



/* slider arrows */

.arrow-slider .slider_arrow {

    position: absolute;

    top: 50%;

    transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

    z-index: 99;

}



.arrow-slider .slider_arrow.__next {

    right: -100px;

}



.arrow-slider .slider_arrow.__prev {

    left: -100px;

}



#home-slider .__prev1 {

    left: 50px;

}



#home-slider .__next1 {

    right: 50px;

}



.slider_arrow {

    line-height: 50px;

    height: 50px;

    width: 50px;

    border-radius: 50%;

    text-align: center;

    border: 0;

    background-color: hsl(355deg 69% 37% / 66%);

    color: var(--white);

}



.slider_arrow:hover {

    color: var(--white);

    background-color: var(--red);

    box-shadow: 0 19px 46px -5px rgba(0, 0, 0, 0.53);

    /* transform: scale(1.05);

    -webkit-transform: scale(1.05); */

}



.check-list {

    list-style: none;

    padding: 0;

    margin: 0;

}



.check-list li {

    position: relative;

    padding-left: 25px;

}



.check-list li:not(:last-child) {

    margin-bottom: 5px;

}



.check-list li:before {

    content: '';

    position: absolute;

    background-image: url('../images/check-mark.svg');

    background-position: right;

    background-repeat: no-repeat;

    background-size: contain;

    height: 15px;

    width: 15px;

    left: 0px;

    top: 5px;



}



.sub-head {

    font-size: 16px;

    color: var(--red);

    font-weight: 400;

}



.sub-head.white {

    color: var(--white);

    background: -webkit-linear-gradient(var(--white), var(--white));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.about_img_col {

    justify-content: center;

    display: inline-grid;

}



.about_img img {

    border-style: solid;

    border-width: 15px 15px 15px 15px;

    border-color: var(--white);

    border-radius: 100% 100% 100% 100%;

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);

    height: 430px;

    width: 430px;

    object-fit: cover;

    object-position: center;

}



.counter {

    padding: 3em 2em 3em 2em;

    background-color: var(--white-f7);

    border-style: solid;

    border-width: 10px 10px 10px 10px;

    border-color: var(--white);

    border-radius: 100% 100% 100% 100%;

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);

    height: 230px;

    width: 230px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: -120px 0 0px auto;

    z-index: 0;

    position: relative;

}



.counter .number {

    font-weight: 800;

    font-family: 'Nunito-Bold';

    color: var(--red);

}



.our_services {

    background-color: var(--white-f3);

}



.service_box {

    background-color: var(--white);

    border: 1px solid var(--gray-c9);

    border-radius: var(--radius-5);

    padding: 45px;

    position: relative;

    margin-bottom: 25px;

}



.service_box:hover {

    border-color: var(--red);

}



.service_num {

    background-color: var(--white);

    padding: 5px 7px 5px 7px;

    top: 45px;

    border-style: solid;

    border-width: 1px 0 1px 1px;

    border-color: var(--gray-c9);

    border-radius: 6px 0 0 6px;

    position: absolute;

    right: -1px;



}



.service_box:hover .service_num {

    border-color: var(--red);

}



.service_box .icon i {

    color: var(--red);

    font-size: 50px;

}



.service_title {

    font-size: 25px;

    font-weight: 700;

    margin: 15px 0;

}



.service_title:hover,

.service_box:hover .service_title {

    color: var(--red);

}



.total_care {

    background-image: url('../images/bg_totalcare.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    min-height: 600px;

    display: flex;

    justify-content: center;

    align-items: center;

    background-blend-mode: overlay;

    background-color: #00000096;

    color: var(--white);

}



.better_box {

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);

    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

    margin: -7em 0em 0em 0em;

    padding: 2em 2em 2em 2em;

    background-color: var(--white);

    border-radius: var(--radius-5);

}



.better_box_child {

    display: flex;

    padding: 1em 1em 1em 1em;

}



.better_box_child .icon i {

    border-radius: var(--radius-5);

    height: 50px;

    width: 50px;

    background-color: var(--white-f7);

    display: flex;

    justify-content: center;

    align-items: center;

    margin-right: 15px;

    color: var(--red);

    font-size: 22px;

}



.better_box_child .content {}



.better_box_child .content h6 {

    margin-bottom: 5px;

    font-size: 20px;

}



.why_choose .better_box_child .icon i {

    /* background-color: var(--red);

    color: var(--white); */

}



.c-form {

    padding: 40px 40px;

    border-radius: var(--radius-10);

    background-color: var(--white);

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);

}



.c-form input,

.c-form textarea {

    width: 100%;

    border-radius: var(--radius-10);

    background-color: var(--white-f1);

    height: 50px;

    border: 0;

    padding: 0px 20px;

    color: rgba(41, 14, 12, 0.6);

    font-size: 20px;

}



.c-form textarea {

    height: 140px;

    padding-top: 15px;

}



.form-group {

    margin-bottom: 20px;

}



.contact_list li:not(:last-child) {

    margin-bottom: 10px;

}



.step_box {

    text-align: center;

    padding: 25px 15px;

    max-width: 280px;

    margin: 0 auto;

    position: relative;

}



.step_line {

    position: relative;

}



.step_line:after {

    content: '';

    position: absolute;

    background-image: url('../images/dashes_line.webp');

    background-position: right;

    background-repeat: no-repeat;

    background-size: contain;

    height: 75px;

    width: 200px;

    top: 25px;

    right: -180px;

}



.step_num {

    /* background-color: var(--red); */

    background: var(--gradient);

    color: var(--white);

    font-size: 20px;

    width: 60px;

    height: 60px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 auto 40px auto;

    border-radius: var(--radius-100);

    font-weight: 400 !important;

    box-shadow: 0 19px 46px -5px rgba(0, 0, 0, 0.53);

}



.testimonial_sec {

    background-color: var(--white-f3);

}



.testimonial_box {

    background-color: var(--white);

    border: 1px solid var(--gray-c9);

    border-radius: var(--radius-5);

    padding: 30px 19px;

}



.testimonial_box .quote {

    height: 40px;

    width: 40px;

    background: var(--gradient);

    display: flex;

    justify-content: center;

    align-items: center;

    color: var(--white);

}



.testimonial_box .stars {

    color: #FDCC0D;

    font-size: 16px;

    margin-bottom: 10px;

}



.testimonial_detail {

    margin-top: 15px;

}



.testimonial_info img {

    width: 35px;

    height: 35px;

    border-radius: var(--radius-100);

    margin-bottom: 10px;

}



.testimonial_info h6 {

    color: var(--red);

    margin-bottom: 5px;

    font-size: 18px;

    font-weight: 400;

}



.testimonial_info p {

    color: var(--gray-5d);

    margin-bottom: 5px;

    font-size: 15px;

    font-weight: 400;

}



.testimonial_slider .slick-track {

    display: flex;

    gap: 15px;

}



.breadcrumb {

    display: flex;

    justify-content: center;

}



.breadcrumb li:not(:last-child) {

    margin-right: 10px;

}



.breadcrumb a {

    color: var(--white);

}



.breadcrumb a:hover {

    color: var(--red);

}



.page-banner {

    text-align: center;

    padding: 170px 0 170px 0;

}



.page-banner p {

    margin-bottom: 0;

}



.contact-banner,

.services_banner {

    background-image: url('../images/contact_banner.webp');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    background-blend-mode: overlay;

    background-color: #000000d4;

}



.faqs .accordion-button:not(.collapsed) {

    color: var(--white);

    background-color: var(--red);



}



.faqs .accordion-button:not(.collapsed)::after {

    filter: brightness(0) invert(1);

}



.call_action {

    background-color: var(--red);

    border-radius: var(--radius-10);

    padding: 50px 50px;

}



.mision_sec {

    background-color: var(--white-f3);

}



.core_box {

    background-color: var(--white);

    border: 1px solid var(--gray-c9);

    border-radius: var(--radius-5);

    padding: 45px 30px;

    position: relative;

    height: 100%;

}



.core_box:hover {

    border-color: var(--red);

}



.core_box .icon i {

    border-radius: var(--radius-5);

    height: 50px;

    width: 50px;

    background: var(--gradient);

    color: var(--white);

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 20px;

    font-size: 22px;

}



.core_box h5 {

    margin-bottom: 10px;

}



.core_box p {

    margin-bottom: 0;

}



.counter_box {

    text-align: center;

    /* background-color: var(--red); */

    background: var(--gradient);

    color: var(--white);

    padding: 15px 15px;

    border-radius: var(--radius-10);

    max-width: 220px;

    margin: 0 auto;

    height: 100%;

}



.counter_title {

    margin-bottom: 0;

}



.counter_des {

    margin-bottom: 0;

}



/* Blogs */

.gutter-30 {

    --bs-gutter-y: 30px;

}



.blog_box {

    box-shadow: var(--shadow-10);

}



.blog_img {

    position: relative;

}



.blog_img a {

    width: 100%;

}



.blog_img a:after {}



.blog_img img {

    height: 250px;

    width: 100%;

    object-fit: cover;

    object-position: center;

}



.post_date {

    background-color: var(--red);

    color: var(--white);

    padding: 5px 5px;

    font-size: 14px;

    position: absolute;

    right: 0;

    bottom: 0;

}



.post_info {

    list-style: none;

    display: flex;

    padding: 0px 0 15px 0;

    margin: 0 0 15px 0;

    border-bottom: 1px solid var(--border);

}



.blog_content {

    padding: 30px 25px 30px 70px;

    position: relative;

}



.post_info li:not(:last-child) {

    margin-right: 10px;

}



.post_info i {

    color: var(--red);

}



.post_info a,

.post_info li {

    font-size: 16px;

}



.related_pots .post_info li {

    font-size: 14px;

}



.post_info .tag {

    transform: rotate(450deg);

}



.post_title {

    font-size: 22px;

    line-height: normal;

    font-weight: 600;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;
    height: 90px;

}



.related_pots .post_title {

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    font-size: 18px;

}



.post_title:hover,

.blog_box:hover .post_title,

.related_pots .post_title:hover,

.related_pots:hover .post_title {

    color: var(--red);

}



.btn-readmore {

    background: var(--gradient);

    color: var(--white);

    padding: 10px 20px;

    position: absolute;

    left: -37px;

    bottom: 38px;

    transform: rotate(270deg);

}



.btn-readmore:hover,

.blog_box:hover .btn-readmore {

    color: var(--white);

    background: var(--gradient-hover);

}



/* Single Blog */

.feature_img {

    border-radius: var(--radius-5);

    margin-bottom: 30px;

    width: 100%;

}



.s-content ul {

    list-style: none;

    padding: 0;

    margin: 0 0 20px 0;

}



.s-content li {

    position: relative;

    padding-left: 40px;

}



.s-content li {

    padding-bottom: 10px;

}



.s-content li:not(:last-child) {

    margin-bottom: 10px;

}



.s-content li:before {

    content: '';

    position: absolute;

    height: 20px;

    width: 20px;

    background: transparent;

    left: 5px;

    top: 2px;

    border-radius: 100%;

    border: 1px solid var(--red);

}



.s-content li:after {

    content: '';

    position: absolute;

    height: 10px;

    width: 10px;

    background: var(--gradient);

    left: 10px;

    top: 7px;

    border-radius: 100%;

}



.author-box .author-image {

    width: 170px;

    height: 170px;

    border-radius: 100%;

    /* background: linear-gradient(0deg, rgba(134, 36, 225, 1) 0%, rgba(134, 36, 225, 1) 50%, rgba(10, 4, 40, 1) 100%); */

    background: var(--gradient);

    display: flex;

    justify-content: center;

    align-items: end;

}



.author-image img {

    width: 160px;

    height: 160px;

    border-radius: 100%;

    object-fit: cover;

    object-position: top;

}



.author-detail {

    margin: 20px 0;

    border: solid var(--border);

    border-width: 1px 0 1px 0;

    padding: 15px 0;

}



.author-detail p {

    margin-bottom: 0;

    font-size: 16px;

}



.share-article .social_topbar {

    justify-content: flex-start;

}



.share-article .social_topbar li a {

    background: var(--gradient);

    color: var(--white);

    height: 35px;

    width: 35px;

}



.share-article .social_topbar li a:hover {

    background: var(--gradient-hover);

}



.related_pots {

    padding: 15px 0 15px 130px;

    position: relative;

}



.related_pots:last-child {

    padding-bottom: 0;

}



.related_pots:not(:last-child) {

    border-bottom: 1px solid var(--border);

}



.related_pots img {

    position: absolute;

    left: 0;

    height: 80px;

    width: 110px;

    object-fit: contain;

}



.theme-box {

    padding: 17px 17px 17px 17px;

    position: relative;

    border: 1px solid var(--border);

    border-radius: var(--radius-5);

    box-shadow: var(--shadow-10);

}