@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
  --ui-font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

html, body {
  font-family: var(--ui-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4,h5,h6,
button, input, textarea, select,
.elementor, .elementor  {
  font-family: var(--ui-font) !important;
}

h1 { font-weight: 700; }
h2 { font-weight: 600; }
h3 { font-weight: 600; }
p, li, span, a { font-weight: 400; }

body { font-size: 16px; line-height: 1.55; }
/* ------------------------------------------------- */


.main-header .outer-box .logo-box .logo {
    max-width: 300px;
}
.service-block-one .inner-box .overlay-content p {
  display: -webkit-box;
  -webkit-line-clamp: 4; /* limit to 4 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.service-block-two .inner-box .lower-content p {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* limit to 4 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cu-service-style-two .service-style-two.p_relative {
    padding: 0px!important;
}
/* .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure {
    margin: 0;
    height: 250px;
    object-fit: cover;
} */
.wpcf7-form-control.wpcf7-select {
    display: block !important;
    border: 1px solid #E5E5E5;
    padding: 14px 15px;
    width: 100%;
    border-radius: 4px;
	color:#6E6E6E;
}
.nice-select.wpcf7-select {
  display: none !important;
}

.service-block-two .inner-box .image-box img {
    width: 100%;
    transition: all 500ms ease;
    object-fit: cover;
    height: 250px;
}
.static-content p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.service-block-one .inner-box h3  {
    display: block;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 12px;
    min-height: 60px;
}
/* spacing */
p {
  margin-top: 10px;   /* Paragraph start space */
  margin-bottom: 10px; /* Paragraph end space */
  line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
    margin: 5px 0px;
/* spacing */
}


.hero-banner .contact-style-two .form-inner .form-group {
    margin-bottom: 0px;
}
.about-icon-box .elementor-element.e-con-full.e-flex.e-con.e-child:hover {
    background-color: #4B225E;
}
/* Hover effect for icon box with smooth transition */
.about-icon-box .elementor-element.e-con-full.e-flex.e-con.e-child,
.about-icon-box .elementor-element.e-con-full.e-flex.e-con.e-child .elementor-widget-icon-box .elementor-icon-box-title,
.about-icon-box .elementor-element.e-con-full.e-flex.e-con.e-child .elementor-widget-icon-box.elementor-view-framed .elementor-icon,
.about-icon-box .elementor-element.e-con-full.e-flex.e-con.e-child .elementor-widget-icon-box.elementor-view-default .elementor-icon,
.about-icon-box .elementor-element.e-con-full.e-flex.e-con.e-child p.elementor-icon-box-description {
    transition: color 0.3s ease, fill 0.3s ease, border-color 0.3s ease;
}

/* Hover state */
.about-icon-box .elementor-element.e-con-full.e-flex.e-con.e-child:hover,
.about-icon-box .elementor-element.e-con-full.e-flex.e-con.e-child:hover .elementor-widget-icon-box .elementor-icon-box-title,
.about-icon-box .elementor-element.e-con-full.e-flex.e-con.e-child:hover .elementor-widget-icon-box.elementor-view-framed .elementor-icon,
.about-icon-box .elementor-element.e-con-full.e-flex.e-con.e-child:hover .elementor-widget-icon-box.elementor-view-default .elementor-icon,
.about-icon-box .elementor-element.e-con-full.e-flex.e-con.e-child:hover p.elementor-icon-box-description {
    color: #ffffff !important;       /* Text color */
    fill: #ffffff !important;        /* Icon fill color */
    border-color: #ffffff !important;/* Border color */
}



/* Base style for full-size images */
img.attachment-full.size-full {
    transition: transform 0.3s ease, opacity 0.3s ease; /* Smooth transition */
    display: block;
}

/* Hover effect */
img.attachment-full.size-full:hover {
    transform: scale(1.05); /* Slight zoom */
    opacity: 0.8;            /* Slight transparency */
}
.service-block-one .inner-box .overlay-content {
    z-index: 1;
    background: #4B225E;
}

/* Home Page Form start */
.hero-banner .default-form .form-group input[type='tel'], .hero-banner  .default-form .form-group input[type='text'], .hero-banner  .default-form .form-group input[type='email'], .hero-banner  .default-form .form-group input[type='number'], .hero-banner  .default-form .form-group input[type='password'], .hero-banner  .default-form .form-group .nice-select, .hero-banner .default-form .form-group textarea {
    border: 1px solid #000000;
    color: #000000;
}
div#popmake-3634 .hero-banner .default-form .form-group input[type='tel'],div#popmake-3634 .hero-banner  .default-form .form-group input[type='text'],div#popmake-3634 .hero-banner  .default-form .form-group input[type='email'],div#popmake-3634 .hero-banner  .default-form .form-group input[type='number'],div#popmake-3634 .hero-banner  .default-form .form-group input[type='password'],div#popmake-3634 .hero-banner  .default-form .form-group .nice-select.hero-banner,div#popmake-3634 .default-form .form-group textarea {
    border: 1px solid #e5e5e5;
    color: #000000;
}
.hero-banner .wpcf7-form-control.wpcf7-select {
    border: 1px solid #4B225E;
    color: #000000;
}
/* Home Page Form start */
.home-blog .news-block-one .inner-box .lower-content .post-info {
    display: none;
}
.contact-style-two .form-inner .form-group {
    margin-bottom: 0px;
}

.service-sidebar .contact-widget .widget-content .bg-layer:before {
    background: #381747;
}
.page-title .bg-layer:before {
    background-color: #381747;
}
.feature-block-three .inner-box .icon-box:before {
    background: #381747;
}


.testimonial-block-two p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  transition: max-height 0.3s ease;
}

.testimonial-block-two p.expanded {
  -webkit-line-clamp: unset;
}

.read-more-btn {
  display: inline-block;
  margin-top: 5px;
  background: none;
  border: none;
  color: #0073e6;
  cursor: pointer;
  font-weight: bold;
  padding: 0;
}
button.read-more-btn:hover {
    padding: 0px;
    background-color: unset!important;
    color: black!important;
}
button.read-more-btn {
    padding: 0px;
    background-color: unset!important;
    color: black;
}
.testimonial-block-two .inner-box p {
    margin-bottom: 0px;
}

.pum-theme-3626 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
    position: absolute;
    height: 26px;
    width: 26px;
    left: auto;
    right: 0px;
    bottom: auto;
    top: 0px;
    border: 2px solid #ffffff;
    border-radius: 3px;
    background-color: rgb(195 0 0);
}
.wpcf7-form-control.wpcf7-select {

    /* Remove default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    /* Add custom arrow */
    background: url('data:image/svg+xml;utf8,<svg fill="%236E6E6E" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
}
.news-block-two .inner-box .lower-content h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 68px;
}

.elementor-4526 .elementor-element.elementor-element-c078617 .mr_f_block_text {
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;   /* Show only 5 lines */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
	margin-bottom: 10px;
}
span.page-numbers.current {
    border: 1px solid #63117D;
    background: #63117D;
    border-color: #63117D;
  
}
.hero-banner .default-form .form-group input[type='tel'], .hero-banner  .default-form .form-group input[type='text'], .hero-banner  .default-form .form-group input[type='email'], .hero-banner  .default-form .form-group input[type='number'], .hero-banner  .default-form .form-group input[type='password'], .hero-banner  .default-form .form-group .nice-select, .hero-banner .default-form .form-group textarea {
    border: 1px solid #000000;
    color: #000000;
    background-color: white;
}
.hero-banner .wpcf7-form-control.wpcf7-select {
    border: 1px solid  #000000;
    color: #000000;
    background-color: white;
	padding: 12px 15px;
}


section.elementor-section.elementor-top-section.elementor-element.elementor-element-b437b55.elementor-section-full_width.elementor-section-stretched.elementor-section-height-default.elementor-section-height-default a {
    color: white;
}


.image_block_two .image-box .image-content h2 {
    background: linear-gradient(135deg, #CD1827 0%, #4B225E 60%);
    color: white;
}

..cta-section:before {
    background: linear-gradient(267deg, #de2c2cab 0%, #4b225ec9 69.79%) !important;
}


.team-block-one .inner-box .image-box .image img {
    max-height: 350px;
    object-fit: cover;
    object-position: top; /* یہ اوپر سے crop کرے گا */
}

.feature-block-three .inner-box .icon-box:before {
    background: #63117D;
}
.hero-banner .wpcf7 form.sent .wpcf7-response-output {
    border-color: #ffffff;
    color: white;
}

.elementor-kit-11 button:hover, .elementor-kit-11 button:focus, .elementor-kit-11 input[type="button"]:hover, .elementor-kit-11 input[type="button"]:focus, .elementor-kit-11 input[type="submit"]:hover, .elementor-kit-11 input[type="submit"]:focus, .elementor-kit-11 .elementor-button:hover, .elementor-kit-11 .elementor-button:focus {
    background-color: #4B225E;
    color: #FFFFFF;
}

.elementor-kit-11 button, .elementor-kit-11 input[type="button"], .elementor-kit-11 input[type="submit"], .elementor-kit-11 .elementor-button {
    background-color: #4B225E;
    color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    padding: 12px 20px 12px 20px;
}

.team-page .cu-image-box img {
    min-height: 600px!important;
    object-fit: cover;
}