@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@100;400;500;700;800;900&family=Frank+Ruhl+Libre:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap');
body{
    padding: 0;
    margin: 0;
    font-family: 'Frank Ruhl Libre', serif;
    /* font-family: 'Alegreya Sans', sans-serif; */
    /* font-family: 'Nunito', sans-serif; */
}
ul {
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 0;
}

:root {
    --font_black: #262626;
    --theme_color: #599b47;
    --white: #fff;
    --para_color: #7c7b7b;
}
p {
    font-family: 'Alegreya Sans', sans-serif;
    color: var(--para_color);
}
.btn {
    font-family: 'Alegreya Sans', sans-serif;
}
/* ====header start===== */
.header_area .navbar-light .navbar-nav .nav-link {
    color: var(--font_black);
    position: relative;
    transition: all 300ms ease;
}
.header_area .navbar-light .navbar-nav .nav-link.active, .header_area .navbar-light .navbar-nav .nav-link:hover {
    color: var(--theme_color);
    transition: all 300ms ease;
}
.header_area .navbar-light .navbar-nav .nav-link::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0px;
    width: 0%;
    height: 100%;
    bottom: 30px;
    z-index: -1;
    transition: all 300ms ease;
    background-color: #eef2ed;
}
.header_area .navbar-light .navbar-nav .nav-link:hover::before, .header_area .navbar-light .navbar-nav .nav-link.active::before {
    width: 30px;
    transition: all 300ms ease;
}
.header_area .navbar-nav {
    margin-left: 100px;
}
.header_area .navbar-nav {
    padding: 0;
}
.right_listing {
    display: flex;
    list-style: none;
    gap: 30px;
}
.right_listing li a {
    text-decoration: none;
    color: var(--font_black);
    transition: all 300ms ease;
     text-transform: uppercase;
}
.right_listing li a:hover {
    color: var(--theme_color);
    transition: all 300ms ease;
}
.right_listing li a .right_listing_icon {
    width: 25px;
    height: 25px;
    display: inline-flex;
    background: var(--theme_color);
    justify-content: center;
    align-items: center;
    color: var(--white) !important;
    font-size: 14px;
    border-radius: 50%;
}
.header_area .navbar {
    padding: 0;
}
.header_area {
    padding: 0;
}
.navbar-brand {
    /* padding: 0; */
}
a.navbar-brand img {
    max-width: 220px;
}
/* ====header close===== */


/* ====banner_sec start=== */
.banner_sec {
    position: relative;
    overflow: hidden;
}
.hero_wrapper {
    position: absolute;
    top: 100%;
    width: 100%;
    transform: translateY(-50%);
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}
.banner_sec .owl-item.active .hero_wrapper {
    top: 50%;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease;
}
.hero_content h1 {
    font-size: 120px;
    letter-spacing: 2px;
    position: relative;
    color: var(--white);
    z-index: 1;
    padding-left: 15px;
}
.hero_content h1::before {
    position: absolute;
    left: -0px;
    top: -3px;
    content: '';
    width: 117px;
    height: 135px;
    z-index: -1;
    background-color: var(--theme_color);
}
.hero_content h2 {
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 400;
    color: var(--white);
}
.hero_content h2 span {
    font-family: 'Frank Ruhl Libre', serif;
    font-size: 76px;
}
.hero_content p {
    margin: 15px 0 30px;
    color: var(--white);
}
.book_app {
    position: relative;
    padding: 17px 32px 17px;
    line-height: 25px;
    background: none;
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
    border: 2px solid var(--white);
    text-transform: capitalize;
    font-family: 'Alegreya Sans', sans-serif;
    border-radius: 0;
    transition: all 300ms ease;
}
.book_app span {
    display: inline-block;
    margin-right: 10px;
}
.book_app:hover {
    background: var(--theme_color);
    color: var(--white);
    border: 2px solid var(--theme_color);
    transition: all 300ms ease;
}
.banner_quote {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.banner_quote_area {
    position: relative;
    z-index: 3;
    padding: 30px;
}
.banner_quote_area::before {
    content: "";
    background: url(../images/pattern-1.png) var(--theme_color);
    background-repeat: repeat;
    position: absolute;
    width: 600%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.banner_quote_area .form-control, .banner_quote_area .form-select {
    border-radius: 0;
    border: 2px solid var(--white);
    background: transparent;
    box-shadow: none !important;
    color: var(--white) !important;
    min-height: 44px;
}
/* .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232596be' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    color: #2596be;
} */
.banner_quote_area .form-control::placeholder {
    color: rgb(228, 228, 228);
}
#arrow_icon {
    position: relative;
}
#arrow_icon::after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 4px;
    right: 8px;
    background: url(https://img.icons8.com/ios-glyphs/30/ffffff/sort-down.png);
    z-index: -1;
}
.banner_quote_area .form-group {
    margin-bottom: 30px;
}
.submit_quote {
    border-radius: 0;
    color: var(--theme_color);
    background: var(--white);
    padding: 6px 50px;
    min-height: 44px;
    transition: all 0.5s ease;
}
.submit_quote span {
    display: inline-block;
    margin-left: 10px;
    transition: all 0.5s ease;
}
.submit_quote:hover span{
    transform: translateX(10px);
    transition: all 0.5s ease;
}
.banner_sec .owl-carousel .owl-nav button.owl-next, .banner_sec .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 36px;
    color: #fff;
}
.banner_sec .owl-carousel .owl-nav button.owl-prev {
    left: 10%;
}
.banner_sec .owl-carousel .owl-nav button.owl-next {
    right: 10%;
}
.banner_sec .owl-dots {
    display: none;
}
.banner_quote_area b {
    color: var(--white);
    display: block;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 1px;
    border-bottom: 1px solid var(--white);
}
.banner_quote_area .form-select option {
    color: #000;
}
/* ====banner_sec close=== */

/* ====about sec start==== */
section.about_sec {
    padding: 80px 0;
}
.about_img {
    position: relative;
    display: flex;
    gap: 30px;
}
.aboutimg_two, .aboutimg_one {
    border-radius: 8px;
}
.aboutimg_one {
    transform: translateY(30px);
}
.aboutimg_two {
    max-width: 300px;
}
.experience_item {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 15px;
    border-radius: 8px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 15px;
    max-width: 240px;
    box-shadow: 6px 6px 50px 5px rgba(0,0,0,.12);
}
.experience_icon {
    width: 40px;
    display: grid;
    place-items: center;
    height: 40px;
    border-radius: 8px;
    background: var(--theme_color);
    color: var(--white);
}
.experience_item span {
    display: block;
    max-width: calc(100% - 55px);
    font-family: 'Alegreya Sans', sans-serif;
}
.about_content_outer {
    padding-left: 50px;
}
.preview_btn {
    display: inline-flex;
    width: 125px;
    height: 125px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background: var(--theme_color);
    border-radius: 50%;
    font-size: 36px;
    color: var(--white) !important;
    position: absolute;
    right: -63px;
    border: 10px solid #fff;
}
.preview_btn:hover {
    transform: rotate(360deg);
    transition: all 0.5s ease;
}
.section_title {
    margin-bottom: 30px;
}
.section_title h2 {
    position: relative;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
}
.section_title h2:before {
    position: absolute;
    content: '';
    left: -4px;
    top: -18px;
    width: 85px;
    height: 70px;
    z-index: -1;
    border: 10px solid #eef2ed;
    -webkit-transform: perspective(400px) rotateY(40deg);
    -ms-transform: perspective(400px) rotateY(40deg);
    -o-transform: perspective(400px) rotateY(40deg);
    -moz-transform: perspective(400px) rotateY(40deg);
    transform: perspective(400px) rotateY(40deg);
}
.section_title h2 span {
    color: var(--theme_color);
}
.about_content p {
    line-height: 30px;
}
.about_listing {
    list-style: none;
    display: grid;
    gap: 10px;
    margin-top: 30px;
}
.about_listing li span {
    display: inline-block;
    margin-right: 10px;
}
/* ====about sec close==== */


/* ====service sec start== */
.service_sec {
    background: #e9ede7;
    padding: 80px 0;
    position: relative;
}
.section_title.centered {
    text-align: center;
}
.section_title.centered h2 {
    display: inline-block;
    z-index: 9;
}
.service_item {
    padding: 30px;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-size: cover !important;
}
.service_item::after {
    width: 100%;
    height: 100%;
    background: #030d51cf;
    top: 0;
    left: 0;
    position: absolute;
    content: "";
    z-index: 1;
}
.servicebg_content {
    position: relative;
    z-index: 2;
    transform: translateY(200px);
    transition: 0.5s;
    opacity: 0;
}
.servicebg_content b {
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
    color: var(--white);
    text-transform: capitalize;
    min-height: 60px;
    font-family: 'Nunito', sans-serif;
}
.servicebg_content p {
    color: var(--white);
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    min-height: 96px;
}
.read_btn {
    background: var(--white);
    color: var(--theme_color);
    text-transform: capitalize;
    border-radius: 0px;
    padding: 8px 25px;
}
.read_btn i {
    display: inline-block;
    margin-left: 10px;
    transition: 0.5s;
} 
.read_btn:hover i {
    transform: translateX(5px);
    transition: 0.5s;
}
.item1 {
    background: url(../images/about-1.jpeg) #000;
}
.item2 {
    background: url(../images/banner1.jpeg);
}
.item3 {
    background: url(../images/banner2.jpeg);
}
.item4 {
    background: url(../images/banner3.jpeg);
}
.item5 {
    background: url(../images/bannerv4.jpg);
}
.upper_element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    z-index: 9;
    background: var(--white);
    transition: 0.5s;
}
.upper_icon {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--theme_color);
    box-shadow: 0 0 30px rgb(145 145 248);
    margin-bottom: 30px;
}
.upper_icon img {
    max-width: 60px;
    filter: brightness(0) invert(1);;
}
.upper_element b {
    font-size: 20px;
    text-transform: capitalize;
    font-family: 'Nunito', sans-serif;
}
.service_item:hover .upper_element, .center .upper_element  {
    opacity: 0;
    transform: translateY(-200px);
    visibility: hidden;
    transition: 0.5s;
}
.service_item:hover .servicebg_content, .center .servicebg_content {
    transform: translateY(0px);
    transition: 0.5s;
    opacity: 1;
}
.service_slider .owl-nav {
    display: none;
}
.service_sec .section_title {
    margin-bottom: 60px;
}

/* ====owl dot=== */  
.service_sec .owl-dots {
    text-align: center;
    padding-top: 15px;
  }
.service_sec .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
  }
.service_sec .owl-dots button.owl-dot.active {
    background-color: var(--theme_color);
  }
.service_sec.owl-dots button.owl-dot:focus {
    outline: none;
  }
.service_sec button span {
      font-size: 70px;    
      position: relative;
      top: -5px;
  }
.service_sec .owl-nav button:focus {
      outline: none;
  }
/* ===owl dot==== */
/* ===service sec close=== */


/* =====request_callback_sec sec==== */
.request_callback_sec {
    padding: 80px 0;
}
.request_callback_sec .section_title {
    margin-bottom: 60px;
}
.request_callback_area {
    /* padding: 40px;
    box-shadow: 10px 10px 60px rgba(0,0,0,0.09); */
}
.request_callback_area  b {
    font-size: 24px;
    display: block;
    margin-bottom: 30px;
    font-family: 'Nunito', sans-serif;
}
.request_form label {
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 14px;
    margin-bottom: 0;
}
.request_form .form-control, .request_form .form-select {
    border-radius: 0;
    /* min-height: 44px; */
    box-shadow: none !important;
    transition: 0.5s;
}
.request_form .form-control:active, .request_form .form-control:focus, .request_form .form-select:active, .request_form .form-select:focus {
    border-color: var(--theme_color);
    transition: 0.5s;
}
.request_form .from-group {
    margin-bottom: 15px;
}
.request_form .form-control::placeholder, .request_form .form-select::placeholder {
    color: #7c7b7b !important;
}
.requestbtn {
    background: var(--theme_color);
    color: var(--white) !important;
}


/* =====facts_sec start===== */
.facts_sec {
    background: url(../images/pattern-3.png) #122f0b;
    padding: 80px 0;
}
.fact_iocn {
    width: 90px;
    height: 100px;
    display: table;
    background: url(../images/facts-icons.png);
    margin: auto;
}
.f_icon1 {
    background-position: 0px 0px;
}
.f_icon2 {
    background-position: -115px 0px;
}
.f_icon3 {
    background-position: -212px 0px;
}
.f_icon4 {
    background-position: -312px 0px;
}
.facts_text b {
    display: block;
    text-align: center;
    color: var(--white);
    font-size: 22px;
    margin: 15px auto 0px;
}
.facts_text p {
    text-align: center;
    color: #bab8b8;
}
/* =====facts_sec close===== */

/* =====customer_feedback close==== */
.customer_feedback {
    padding: 80px 0;
    position: relative;
}
.customer_feedback::before {
    width: 100%;
    height: 350px;
    background: #e9ede7;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.feedback_item {
    max-width: 360px;
    margin: auto;
    padding: 80px 50px 70px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
    /* border-radius: 8px; */
    margin-top: 10%;
    background: var(--white);
    /* transition: 0.5s; */
}
.client_img {
    position: relative;
    width: 80px;
    height: 80px;
    margin: auto;
    z-index: 1;
    background: #ddd;
    border-radius: 50%;
    display: grid;
    place-content: center;
    font-size: 24px;
    color: #626262;
}           
.client_img img {
    border-radius: 50%;
}
.client_img::before {
    content: "";
    width: 80px;
    height: 80px;
    position: absolute;
    top: -47px;
    left: 62px;
    background-image: url(../images/quote.png);
    background-repeat: no-repeat;
    z-index: -1;
}
.customer_feedback .owl-stage-outer {
    padding: 30px 0;
}
.client_info {
    text-align: center;
    margin: 15px 0 0;
}
.feedback_item p {
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.location {
    font-family: 'Alegreya Sans', sans-serif;
    color: var(--theme_color);
}
.feedback_slider .owl-item.active.center .feedback_item {
    /* margin-top: 0%; */
    /* transition: 0.5s; */
}
.client_info b {
    font-size: 20px;
    display: block;
    text-align: center;
}
.customer_feedback .owl-carousel .owl-nav.disabled, .customer_feedback .owl-carousel .owl-nav {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex !important;
    gap: 10px;
}
.customer_feedback .owl-carousel .owl-nav button.owl-next, .customer_feedback .owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #d9dfd7;
    color: #a4a3a3;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.customer_feedback .owl-carousel .owl-nav button.owl-next:hover, .customer_feedback .owl-carousel .owl-nav button.owl-prev:hover {
    background: var(--theme_color);
    color: var(--white);
    border: 2px solid var(--theme_color);
    transition: 0.5s;
}
/* ====customer_feedback close */


/* ====request_callback_sec start==== */
.estimation_sec {
    padding: 80px 0;
}
.estimation_form, .contact_info {

}
.estimation_form .form-control, .estimation_form .form-select  {
    min-height: 44px;
    border-radius: 0px;
}
.estimation_form .form-group {
    margin-bottom: 30px;
}
.contact_icon {
    font-size: 24px;
    margin-bottom: 34px;
    width: 80px;
    height: 80px;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.contact_column_info b {
    font-size: 20px;
    display: block;
    line-height: 1;
    margin-bottom: 10px;
}
.contact_column_info a {
    display: block;
    color: var(--para_color);
    text-decoration: none;
    transition: 0.5s;
}
.contact_column_info a:hover {
    color: var(--theme_color);
    transition: 0.5s;
}
.contact_column {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
    padding: 30px;
    max-width: 300px;
    margin: auto;
    text-align: center;
}
/* ====request_callback_sec close==== */

.new_estimation {
    background: url(../images/estimate-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    padding: 80px 0;
}
.new_estimation .section_title.centered h2 {
    color: var(--theme_color);
}
.new_estimation .section_title.centered h2 span {
    color: var(--white);
}

/* =====footer start===============-= */
.footer_area {
    background: #122f0b;
    padding: 80px 0 30px;
}
.footer_content h3 {
    color: var(--white);
    text-transform: uppercase;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 20px;
}
.fmenu_listing {
    list-style: none;
    display: grid;
    gap: 7px;
}
.fmenu_listing li a {
    color: var(--white);
    font-family: 'Alegreya Sans', sans-serif;
    display: block;
    text-decoration: none;
    text-transform: capitalize;
    transition: 0.5s;
}
.fmenu_listing li a:hover {
    color: var(--theme_color);
    transition: 0.5s;
}
.footer_brand a img {
    max-width: 220px;
}
.fmenu_listing li a span {
    display: inline-block;
    margin-right: 5px;
}
.call_btn {
    background: var(--theme_color);
    color: var(--white);
    border-radius: 0;
    padding: 8px 40px;
    margin: 15px 0 0;
    border: 2px solid var(--theme_color);
}
.call_btn:hover {
    background: transparent;
    color: var(--theme_color);
}
.copyright_bar {
    margin-top: 50px;
    border-top: 1px solid var(--theme_color);
    padding-top: 15px;
    font-size: 14px;
    color: #7c7b7b;
    font-family: 'Alegreya Sans', sans-serif;
}
.copyright_bar a {
    color: var(--theme_color);
    text-decoration: none;
}
/* =====footer_area close========== */




/* ==================================
index2 start
====================================== */
#index2 {
    --theme_color: #3b3bef;
}
.bannersec2 {
    position: relative;
    background: url(../images/bannerv4.jpg);
    padding: 120px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.banner2wrapper {
    /* position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    left: 0;
    z-index: 9; */
}
.banner2wrapper_content b {
    font-family: 'Alegreya Sans', sans-serif;
    color: var(--white);
    font-size: 24px;
    letter-spacing: 1px;
    word-spacing: 4px;
}
.banner2wrapper_content h1 {
    color: var(--white);
    font-size: 70px;
    margin-bottom: 30px;
}
.banner2wrapper_content p {
    color: var(--white);
}
.banner2quote .banner_quote_area::before {
    display: none;
}
.banner2quote {
    max-width: 440px;
    padding: 15px;
    background: #0605418f;
    border-radius: 8px;
    margin-left: auto;
}
.wrapperrow {
    align-items: center;
}
#index2 .facts_sec {
    background:  #030d51;
    position: relative;
}
#index2 .facts_sec:after {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
    clip-path: polygon(0 0, 100% 0, 70% 100%);
    opacity: 0.5;
    background: #242e9b;
}
.facts_item {
    position: relative;
    z-index: 3;
}
#index2 .service_sec {
    background: #e7e8ed;
}
#index2 .service_slider_item {
    max-width: 100%;
    margin: 0 30px;
}
#index2 .service_img::before {
    display: none;
}
#index2 .service_img {
    margin-bottom: 0;
    max-width: 100%;
}
#index2 .service_content {
    position: relative;
    z-index: 15;
}
#index2 .service_name h3 {
    text-align: center;
    margin-top: 40px;
}
#index2 .service_icon {
    position: absolute;
    top: -70px;
    left: 15px;
    background: var(--theme_color);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
#index2 .service_icon img {
    max-width: 35px;
    margin-left: inherit;
    filter: brightness(0) invert(1);
}
#index2 .service_content p {
    text-align: center;
}
#index2 .service_name h3::after {
    display: none;
}
#index2 .footer_area {
    background: url(../images/pattern-3.png) #030d51;
}
#index2 .contact_icon {
}
#index2 .footer_brand img {
    filter: brightness(0) invert(1);
}
/* ==================================
index2 close
====================================== */