/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.21.0.1690873340
Updated: 2023-08-01 07:02:20

*/






.home_main_slider h3 {
    font-size: 34px;
    color: #000 !important;
    font-family: impact, arial;
    font-weight: 400;
    line-height: 72px;
}
.home_main_slider h2 {
    font-size: 70px;
    color: #f00 !important;
    font-family: impact, arial;
    font-weight: 800;
}
.home_main_slider span {
    font-size: 70px;
    color: #000;
    font-weight: 400;
}
.home_main_slider h4 {
    font-size: 34px;
    color: #000 !important;
    font-family: impact, arial;
    font-weight: 400;
    line-height: 72px;
}
.home_main_slider h5 {
    color: #000 !important;
    font-size: 70px;
    font-family: impact, arial;
    font-weight: 800;
}
/* .hm_sale_line span{ */
/* 	text-decoration: underline; */
/* } */
.product_box .et_pb_main_blurb_image {
    margin-bottom: 15px;
}
.product_box:hover img {
    transform: scale(1.1);
}
.product_box img{
	transition: 2s;
/* 	overflow: hidden; */
}
.product_box{
	overflow: hidden;
}

.hm_conquerent li {
    list-style: decimal;
    font-size: 16px;
    color: #000;
    font-family: 'barlow';
    font-weight: 300;
    line-height: 36px;
}
.schedule_visit a {
    font-size: 12px;
    color: #353535;
    text-decoration: underline;
    /* padding: 0; */
    /* margin: 0; */
    line-height: 0px;
}

.copy img {
    position: absolute;
/*     background: #fff; */
    height: 24px;
    margin-left: 5px;
    border-radius: 10px 0;
}
/* menu hedaer togle */
li {
	 list-style: none;
}
 @keyframes hover {
	 50% {
		 transform: translateX(10px);
	}
}
.offcanvas-menu > label {
    top: 15px;
    right: 40px;
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: 0.3s ease;
    display: flex;
    align-items: center;
    z-index: 9999;
}
 .offcanvas-menu label span, .offcanvas-menu label span::before, .offcanvas-menu label span::after {
	 transition: background 0.3s, transform 0.3s;
}
 .offcanvas-menu label span, .offcanvas-menu label span::before, .offcanvas-menu label span::after {
	 content: "";
	 position: absolute;
	 height: 4px;
	 width: 40px;
	 background: #353535;
}
 .offcanvas-menu label span::before {
	 transform: translateY(-12px);
}
 .offcanvas-menu label span::after {
	 transform: translateY(12px);
}
 .offcanvas-menu nav {
	 position: fixed;
	 height: 600px;
	 width: 350px;
	 left: -350px;
	 overflow: hidden;
/* 	 background: #353535; */
	 background: #f2f2f2;
	 transition: 0.3s ease;
	 padding: 40px 30px;
}
 .offcanvas-menu nav > div {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
}
 .offcanvas-menu nav > div a {
	 font-size: 2.5rem;
	 font-weight: 500;
	 display: flex;
	 align-items: center;
	 font-family: "Monoton", cursive;
	 background: linear-gradient(-90deg, #49a4ed 30%, #3d00a9 110%);
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
}
 .offcanvas-menu nav > div a i {
	 font-size: 4rem;
	 background: linear-gradient(120deg, #49a4ed 30%, #3d00a9 110%);
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
}
 .offcanvas-menu nav > div label {
	 width: 30px;
	 height: 30px;
	 display: flex !important;
	 align-items: center;
	 justify-content: center;
	 cursor: pointer;
	 transition: 0.3s ease;
}
 .offcanvas-menu nav > div label span, .offcanvas-menu nav > div label span:before, .offcanvas-menu nav > div label span:after {
	 background: #4d4d4d;
}
 .offcanvas-menu nav > ul {
	 margin-top: 30px;
	 counter-reset: nav-link-count;
	 padding-left: 0px;
}
 .offcanvas-menu nav > ul li {
	 cursor: pointer;
	 padding: 10px 0;
	 transform: translateX(-30px);
	 opacity: 0;
	 transition: 0.4s ease;
	 counter-increment: nav-link-count;
}
.offcanvas-menu nav > ul li a {
    font-size: 22px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
    display: block;
    font-family: 'barlow';
}
/*  .offcanvas-menu nav > ul li a::after {
	 content: " : " counter(nav-link-count);
} */
 .offcanvas-menu nav > ul li:hover {
	 animation: hover 0.5s;
}
 .offcanvas-menu input[type="checkbox"] {
	 display: none;
}
 .offcanvas-menu input[type="checkbox"]:checked ~ label {
	 opacity: 0;
	 pointer-events: none;
}
 .offcanvas-menu input[type="checkbox"]:checked ~ nav {
	 left: 0;
	 top:0;
}
 .offcanvas-menu input[type="checkbox"]:checked ~ nav label span {
	 background: transparent;
}
 .offcanvas-menu input[type="checkbox"]:checked ~ nav label span:before {
	 transform: rotate(-45deg);
}
 .offcanvas-menu input[type="checkbox"]:checked ~ nav label span:after {
	 transform: rotate(45deg);
}
 .offcanvas-menu input[type="checkbox"]:checked ~ nav label span:before, .offcanvas-menu input[type="checkbox"]:checked ~ nav label span:after {
	 transition-delay: 0.2s;
}
 .offcanvas-menu input[type="checkbox"]:checked ~ nav ul li {
	 opacity: 1;
	 transform: translateX(0px);
}
 .offcanvas-menu input[type="checkbox"]:checked ~ nav ul li:nth-child(1) {
	 transition-delay: 0.1s;
}
 .offcanvas-menu input[type="checkbox"]:checked ~ nav ul li:nth-child(2) {
	 transition-delay: 0.2s;
}
 .offcanvas-menu input[type="checkbox"]:checked ~ nav ul li:nth-child(3) {
	 transition-delay: 0.3s;
}
 .offcanvas-menu input[type="checkbox"]:checked ~ nav ul li:nth-child(4) {
	 transition-delay: 0.4s;
}
 .offcanvas-menu input[type="checkbox"]:checked ~ nav ul li:nth-child(5) {
	 transition-delay: 0.5s;
}
 .offcanvas-menu input[type="checkbox"]:checked ~ nav ul li:nth-child(6) {
	 transition-delay: 0.6s;
}
 .offcanvas-menu input[type="checkbox"]:checked ~ nav ul li:nth-child(7) {
	 transition-delay: 0.7s;
}


/* slider animation */

.home-banner-slider .et_pb_slides .et_pb_slide {
    animation: mymove 10s linear infinite
}

@keyframes mymove {
    0% {
        background-size: 100%
    }

    20% {
        background-size: 103%
    }

    40% {
        background-size: 106%
    }

    80% {
        background-size: 103%
    }

    100% {
        background-size: 100%
    }
}


/* Bounce image animation  */

.in_about_q {
  animation: bounce2 2s ease infinite;
}
@keyframes bounce2 {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}
/*  */


.journey_list a {
    font-size: 15px;
    color: #000;
    font-family: 'barlow';
    font-weight: 300;
    line-height: 40px;
}
.journey_list li {
    list-style: circle;
    color: #f00;
}
.about_journey {
    background-attachment: fixed;
}
.about_manager h4 {
    margin-top: 20px;
    padding-left: 10px;
}
.about_manager h5 {
    padding: 2px 0 10px 10px;
    font-size: 15px;
    color: #353535;
    font-weight: 400;
}
.about_manager p {
    /* font-size: 14px; */
    /* color: #353535; */
    padding: 10px 0 0 10px;
    line-height: 24px;
}
.about_manager:hover {
    box-shadow: 0px 12px 25px -10px #ccc;
    transition: 1s;
    background: #fff;
}
.testimonial_sec .et_pb_slide_with_image .et_pb_slide_description {
    width: 100%;
}
.testimonial_sec .et_pb_media_alignment_center .et_pb_slide_image {
    bottom: auto;
    top: 75px!important;
    text-align: center;
    display: inline-flex;
}
.testimonial_sec img {
    width: 18%;
}

.testimonial_sec.et_pb_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title {
    text-shadow: none;
}
.testimonial_sec.et_pb_slider_0.et_pb_slider .et_pb_slide_content {
    text-shadow: none;
}

.testimonial_sec .et_pb_slide {
    background-color: #ffffff96 !IMPORTANT;
}


/* Contact Form */

.contact_form input.wpcf7-form-control.wpcf7-text {
    width: 100%;
    padding: 15px;
    display: block;
    border-radius: 3px;
}
.contact_form select.wpcf7-form-control.wpcf7-select {
    width: 100%;
    padding: 15px;
}
.contact_form textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 15px;
    border-radius: 3px;
    margin-top: 15px;
}
.contact_form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    padding: 10px;
    background: #535353;
    border: none;
    color: #fff !important;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 22px;
    cursor: pointer;
}

.contact_form input, select, textarea {
    font-family: 'Roboto';
    color: #353535 !important;
    font-weight: 400;
    font-size: 14px;
}
.project:hover .portfolio_heading {
    transition: 2s ease;
    transform: translateY(-200px);
    opacity: 1;
    z-index: 1;
}
.portfolio_heading {
    position: absolute;
    opacity: 0;
    text-align: center !important;
    left: 0;
    right: 0;
}
.project:hover .portfolio_image .et_pb_image_wrap:before {
    background: #00000070;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
	transition: 2s;
}

.portfolio_heading:before {
    position: absolute;
    width: 50%;
    content: "";
    top: -10px;
    bottom: 0;
    right: 0;
    left: 25%;
    border-top: 1px solid #fff;
}

.portfolio_heading:after {
    position: absolute;
    width: 50%;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 25%;
    border-bottom: 1px solid #fff;
}

.client_img img:hover {
    box-shadow: 0px 10px 20px #cccccc8a;
    transition: 1s;
    transform: translateY(-10px);
}

/* .producr_row {
    background: #fff;
    transition: 1s;
} */
.producr_row:hover {
    background: #fff;
    transition: 0.5s;
}