.elementor-477 .elementor-element.elementor-element-5b31b80{--display:flex;--min-height:700px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-477 .elementor-element.elementor-element-5b31b80:not(.elementor-motion-effects-element-type-background), .elementor-477 .elementor-element.elementor-element-5b31b80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://webcreativestudio.com.au/wp-content/uploads/2025/09/Group-9105.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-477 .elementor-element.elementor-element-788840a{text-align:left;}.elementor-477 .elementor-element.elementor-element-788840a .elementor-heading-title{font-family:"cres", Sans-serif;font-size:60px;font-weight:500;line-height:30px;word-spacing:0px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-477 .elementor-element.elementor-element-9438028{width:var( --container-widget-width, 52% );max-width:52%;--container-widget-width:52%;--container-widget-flex-grow:0;text-align:left;font-family:"relway", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-477 .elementor-element.elementor-element-b3ef5cf .elementor-button{background-color:#FFFFFF;font-family:"relway", Sans-serif;font-size:16px;font-weight:600;fill:#000000;color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:18px 20px 18px 20px;}.elementor-477 .elementor-element.elementor-element-b3ef5cf .elementor-button:hover, .elementor-477 .elementor-element.elementor-element-b3ef5cf .elementor-button:focus{background-color:#00000000;color:#FFFFFF;}.elementor-477 .elementor-element.elementor-element-b3ef5cf .elementor-button:hover svg, .elementor-477 .elementor-element.elementor-element-b3ef5cf .elementor-button:focus svg{fill:#FFFFFF;}.elementor-477 .elementor-element.elementor-element-df1e81d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}@media(max-width:767px){.elementor-477 .elementor-element.elementor-element-788840a{text-align:center;}.elementor-477 .elementor-element.elementor-element-788840a .elementor-heading-title{font-size:25px;}.elementor-477 .elementor-element.elementor-element-9438028{text-align:center;}}/* Start custom CSS for html, class: .elementor-element-8dc8e09 */.services {
  max-width: 100%;
  margin: auto;
  font-family: 'Raleway', sans-serif;
}

.service-row {
  border-bottom: 1px solid #ddd;
  padding: 50px 0;
  transition: all 0.3s ease;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
}

.row-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.title-box {
  position: relative;
  font-family: 'Clash Display', sans-serif;
}

.title-box .num {
  display: block;
  font-size: 40px;
  font-weight: 600;
  color: #bbb;
  position: absolute;
  top: -50px;
  left: 0;
  transition: transform 0.4s ease;
  font-family: 'Clash Display', sans-serif;
}

.title-box h3 {
  margin: 0;
  font-size: 35px;
  color: #333;
  font-family: 'Clash Display', sans-serif;
  transition: color 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
  opacity: 0.8; /* thoda dull by default */
}

.btn {
  text-decoration: none;
  color: #d71920;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  font-size: 25px;
  font-family: 'Clash Display', sans-serif;
}

.btn .arrow {
  display: inline-block;
  font-weight: 900;
  font-size: 20px;
  transform: rotate(-45deg); /* ↗ */
  transition: transform 0.4s ease;
}

/* Hidden content */
.row-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.5s ease;
  margin-top: 0;
  color: #555;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
}

/* Hover effects */
.service-row:hover .row-content {
  max-height: 200px;
  opacity: 1;
  margin-top: 15px;
}

.service-row:hover .arrow {
  transform: rotate(0deg); /* → */
}

.service-row:hover .title-box .num {
  transform: translateX(100px);
}
.service-row:hover .title-box h3 {
  color: #d31d11;   /* hover pe red */
  opacity: 1;       /* hover pe fully visible */
  transform: translateY(-5px); /* halka upar move for fade-in feel */
}
.service-row:hover .title-box h3 {
  color: #d31d11;
  transform: scale(1.08) translateX(20px); /* bada + right side */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'cres';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://webcreativestudio.com.au/wp-content/uploads/2025/08/ClashDisplay-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'relway';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://webcreativestudio.com.au/wp-content/uploads/2025/08/Raleway-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */