.elementor-3728 .elementor-element.elementor-element-a4ad654{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3728 .elementor-element.elementor-element-c62d43d .sub-title{color:var( --e-global-color-798d5ed );}.elementor-3728 .elementor-element.elementor-element-6e5c52e{--display:flex;--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-3728 .elementor-element.elementor-element-0deefce .title{text-transform:uppercase;}.elementor-3728 .elementor-element.elementor-element-6df6657{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-3728 .elementor-element.elementor-element-22a3293 .title{text-transform:uppercase;}/* Start custom CSS for hero-slider, class: .elementor-element-c62d43d */:root {
  --overlay-color: rgba(67, 20, 98, 0.60);
  --btn-bg: #d4af37;
  --btn-text: #ffffff;
  --btn-hover-bg: #b8952b;   /* hover par thoda gehra gold */
  --btn-hover-text: #35451f;
}

/* ===== BUTTON ===== */
.slider__content .btn {
  background: var(--btn-bg) !important;
  border-color: var(--btn-bg) !important;
  color: var(--btn-text) !important;
  transition: all 0.3s ease;
}

/* Theme ki blue hover layer band karna */
.slider__content .btn::before,
.slider__content .btn::after {
  background: var(--btn-hover-bg) !important;
  background-color: var(--btn-hover-bg) !important;
}

.slider__content .btn:hover,
.slider__content .btn:focus,
.slider__content .btn:active {
  background: var(--btn-hover-bg) !important;
  background-color: var(--btn-hover-bg) !important;
  border-color: var(--btn-hover-bg) !important;
  color: var(--btn-hover-text) !important;
}

:root {
  --overlay-color: #35451f;
  --overlay-opacity: 0.6;
}

/* Har mumkin overlay layer ko cover karta hai */
.slider__single .slider__bg::before,
.slider__single .slider__bg::after,
.slider__single::before,
.slider__single .slider__bg .overlay,
.slider__area .slider__bg::before {
  content: "" !important;
  position: absolute !important;
  inset:  !important;
  background-color: var(--overlay-color) !important;
  background-image: none !important;
  opacity: var(--overlay-opacity) !important;
  z-index:  !important;
}/* End custom CSS */
/* Start custom CSS for tg-servicesBox, class: .elementor-element-0deefce *//* Row ke saare columns ko equal height dein */
.services__item-two {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 320px; /* apni marzi se adjust karein */
}

.services__content-two {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Title ki height fix, zyada text ho to 2 lines ke baad ... aa jaye */
.services__content-two .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.6em; /* 2 lines ki jagah reserve */
    margin-bottom: 15px;
}

/* Button hamesha box ke neeche rahe */
.services__content-two .btn {
    margin-top: auto;
    align-self: flex-start;
}
.services__content-two .title {
    -webkit-line-clamp: 3;
    min-height: 3.9em; /* 3 lines ki jagah */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e5c52e *//* ================================
   GLOBAL SERVICE BOX COLORS
   ================================ */

.elementor-3728 .elementor-element.elementor-element-6e5c52e {
    /* BOX */
    --box-bg: #35451f;
    --box-border: #D4AF37;
    --box-hover-bg: #35451f;

    /* ICON */
    --icon-color: #D4AF37;
    --icon-hover-color: #ffff;

    /* HEADING */
    --title-color: #FFFFFF;
    --title-hover-color: #D4AF37;

    /* READ MORE BUTTON */
    --button-bg: #D4AF37;
    --button-text: #35451f;
    --button-hover-bg: #fff;
    --button-hover-text: #35451f ;
}


/* ================================
   SERVICE BOX
   ================================ */

.elementor-3728 .elementor-element.elementor-element-6e5c52e .services__item-two {
    background: var(--box-bg) !important;
    border: 1px solid var(--box-border) !important;
    transition: all 0.3s ease;
}


/* ================================
   ICON
   ================================ */

.elementor-3728 .elementor-element.elementor-element-6e5c52e .services__icon-two i {
    color: var(--icon-color) !important;
    transition: all 0.3s ease;
}


/* ================================
   TITLE
   ================================ */

.elementor-3728 .elementor-element.elementor-element-6e5c52e .services__content-two .title,
.elementor-3728 .elementor-element.elementor-element-6e5c52e .services__content-two .title a {
    color: var(--title-color) !important;
    transition: all 0.3s ease;
}


/* ================================
   READ MORE BUTTON
   ================================ */

.elementor-3728 .elementor-element.elementor-element-6e5c52e .services__content-two .btn {
    background: var(--button-bg) !important;
    color: var(--button-text) !important;
    transition: all 0.3s ease;
}


/* ================================
   HOVER
   ================================ */

.elementor-3728 .elementor-element.elementor-element-6e5c52e .services__item-two:hover {
    background: var(--box-hover-bg) !important;
}


.elementor-3728 .elementor-element.elementor-element-6e5c52e .services__item-two:hover .services__icon-two i {
    color: var(--icon-hover-color) !important;
}


.elementor-3728 .elementor-element.elementor-element-6e5c52e .services__item-two:hover .services__content-two .title,
.elementor-3728 .elementor-element.elementor-element-6e5c52e .services__item-two:hover .services__content-two .title a {
    color: var(--title-hover-color) !important;
}


.elementor-3728 .elementor-element.elementor-element-6e5c52e .services__item-two:hover .services__content-two .btn {
    background: var(--button-hover-bg) !important;
    color: var(--button-hover-text) !important;
}/* End custom CSS */
/* Start custom CSS for tg-servicesBox, class: .elementor-element-22a3293 *//* Row ke saare columns ko equal height dein */
.services__item-two {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 320px; /* apni marzi se adjust karein */
}

.services__content-two {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Title ki height fix, zyada text ho to 2 lines ke baad ... aa jaye */
.services__content-two .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.6em; /* 2 lines ki jagah reserve */
    margin-bottom: 15px;
}

/* Button hamesha box ke neeche rahe */
.services__content-two .btn {
    margin-top: auto;
    align-self: flex-start;
}
.services__content-two .title {
    -webkit-line-clamp: 3;
    min-height: 3.9em; /* 3 lines ki jagah */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6df6657 *//* ================================
   GLOBAL SERVICE BOX COLORS
   ================================ */

.elementor-3728 .elementor-element.elementor-element-6df6657 {
    /* BOX */
    --box-bg: #35451f;
    --box-border: #D4AF37;
    --box-hover-bg: #35451f;

    /* ICON */
    --icon-color: #D4AF37;
    --icon-hover-color: #ffff;

    /* HEADING */
    --title-color: #FFFFFF;
    --title-hover-color: #D4AF37;

    /* READ MORE BUTTON */
    --button-bg: #D4AF37;
    --button-text: #35451f;
    --button-hover-bg: #fff;
    --button-hover-text: #35451f ;
}


/* ================================
   SERVICE BOX
   ================================ */

.elementor-3728 .elementor-element.elementor-element-6df6657 .services__item-two {
    background: var(--box-bg) !important;
    border: 1px solid var(--box-border) !important;
    transition: all 0.3s ease;
}


/* ================================
   ICON
   ================================ */

.elementor-3728 .elementor-element.elementor-element-6df6657 .services__icon-two i {
    color: var(--icon-color) !important;
    transition: all 0.3s ease;
}


/* ================================
   TITLE
   ================================ */

.elementor-3728 .elementor-element.elementor-element-6df6657 .services__content-two .title,
.elementor-3728 .elementor-element.elementor-element-6df6657 .services__content-two .title a {
    color: var(--title-color) !important;
    transition: all 0.3s ease;
}


/* ================================
   READ MORE BUTTON
   ================================ */

.elementor-3728 .elementor-element.elementor-element-6df6657 .services__content-two .btn {
    background: var(--button-bg) !important;
    color: var(--button-text) !important;
    transition: all 0.3s ease;
}


/* ================================
   HOVER
   ================================ */

.elementor-3728 .elementor-element.elementor-element-6df6657 .services__item-two:hover {
    background: var(--box-hover-bg) !important;
}


.elementor-3728 .elementor-element.elementor-element-6df6657 .services__item-two:hover .services__icon-two i {
    color: var(--icon-hover-color) !important;
}


.elementor-3728 .elementor-element.elementor-element-6df6657 .services__item-two:hover .services__content-two .title,
.elementor-3728 .elementor-element.elementor-element-6df6657 .services__item-two:hover .services__content-two .title a {
    color: var(--title-hover-color) !important;
}


.elementor-3728 .elementor-element.elementor-element-6df6657 .services__item-two:hover .services__content-two .btn {
    background: var(--button-hover-bg) !important;
    color: var(--button-hover-text) !important;
}/* End custom CSS */