/*
Theme Name: Pain Gone MD
Theme URI: devouttechconsultants.com
Author: devout
Author URI: devouttechconsultants.com
Description:Pain Gone MD
Version: 1.0.0
Text Domain: paingonemd
*/

/*@font-face {
    font-family: "Gotham";
    src: url("sitefonts/Gotham-Thin.woff2") format('woff2'),
         url("sitefonts/Gotham-Thin.woff") format('woff'),
         url("sitefonts/Gotham-Thin.ttf") format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Gotham";
    src: url("sitefonts/Gotham-Light.woff2") format('woff2'),
         url("sitefonts/Gotham-Light.woff") format('woff'),
         url("sitefonts/Gotham-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}

*/

@font-face {
  font-family: "Butler";
  src: url("sitefonts/Butler-Light.woff2") format("woff2"),
    url("sitefonts/Butler-Light.woff") format("woff"),
    url("sitefonts/Butler-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Butler";
  src: url("sitefonts/Butler_Regular.woff2") format("woff2"),
    url("sitefonts/Butler_Regular.woff") format("woff"),
    url("sitefonts/Butler_Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Butler";
  src: url("sitefonts/Butler-Medium.woff2") format("woff2"),
    url("sitefonts/Butler-Medium.woff") format("woff"),
    url("sitefonts/Butler-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Butler" !important;
}

a,
a:hover {
  text-decoration: none !important;
  outline: none;
}

button,
button:hover,
button:focus {
  outline: none !important;
}

::selection {
  background: #2cccff;
  color: #000;
}

/* ==== Inner Pages Logo Color CSS ==== */
/* .page-id-668 .header .navbar-brand img,
.page-id-688 .header .navbar-brand img,
.page-id-804 .header .navbar-brand img,
.page-id-937 .header .navbar-brand img,
.page-id-1061 .header .navbar-brand img,
.page-id-1376 .header .navbar-brand img,
.page-id-1374 .header .navbar-brand img,
.page-id-3 .header .navbar-brand img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7445%) hue-rotate(187deg) brightness(90%) contrast(99%) !important;
} */
/* ==== Inner Pages Logo Color CSS ==== */

/* ==== Inner Pages Header Menu Color CSS ==== */

.title-font-family h1,
.title-font-family h2,
.title-font-family h3,
.title-font-family h4 {
  font-family: "Butler" !important;
}

/* ==== Header CSS Start ==== */

.header {
  padding: 0 40px;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.3s;
}

.header .navbar-brand {
  width: 11%;
  margin-right: 40px !important;
}

.header .navbar-brand img {
  width: 100%;
}

.header .navbar-nav li a {
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  font-family: "Karla", sans-serif;
  margin: 0px 15px !important;
  padding: 13px 0px !important;
  text-transform: uppercase;
  transition: 0.3s;
}

.page-template-default .header .navbar .main-menu ul li a {
  color: #222;
}

.page-template-default.home .header .navbar .main-menu > ul > li > a {
  color: #fff;
}

.header.scrolled {
  background-color: #fff;
  box-shadow: 0 0 12px #00000057;
  transition: 0.3s;
}

.header.scrolled .navbar-nav li a,
.page-template-default.home .header.scrolled .navbar .main-menu ul li a {
  color: #222;
  transition: 0.3s;
}

.header .navbar-nav li a:focus {
  border: none !important;
}

.header .navbar-nav .dropdown ul li a {
  color: #33373d;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  font-family: "Karla", sans-serif;
  margin: 0 !important;
  padding: 13px 20px !important;
  text-transform: uppercase;
  transition: 0.3s;
}

.header .navbar-nav .dropdown ul li a:hover {
  color: #fff !important;
  background-color: #3f444b;
  transition: 0.3s;
}

.header .navbar-nav .dropdown ul {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.header .header-cta-btn a {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #c69b6b;
  border-radius: 4px 4px 4px 4px;
  font-family: "Karla", Sans-serif;
  padding: 15px 25px 15px 25px;
  background-color: #c69b6b;
  color: #fff;
  display: inline-block;
  line-height: 1;
  transition: 0.3s;
}

.header .header-cta-btn a:hover {
  background-color: #fff;
  color: #c69b6b;
  transition: 0.3s;
}

.header .navbar .main-menu .dropdown-menu {
  width: 16rem;
  border: none !important;
  left: 14px !important;
}

/* ==== Header CSS End ==== */

/* ==== Hero Slider CSS Start ==== */
.home-slider-hero-banner {
  /* margin-top: -197px !important; */
  position: relative;
}

.hero-slider {
  height: 100vh;
}

.hero-slider .elementor-image-carousel-wrapper .swiper-slide-inner {
  height: 100vh;
}

.hero-slider .elementor-image-carousel-wrapper .swiper-slide-inner img {
  height: 100vh;
  width: 100%;
  object-fit: cover;
}

.hero-slider.elementor-widget-image-carousel .swiper {
  inset: 0 !important;
  position: absolute !important;
  z-index: 0 !important;
  height: 100vh !important;
}

.slider-overlay {
  position: relative;
}

.slider-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222;
  z-index: 9;
  opacity: 0.5;
}

.hero-banner-content-box {
  position: absolute !important;
  z-index: 99 !important;
  left: 52px !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: auto 0 !important;
  justify-content: center !important;
}

/* ==== Hero Slider CSS End ==== */

/* ==== Footer CSS Start ==== */
.foot-number a,
.foot-email a {
  color: #222;
  transition: 0.3s;
}

.foot-number a:hover,
.foot-email a:hover {
  color: #c69b6b;
  transition: 0.3s;
}

.foot-social-icons .elementor-social-icon:hover {
  background-color: #c69b6b !important;
}

.foot-social-icons .elementor-social-icon:hover svg {
  fill: #222 !important;
}

/* ==== Footer CSS End ==== */

/* ==== FAQ CSS Start ==== */
.faq-sec-page {
  position: relative !important;
}

.faq-sec-page::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #222 !important;
  opacity: 0.5 !important;
}
/* ==== FAQ CSS End ==== */

/* ==== Contact Us Page CSS Start ==== */
.form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0) !important;
}

.form-select:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0) !important;
}

.contact-us-form .form-group br {
  display: none;
}

.contact-us-form .form-group p {
  margin: 0;
}

.contact-us-form .form-group {
  margin-bottom: 21px;
}

.contact-us-form .form-group label {
  font-family: "Karla", Sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #222222;
  padding-bottom: 0;
  width: 100%;
}

.contact-us-form .form-group input,
.contact-us-form .form-group select,
.contact-us-form .form-group textarea {
  width: 100%;
  font-family: "Karla", Sans-serif !important;
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
  border-radius: 3px;
  margin-top: 7px;
  padding: 8px 16px;
  min-height: 40px;
  color: #222;
  background-color: #ffffff;
  border: 1px solid #69727d;
  outline: none;
}

.contact-us-form .form-group input:focus,
.contact-us-form .form-group select:focus,
.contact-us-form .form-group textarea:focus {
  border: 1px solid #000;
}

.contact-us-form .form-group textarea {
  height: 150px !important;
}

.contect-form-submit-btn input {
  font-family: "Karla", Sans-serif;
  font-size: 17px;
  line-height: 17px;
  font-weight: 500;
  border: 1px solid #c69b6b;
  padding: 16px !important;
  min-height: 40px;
  background-color: #c69b6b;
  color: #fff;
  width: 100%;
  border-radius: 3px;
  transition: 0.3s;
}

.contect-form-submit-btn input:hover {
  border: 1px solid #c69b6b;
  background-color: #fff;
  color: #c69b6b;
  transition: 0.3s;
}
/* ==== Contact Us Page CSS End ==== */

.service-box-space .title h3 {
  min-height: 80px;
}

.service-box-space .text-size {
  min-height: 140px;
}

.icon-alignment
  .elementor-icon-box-wrapper
  .elementor-icon-box-icon
  .elementor-icon {
  position: relative !important;
  top: 10px !important;
}

.custom-contact-detail a {
  color: #c69b6b !important;
}

.list-icon-space
  .elementor-icon-box-wrapper
  .elementor-icon-box-icon
  .elementor-icon {
  position: relative;
  top: 9px;
}

.onetap-container-toggle .onetap-toggle {
  right: 15px !important;
  margin-right: 0 !important;
  bottom: 0 !important;
  margin-bottom: 20px !important;
}

.float-number {
  display: inline-flex !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 60px !important;
  height: 60px !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #c69b6b !important;
  border-radius: 10px 0 0 0 !important;
}

.box-shadow {
  box-shadow: 0 0 8px #cccc !important;
}

.contact-us-form .form-group .form-check {
  padding: 0 !important;
}

.contact-us-form .form-group .form-check .wpcf7-list-item {
  margin: 0 !important;
}

.contact-us-form .form-group .form-check .wpcf7-list-item label input {
  height: 18px !important;
  min-height: auto !important;
  margin: 0 !important;
  width: 18px !important;
}

.contact-us-form .form-group .form-check .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: row-reverse;
}

.contact-us-form .form-group .form-radio p br {
  display: none !important;
}

.contact-us-form .form-group .form-radio p label {
  width: auto !important;
}

.contact-us-form .form-group .form-radio p {
  display: flex;
  gap: 20px;
  align-items: center;
}

.contact-us-form .form-group .form-radio p .radio-check {
  display: flex;
  gap: 20px;
  align-items: center;
}

.inner-tab-service-box {
  display: none !important;
}

/* ==== Responsive CSS Start ====  */

@media only screen and (max-width: 1800px) {
  .header .navbar-brand img {
    width: 180px;
  }

  .hero-slider {
    height: 108vh;
  }

  .hero-slider .elementor-image-carousel-wrapper .swiper-slide-inner {
    height: 108vh;
  }

  .hero-slider .elementor-image-carousel-wrapper .swiper-slide-inner img {
    height: 108vh;
  }

  .hero-slider.elementor-widget-image-carousel .swiper {
    height: 108vh !important;
  }

  .header .navbar-brand {
    width: 12%;
  }

  .faq-content {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }

  .inner-page-top-margin {
    margin-top: 114px !important;
  }
}

@media only screen and (max-width: 1679px) {
  .title h1 {
    font-size: 42px !important;
    line-height: 52px !important;
  }

  .text {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .text p {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .hero-list ul li .elementor-icon-list-text {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .header .navbar-brand img {
    width: 100%;
    height: auto;
  }

  .hero-content-top-space {
    margin-top: 70px !important;
  }

  .hero-slider {
    height: 104vh;
  }

  .hero-slider .elementor-image-carousel-wrapper .swiper-slide-inner {
    height: 104vh;
  }

  .hero-slider .elementor-image-carousel-wrapper .swiper-slide-inner img {
    height: 104vh;
  }

  .hero-slider.elementor-widget-image-carousel .swiper {
    height: 104vh !important;
  }

  .inner-page-top-margin {
    margin-top: 105px !important;
  }
}

@media only screen and (max-width: 1439px) {
  .inner-page-top-margin {
    margin-top: 100px !important;
  }
}

@media only screen and (max-width: 1399px) {
  .title h2 {
    font-size: 40px !important;
    line-height: 55px !important;
  }

  .foot-title h2 {
    font-size: 36px !important;
  }

  .hero-banner-content-box {
    width: 80% !important;
  }

  .about-spacing .e-con-inner {
    padding-top: 80px !important;
    padding-bottom: 40px !important;
  }

  .service-spacing .e-con-inner {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .custom-top-space .e-con-inner {
    padding-top: 40px !important;
  }

  .custom-bottom-space .e-con-inner {
    padding-bottom: 80px !important;
  }

  .title-space {
    padding-right: 370px;
  }

  .box-custome-space {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .box-custome-space .elementor-widget-button {
    margin-top: 20px !important;
  }

  .faq-space {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .out-team-space .e-con-inner {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .footer-space {
    padding: 50px 30px 30px !important;
    gap: 60px !important;
    row-gap: 60px !important;
    column-gap: 60px !important;
  }

  .header {
    padding: 5px 30px;
  }

  .header .navbar {
    padding: 0;
  }

  .header .navbar-nav li a {
    font-size: 14px;
    margin: 0 !important;
    padding: 5px 10px !important;
  }

  .header .header-cta-btn a {
    font-size: 15px;
  }

  .hero-slider {
    height: 100vh;
  }

  .hero-slider .elementor-image-carousel-wrapper .swiper-slide-inner {
    height: 100vh;
  }

  .hero-slider .elementor-image-carousel-wrapper .swiper-slide-inner img {
    height: 100vh;
  }

  .hero-slider.elementor-widget-image-carousel .swiper {
    height: 100vh !important;
  }

  .inner-page-top-margin {
    margin-top: 95px !important;
  }

  .about-spacing.custom-padding-se-0 .e-con-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .dot-lists
    .elementor-icon-list-items
    .elementor-icon-list-item
    .elementor-icon-list-text {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .dot-lists
    .elementor-icon-box-wrapper
    .elementor-icon-box-content
    .elementor-icon-box-title {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .dot-lists
    .elementor-icon-box-wrapper
    .elementor-icon-box-content
    .elementor-icon-box-description {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .tick-list
    .elementor-icon-list-items
    .elementor-icon-list-item
    .elementor-icon-list-text {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .tick-list
    .elementor-icon-list-items
    .elementor-icon-list-item
    .elementor-icon-list-icon
    svg {
    width: 13px !important;
    height: 13px !important;
  }

  .inner-service-spacing .title-space {
    padding-right: 0;
  }
}

@media only screen and (max-width: 1365px) {
  .hero-banner-content-box {
    width: 74% !important;
  }

  .title h3 {
    font-size: 24px !important;
    line-height: 34px !important;
  }

  .service-box-space {
    padding: 30px !important;
  }

  .service-button-top-space {
    margin-top: 10px !important;
  }

  .faq-img .elementor-widget-spacer .elementor-spacer .elementor-spacer-inner {
    height: 730px !important;
  }

  .title h4 {
    font-size: 26px !important;
    line-height: 40px !important;
  }

  .foot-title h2 {
    font-size: 32px !important;
  }

  .inner-page-top-margin {
    margin-top: 90px !important;
  }
}

@media only screen and (max-width: 1279px) {
  .title-space {
    padding-right: 270px;
  }

  .inner-page-top-margin {
    margin-top: 85px !important;
  }
}

@media only screen and (max-width: 1199px) {
  .header .navbar-brand {
    max-width: 14%;
    width: 14%;
    margin-right: 15px !important;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
    flex-wrap: wrap;
    width: 84%;
  }

  .service-box-space .title h3 {
    min-height: 64px;
  }

  .service-box-space .text-size {
    min-height: 168px;
  }

  .hero-slider {
    height: 100vh;
  }

  .hero-slider .elementor-image-carousel-wrapper .swiper-slide-inner {
    height: 100vh;
  }

  .hero-slider .elementor-image-carousel-wrapper .swiper-slide-inner img {
    height: 100vh;
  }

  .hero-slider.elementor-widget-image-carousel .swiper {
    height: 100vh !important;
  }

  .about-section .elementor-widget-text-editor {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .about-section > .elementor-element > .e-con-inner {
    gap: 40px !important;
  }

  .service-box-space {
    padding: 20px !important;
  }

  .service-box-gap {
    gap: 15px !important;
  }

  .title h3 {
    font-size: 22px !important;
    line-height: 32px !important;
  }

  .text-size {
    font-size: 16px !important;
  }

  .title-space {
    padding-right: 0;
  }

  .about-spacing .e-con-inner {
    padding-top: 60px !important;
    padding-bottom: 30px !important;
  }

  .servive-title-bottom-space {
    margin-bottom: 5px !important;
  }

  .service-spacing .e-con-inner {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .single-box-top-space {
    margin-top: 20px !important;
  }

  .faq-space {
    gap: 16px !important;
  }

  .faq-accordion-content .elementor-widget-text-editor {
    font-size: 16px !important;
  }

  .faq-content {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  .out-team-space .e-con-inner {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .title h4 {
    font-size: 24px !important;
    line-height: 35px !important;
  }

  .foot-contact-width {
    width: 32% !important;
  }

  .header .header-cta-btn a {
    font-size: 14px;
    padding: 15px;
  }

  .header {
    padding: 5px 12px;
  }

  .custom-top-space .e-con-inner {
    padding-top: 30px !important;
  }

  .custom-bottom-space .e-con-inner {
    padding-bottom: 60px !important;
  }

  .inner-page-top-margin {
    margin-top: 80px !important;
  }

  .custom-title-top-space {
    margin-top: 10px !important;
  }

  .inner-service-spacing .e-con-inner {
    padding-top: 50px !important;
  }
}

@media only screen and (max-width: 991px) {
  .header .navbar-brand {
    max-width: 18%;
    width: 18%;
    margin-right: 15px !important;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: column;
    flex-wrap: revert;
    width: 100%;
  }

  .header .navbar-toggler {
    background-color: #222;
    padding: 1px;
  }

  .hero-banner-content-box {
    left: 42px !important;
  }

  .header .navbar-toggler .navbar-toggler-icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .header .navbar-toggler .navbar-toggler-icon i {
    color: #c69b6b;
  }

  .header .navbar-toggler:focus {
    box-shadow: none;
    border: 1px solid #c69b6b;
  }

  .header .navbar {
    position: revert;
  }

  .header .navbar-collapse {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    background-color: #fff;
  }

  .header .navbar-nav li a {
    font-size: 16px;
    margin: 0 !important;
    padding: 10px 20px !important;
    color: #33373d;
  }

  .header-cta-btn {
    display: none;
  }

  .header .navbar-collapse ul {
    margin-bottom: 0 !important;
  }

  .about-section .e-con-inner {
    flex-wrap: wrap !important;
  }

  .about-spacing .e-con-inner {
    padding-top: 40px !important;
    padding-bottom: 30px !important;
  }

  .about-section > .elementor-element > .e-con-inner {
    gap: 20px !important;
  }

  .about-img {
    width: 55% !important;
  }

  .service-box-gap {
    flex-wrap: wrap !important;
  }

  .service-box-space {
    width: 48.9% !important;
  }

  .service-spacing .e-con-inner {
    padding-top: 10px !important;
    padding-bottom: 30px !important;
  }

  .custom-top-space .e-con-inner {
    padding-top: 30px !important;
  }

  .custom-bottom-space .e-con-inner {
    padding-bottom: 60px !important;
  }

  .servive-title-bottom-space {
    margin-bottom: 0 !important;
  }

  .c-width-md-100 {
    width: 100% !important;
  }

  .flex-box-warp {
    flex-wrap: wrap !important;
  }

  .faq {
    flex-direction: column-reverse !important;
  }

  .c-spacer-height > .elementor-spacer > .elementor-spacer-inner {
    height: 600px !important;
  }

  .faq-img .elementor-widget-spacer .elementor-spacer .elementor-spacer-inner {
    height: 600px !important;
  }

  .faq-content {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .out-team-space .e-con-inner {
    padding-top: 40px !important;
    padding-bottom: 50px !important;
  }

  .our-team-box {
    gap: 15px !important;
  }

  .team-title-space {
    padding: 15px 15px !important;
  }

  .title h4 {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  .title h2 {
    font-size: 34px !important;
    line-height: 50px !important;
  }

  .title h1 {
    font-size: 38px !important;
    line-height: 48px !important;
  }

  .inner-footer {
    flex-wrap: wrap !important;
  }

  .foot-contact-width {
    width: 40% !important;
  }

  .right-foot-box {
    gap: 20px !important;
  }

  .helpful-links-content {
    width: 60% !important;
  }

  .footer-space {
    padding: 30px !important;
    gap: 40px !important;
    row-gap: 40px !important;
    column-gap: 40px !important;
  }

  .custome-reverse .e-con-inner {
    flex-direction: column-reverse !important;
  }

  .custome-reverse .e-con-inner .about-img {
    margin-right: auto;
  }

  .cta-bottom-sec {
    flex-wrap: wrap !important;
  }

  .cta-bottom-sec > .elementor-element {
    text-align: center;
  }

  .cta-bottom-sec .elementor-widget-text-editor p {
    margin: 0 0 5px;
  }

  .cta-bottom-sec .elementor-widget-text-editor p {
    margin: 0 0 5px;
  }

  .service-box-space .text-size {
    min-height: 140px;
  }

  .small-title h2,
  .small-title h5 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .cta-button {
    align-items: center !important;
  }

  .inner-service-spacing .e-con-inner {
    padding-top: 40px !important;
    padding-bottom: 0 !important;
  }

  .inner-desktop-service-box {
    display: none !important;
  }

  .inner-tab-service-box {
    display: flex !important;
  }
}

@media only screen and (max-width: 767px) {
  .header {
    padding: 5px 20px;
  }

  .header .navbar-brand {
    max-width: 25%;
    width: 25%;
  }

  .hero-banner-content-box > .elementor-element {
    padding: 20px;
  }

  .hero-banner-content-box {
    left: 0 !important;
    width: 100% !important;
    padding: 0 20px !important;
  }

  .hero-btn a {
    font-size: 15px !important;
    line-height: 15px !important;
    padding: 15px 20px !important;
  }

  .about-spacing .elementor-element {
    padding: 0 !important;
  }

  .about-spacing .e-con-inner {
    padding-top: 30px !important;
    padding-bottom: 15px !important;
  }

  .about-img {
    width: 65% !important;
    margin-top: 10px !important;
  }

  .service-box-space {
    width: 100% !important;
  }

  .title h2 {
    font-size: 28px !important;
    line-height: 40px !important;
  }

  .service-spacing .e-con-inner {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .custom-top-space .e-con-inner {
    padding-top: 15px !important;
  }

  .custom-bottom-space .e-con-inner {
    padding-bottom: 30px !important;
  }

  .site-btn a {
    padding: 14px 20px !important;
    font-size: 14px !important;
  }

  .servive-title-bottom-space {
    padding: 0 !important;
  }

  .service-btn-space {
    margin-top: 5px !important;
  }

  .c-spacer-height > .elementor-spacer > .elementor-spacer-inner {
    height: 500px !important;
  }

  .faq-img .elementor-widget-spacer .elementor-spacer .elementor-spacer-inner {
    height: 500px !important;
  }

  .box-custome-space {
    padding: 30px 20px !important;
  }

  .single-box-top-space {
    margin-top: 0 !important;
  }

  .box-custome-space .elementor-widget-button {
    margin-top: 5px !important;
  }

  .out-team-space .e-con-inner {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    gap: 20px !important;
  }

  .faq-content {
    padding: 30px 20px !important;
  }

  .faq-accordion-content
    .e-n-accordion-item-title-header
    .e-n-accordion-item-title-text {
    font-size: 18px !important;
  }

  .foot-contact-width {
    width: 100% !important;
  }

  .helpful-links-content {
    width: 100% !important;
  }

  .footer-space {
    padding: 30px 20px !important;
    gap: 30px !important;
    row-gap: 30px !important;
    column-gap: 30px !important;
  }

  .footer-logo img {
    max-width: 200px !important;
  }

  .space-0 {
    padding: 0 !important;
  }

  .header .container-fluid {
    padding: 0;
  }

  .header .navbar-nav li a {
    font-size: 14px;
  }

  .foot-title h2 {
    font-size: 28px !important;
  }

  .foot-number {
    font-size: 16px !important;
    line-height: 20px !important;
  }

  .helpful-links-content
    .elementor-widget-icon-list
    .elementor-icon-list-items
    .elementor-icon-list-item
    .elementor-icon-list-text {
    font-size: 16px !important;
    line-height: 22px !important;
  }

  .hero-content-top-space {
    margin-top: 0 !important;
  }

  .inner-page-top-margin {
    margin-top: 92px !important;
  }

  .dot-lists
    .elementor-icon-list-items
    .elementor-icon-list-item
    .elementor-icon-list-text {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .custom-title-top-space {
    margin-top: 0 !important;
  }

  .service-box-space .title h3 {
    min-height: auto;
  }

  .service-box-space .text-size {
    min-height: auto;
  }

  .inner-service-spacing .e-con-inner {
    padding-top: 30px !important;
    padding-bottom: 0 !important;
  }
}

@media only screen and (max-width: 575px) {
  .title h2 {
    font-size: 24px !important;
    line-height: 33px !important;
  }

  .about-img {
    width: 100% !important;
    margin-top: 10px !important;
  }

  .title h1 {
    font-size: 28px !important;
    line-height: 36px !important;
  }

  .hero-btn a {
    font-size: 14px !important;
    line-height: 14px !important;
    padding: 13px 20px !important;
  }

  .site-btn a {
    padding: 12px 18px !important;
  }

  .foot-title h2 {
    font-size: 26px !important;
    line-height: 34px !important;
  }

  .header .navbar-collapse {
    top: 74px;
  }

  .inner-page-top-margin {
    margin-top: 70px !important;
  }

  .small-title h2,
  .small-title h5 {
    font-size: 16px !important;
    line-height: 22px !important;
  }
}

@media only screen and (max-width: 480px) {
  .foot-title h2 {
    font-size: 26px !important;
    line-height: 34px !important;
  }

  .text {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .hero-list ul li .elementor-icon-list-text {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .hero-list ul li span svg {
    width: 12px !important;
    height: 12px !important;
  }

  .title h2 {
    font-size: 22px !important;
    line-height: 30px !important;
  }

  .c-spacer-height > .elementor-spacer > .elementor-spacer-inner {
    height: 350px !important;
  }

  .faq-img .elementor-widget-spacer .elementor-spacer .elementor-spacer-inner {
    height: 350px !important;
  }

  .about-section .elementor-widget-text-editor {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .text-size {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .faq-accordion-content .elementor-widget-text-editor {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .hero-slider {
    height: 100vh;
  }

  .hero-slider .elementor-image-carousel-wrapper .swiper-slide-inner {
    height: 100vh;
  }

  .hero-slider .elementor-image-carousel-wrapper .swiper-slide-inner img {
    height: 100vh;
  }

  .hero-slider.elementor-widget-image-carousel .swiper {
    height: 100vh !important;
  }

  .hero-banner-content-box {
    top: 30px !important;
  }

  .header .navbar-brand {
    max-width: 30%;
    width: 30%;
  }

  .header .navbar-collapse {
    top: 68px;
  }

  .inner-page-top-margin {
    margin-top: 68px !important;
  }

  .dot-lists
    .elementor-icon-list-items
    .elementor-icon-list-item
    .elementor-icon-list-text {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .dot-lists
    .elementor-icon-box-wrapper
    .elementor-icon-box-content
    .elementor-icon-box-title {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .dot-lists
    .elementor-icon-box-wrapper
    .elementor-icon-box-content
    .elementor-icon-box-description {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .icon-alignment
    .elementor-icon-box-wrapper
    .elementor-icon-box-icon
    .elementor-icon {
    top: 8px !important;
  }

  .text p {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .tick-list
    .elementor-icon-list-items
    .elementor-icon-list-item
    .elementor-icon-list-text {
    font-size: 14px !important;
    line-height: 24px !important;
  }
}