/*======================================
Theme Name: Divi Child
Theme URI: https://divicake.com/
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.14.1
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
:root {
  --content-width: 90%;
  --theme-color1:#ffff00;
  --theme-color2:#f93400;
  --bs-black: #000000;
  --bs-black-rgb: 0, 0, 0;
  --bs-white: #ffffff;
  --bs-white-rgb: 255, 255, 255;
  --transition: all 500ms ease;
  --font-awesome-free: "Font Awesome 7 Free";
  --font-awesome-brands: "Font Awesome 7 Brands";
}

@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--theme-color2) #efefef;
  }
}

::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color:#d9d9d9;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background: var(--theme-color1);
  border-radius: 0px;
  transition: var(--transition);
}

::-moz-selection {
  background: var(--theme-color2);
  color: var(--bs-white);
}

::selection {
  background: var(--theme-color2);
  color: var(--bs-white);
}

::-webkit-input-placeholder {
  color: inherit !important;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit !important;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit !important;
  opacity: 1;
}

::placeholder {
  color: inherit !important;
  opacity: 1;
}

body {
  overflow-y: auto;
  overflow-x: hidden;
  accent-color: var(--theme-color1);
  /* word-break: break-word; */
}

div#page-container {
  overflow-y: visible;
  overflow-x: hidden;
}

header #dd-hamburger .et_pb_blurb_content {
  display: flex;
  align-items: center;
}

body:not(.et-fb) #et-boc .et-l #dd-section {
  z-index: 999999 !important;
}

#wpadminbar {
  z-index: 9999999 !important;
}

.et_pb_row {
  width: 90%;
}

footer .et_pb_column .et_pb_widget.widget_nav_menu,
footer .et_pb_column .et_pb_widget_area {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    border-right: 0;
    padding-right: 0;
    &:after {
        display: none;
    }
}
.wpcf7-spinner {
  position: absolute;
}

.wpa-test-msg {
  display: block;
  width: 100%;
  float: left;
}

.contact-form-sec form .et_pb_column {
  margin-bottom: 20px !important;
}

.equal-img,
.equal-img * {
  height: 100%;
  display: flex;
  object-fit: cover;
}

.aspect-ratio-1 img {
  aspect-ratio: 1;
  object-fit: cover;
}

.aspect-ratio-2 img {
  aspect-ratio: 2;
  object-fit: cover;
}

.aspect-ratio-unset img {
  aspect-ratio: unset;
}

p:empty {
  padding-bottom: 0;
}

.grecaptcha-badge {
  margin-bottom: 100px !important;
  z-index: 10;
}

div#ht-ctc-chat {
  z-index: 9 !important;
}

.cky-btn {
  border-color: var(--theme-color1) !important;
  color: var(--bs-black) !important;
}

.cky-btn-accept,
.cky-btn-revisit-wrapper {
  background-color: var(--theme-color2) !important;
  color: var(--bs-white) !important;
}

/* --main-title-- */
.main-title h5 {
   display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;

  &::before {
    content: "";
    width: 24px;
    height: 2px;
    background: var(--theme-color3);
    display: inline-block;
    );
  }
}
.et_pb_bg_layout_dark.main-title h5:after{
    background: linear-gradient(to left, #cd9ba008 0%, var(--bs-white) 50%, var(--bs-white) 100%);

}
/* --main-title-close-- */
/*--back-to-top--*/
.et_pb_scroll_top.et-pb-icon {
  --size: clamp(2.5rem, 2.17rem + 1.05vw, 2.5rem);
background-image: linear-gradient(270deg, #d6432a 0%, #eb7832 100%);
  position: fixed;
  bottom: 3rem;
  right: 2rem;
  z-index: 999;

  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  outline: 4px solid #cecece7d;
  cursor: pointer;
  overflow: hidden;

  &::before,
  &::after {
    position: absolute;
    inset: 0;
    border-radius: 50%;
  }

  &::before {
    transition: 0.6s;
    z-index: 0;
	  color:var(--bs-white);
	  inset:0;
	  position:absolute;
	  display:flex;
	  justify-content:Center;
	  align-items:center;
  }
  &:hover {
    &::before {
      transform: scale(1);
    }

    &::after {
      opacity: 1;
    }
  }
}

/*--back-to-top-close--*/
/*--btn-design--*/
.et_pb_button{
    padding:.7rem 2.4rem .7rem 1rem!important;
    font-size: clamp(0.875rem, 1vw, 1rem);
    font-family:'Oswald';
    font-weight:400;
    border:1px solid #dddddd !important;
    border-radius:0;
    color:var(--bs-black) !important;
    letter-spacing:1px;
    background-color:transparent !important;
}
body #page-container .et_pb_button:after{
    opacity:1;
    content:'\f061' !important;
    font-family:fontawesome !important;
    font-size:1rem;
    right:12px;
    transition:1s !important;
}
.et_pb_button:before{
    position:absolute;
    content:'';
    width:0;
    height:100%;
    background-image: linear-gradient(270deg, #d6432a 0%, #eb7832 100%);
    inset:0;
    display:block;
    opacity:1;
    visibility:visible;
    transform:translate(0);
    z-index:-1;
    transition:1s !important;
}
.et_pb_button:hover:before{
    width:100%;
}
.et_pb_button:hover:after,
.et_pb_button:hover{
    color:var(--bs-white) !important;
    border-color:transparent !important;
}
.home-slider-sec .et_pb_button_two {
    color:var(--bs-white) !important;
}
.home-slider-sec  .et_pb_button:after{
    display:none !important;
    
}
#page-container .home-slider-sec  .et_pb_button{
    padding: 0.7rem 1rem !important;
    color:var(--bs-white) !important;
}

#page-container .home-slider-sec  .et_pb_button.et_pb_button_one {
    background-image: linear-gradient(270deg, #d6432a 0%, #eb7832 100%);
    border-color:transparent !important;
}
#page-container .home-slider-sec  .et_pb_button.et_pb_button_one:hover{
    border:1px solid var(--bs-white) !important;
}
/*--btn-design-close--*/
/* Hover Effect */
.hover-effect-1.et_pb_image:hover img {
  transform: scale(1.1);
}

.hover-effect-1.et_pb_image img {
  transition: .7s;
}

.hover-effect-1 span {
  overflow: hidden;
}

/* Hover Effect Close*/
/*******  | HEADER CODE |  *******/

/*******  | HOMEPAGE CODE |  *******/
/* Home Slider Sec */

/* Home Slider Sec Close*/
/* Home About Us */

/* Home About Us Close*/
/*--home-service-sec-close--*/

/*--home-service-sec-close--*/

/* Home Testimonial Sec Css Start */

/* Home Testimonial Sec Css Close */
/*******  | INNERPAGE CODE |  *******/

/* --Contact-us-- */

/* --Contact-us-close-- */
/*******  | FOOTER CODE |  *******/

/*******  | MEDIA QUERY CODE |  *******/

@media screen and (min-width:981px){

}
@media screen and (max-width:980px){

}

@media screen and (max-width:767px){

}