/*
Theme Name: Politian Child
Theme URI: http://themeforest.net/user/wpoceans/portfolio/
Author: wpoceans
Author URI: http://themeforest.net/user/wpoceans
Description: Politian - Political Campaign WordPress Theme
Template:	politian
Version: 1.0
Text Domain: politian-child
*/

.on-hover-white-bg {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: color 0.3s ease;
}

.on-hover-white-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: left 0.5s ease;
    z-index: 0;
	color: #000;
}

.on-hover-white-bg:hover::before {
    left: 0;
}
.on-hover-white-bg:hover a {
    color: #000 !important;
}

.on-hover-white-bg > * {
    position: relative;
    z-index: 1;
}

.on-hover-black-bg {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: color 0.3s ease;
}

.on-hover-black-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #000;
    transition: left 0.5s ease;
    z-index: 0;
	color: #000;
}

.on-hover-black-bg:hover::before {
    left: 0;
}
.on-hover-black-bg:hover a {
    color: #fff !important;
}

.on-hover-black-bg > * {
    position: relative;
    z-index: 1;
}

.on-hover-light-bg {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: color 0.3s ease;
	background: #006783 !important;
}

.on-hover-light-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #2fa0bf;
    transition: left 0.5s ease;
    z-index: 0;
	color: #000;
}

.on-hover-light-bg:hover::before {
    left: 0;
}
.on-hover-black-bg:hover a {
    color: #fff !important;
}

.on-hover-light-bg > * {
    position: relative;
    z-index: 1;
}


/*Arabic Start */
.on-hover-white-bg-ar {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: color 0.3s ease;
}

.on-hover-white-bg-ar::before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: right 0.5s ease; /* ✅ FIXED: transition on 'right' */
    z-index: 0;
}

.on-hover-white-bg-ar:hover::before {
    right: 0;
}

.on-hover-white-bg-ar:hover a {
    color: #000 !important;
}

.on-hover-white-bg-ar > * {
    position: relative;
    z-index: 1;
}

/* ---- BLACK BG ---- */

.on-hover-black-bg-ar {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: color 0.3s ease;
}

.on-hover-black-bg-ar::before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: #000;
    transition: right 0.5s ease; /* ✅ FIXED */
    z-index: 0;
}

.on-hover-black-bg-ar:hover::before {
    right: 0;
}

.on-hover-black-bg-ar:hover a {
    color: #fff !important;
}

.on-hover-black-bg-ar > * {
    position: relative;
    z-index: 1;
}

/* ---- LIGHT BG ---- */

.on-hover-light-bg-ar {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: color 0.3s ease;
    background: #006783 !important;
}

.on-hover-light-bg-ar::before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: #2fa0bf;
    transition: right 0.5s ease; /* ✅ FIXED */
    z-index: 0;
}

.on-hover-light-bg-ar:hover::before {
    right: 0;
}

.on-hover-light-bg-ar:hover a {
    color: #fff !important;
}

.on-hover-light-bg-ar > * {
    position: relative;
    z-index: 1;
}





.custom-header-main-container {
  transition: background-color 0.3s ease;
}

.custom-header-main-container.scrolled {
  background: #ffffff !important;
  background-image: none !important;
  backdrop-filter: blur(18px);
  box-shadow: #0000000d 0.95px 10.95px 32.6px;
}
.custom-header-main-container.scrolled .nav-menu li a{
  color: #000 !important;
}



.scalling-on-hover .elementor-element .elementor-widget-container img {
    width: 100%;
    height: 591px !important;
    object-fit: cover; /* Makes sure the image fills without distortion */
    transition: transform 0.5s ease;
    display: block;
}

.scalling-on-hover:hover .elementor-element .elementor-widget-container img {
    transform: scale(1.3);
}



.audians-btn-bg-shadow .elementor-widget-container .elementor-button-wrapper .elementor-button{
	box-shadow: 1px -2px 12px 0px #00678329 inset;
	cursor: unset;
}
.back-to-top{
	background: #006783 !important;
	border: 2px solid #006783 !important;
}
.wpo-site-header{
	display: none;
}
.card-blur::before{
	content: "" !important;
    z-index: -1 !important;
    position: absolute !important;
	background: #FFFFFF0F;
    filter: blur(100px) !important;
}
.card-blur {
    background: radial-gradient(circle, rgba(0, 85, 114, 0.6), #0f0f0f 52%);
    background-size: 200% 200%;
    background-position: 50% 50%;
    transition: background-position 1s ease-in-out;
}

/* Hover effect to animate gradient */
.card-blur:hover {
    animation: gradientClockwise 4s linear infinite;
}

/* Keyframes for clockwise movement */
@keyframes gradientClockwise {
    0% {
        background-position: 50% 0%;
    }
    25% {
        background-position: 100% 50%;
    }
    50% {
        background-position: 50% 100%;
    }
    75% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 50% 0%;
    }
}


.home-page-one-three {
    background: #000; /* Solid black background */
    background-image: radial-gradient(circle at 14% 41%, 
                      rgb(0 103 131 / 46%) 0%, 
                      rgb(0 131 240 / 0%) 30%, 
                      rgb(0 131 240 / 0%) 60%, 
                      rgb(0 131 240 / 0%) 80%, 
                      rgba(0, 0, 0, 0) 100%);
    background-repeat: no-repeat;
}
.home-page-two {
    background: #000; /* Solid black background */
    background-image: radial-gradient(circle at 86% 41%, 
                      rgb(0 103 131 / 46%) 0%, 
                      rgb(0 131 240 / 0%) 30%, 
                      rgb(0 131 240 / 0%) 60%, 
                      rgb(0 131 240 / 0%) 80%, 
                      rgba(0, 0, 0, 0) 100%);
    background-repeat: no-repeat;
}
.home-page-contact {
    background: #000;
    background-image: radial-gradient(circle at 51% 50%, rgb(0 103 131 / 20%) 0%, rgb(0 131 240 / 0%) 30%, rgb(0 131 240 / 0%) 67%, rgb(0 131 240 / 0%) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: no-repeat;
}

.site-header{
	display: none !important;
}
/* General Input and Select Styling */
 input {
    border: 1px solid #D2D2D2;
    background-color: transparent !important;
    border-radius: 10px !important;
    width: 100%;
    padding: 10px;
    color: #989898;
    font-size: 16px;
    outline: none;
}
 select {
    border: 1px solid #D2D2D2 !important;
    background-color: transparent !important;
    border-radius: 10px !important;
    width: 100%;
    padding: 10px;
    color: #989898 !important;
    font-size: 16px;
    outline: none;
}
.ar-content label{
	text-align: right;
	width:100%;
}
textarea{
	border: 1px solid #D2D2D2;
    background-color: transparent !important;
    border-radius: 10px !important;
    width: 100%;
    padding: 10px;
    color: #3C3C3C;
    font-size: 16px;
    outline: none;
}

.form-all-content-section label{
	color: #252525;
    padding-bottom: 9px;
    width: 100%;
    font-family: "BasisGrotesqueArabicPro", sans-serif;
    font-weight: 500;
    font-size: 16px;
}
.name-and-email-text-textarea{
	color: #252525;
    padding-bottom: 9px;
    width: 100%;
    font-family: "BasisGrotesqueArabicPro", sans-serif;
    font-weight: 500;
    font-size: 16px;
}

/* Placeholder Styling */
.name-and-email-text input::placeholder,
.name-and-email-text-textarea textarea::placeholder {
    color: #3C3C3C;
    opacity: 0.7;	
}

/* Select Dropdown */
.name-and-email-text select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
}

/* Textarea */
.name-and-email-text-textarea textarea {
    min-height: 120px;
    resize: none;

}

/* Submit Button */
.submit-text input[type="submit"] {
    background-color:#006783 !important;
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 10px;
    transition: 0.3s;
	width: 100%;
    margin-top: 20px;

}

/* Two-Column Layout */
.name-and-email,
.number-and-subject {
    display: flex;
    gap: 20px;
    justify-content: space-between;
	padding-bottom: 23px;
}

.form-all-content-section {
    width: 50%;
}
.elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper {
        align-items: baseline !important;
    }
/* Responsive: Stacks Fields on Small Screens */
@media (max-width: 768px) {
    .name-and-email, .number-and-subject {
     	flex-direction: column;
    }

    .form-all-content-section {
        width: 100%;
    }
}

.hero-section-content{
	font-weight:bold;
	color:#fff;
}


.section-footer-menu ul li:before {
	display:none;
}
.footer-contener {
	background: #000;
    background-image: radial-gradient(circle at 51% 50%, rgb(0 103 131 / 20%) 0%, rgb(0 131 240 / 0%) 30%, rgb(0 131 240 / 0%) 67%, rgb(0 131 240 / 0%) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: no-repeat;
}

.home-page-content{
	color:#fff;
}
.elementor-image-box-title{
	margin: 0px !important
}
@media (max-width: 1024px) {
  .form-section-contact .elementor-widget-container .elementor-image-box-wrapper {
    display: flex;
    align-items: baseline !important;
	gap: 10px;
  }
}

.home-page-content-spacing .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-content p{
	padding: 12px 0 0 0 !important;
}
.program-cover-content-spacing .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-content p {
	padding: 8px 0 0 0 !important
}
.eligibility-criteria-mobile .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-content {
	padding: 8px 0 0 0 !important;
}

.place-holder-ar ::placeholder{
	text-align: end;
}
.place-holder-ar select{
	text-align: end;
}