/*-----------layout-css*/

.footer-cta {
	background: url(https://www.dilitrust.com/wp-content/uploads/Board-Assessment-Second-1.gif) no-repeat top left / cover fixed;
	height: 100%;
	width: 100%;
	padding-block: 60px 70px;
	position: relative;
	z-index: 0;
}

footer {
	background: var(--sc) url(https://themexriver.com/wp/ximsa/saas/wp-content/uploads/sites/10/2022/04/setup-bg.png);
	height: 100%;
	width: 100%;
	padding-block: 50px;
	position: relative;
	z-index: 0;
}

footer .footer_form{
    padding: 30px;
    margin-top: -275px;
}

footer .footer_form .form-wrap-info .flex-info{
    gap: 10px;   
    margin-block: 15px;
}

footer ul , ul.flex-cr-menu{
	gap: 15px 50px;
}

.flex-copyright {
	padding: 10px 25px;
	text-align: center;
}


.daa_modal_overlay{
      position: fixed;
      height: 100%;
      width: 100%;
      background: #000000d9;
      z-index: 99999;
      inset: 0;   
      opacity:0;
      visibility: hidden;
      transition: all .3s;   
    }
    
    .daa_modal_overlay.active{
      opacity:1;
      visibility: visible ;
      transition: all .3s;   
    }

    .daa_modal_wrap{
      position: fixed;
      z-index: 99999;
      height: auto;
      width: 100%;
      max-width: 600px;
      left: 50%;
      transition: all .4s ease;
      opacity: 0;
      visibility: hidden;
      transform: translate(-50%, 15px);
      top: 50%;
    }
    
    .daa_modal_wrap.active{
      transition: all .4s ease;
      opacity: 1;
      visibility: visible ;
      transform:  translate(-50%, -50%);
    }
    
    .daa_modal_wrap .form-wrap form{
      padding: 30px;
   }
   
   .closeModal{
       position: fixed;
       right:30px;
       top:30px;
       display:none;
       z-index:999999;
       cursor:pointer;
   }

    
/*-----------style-css*/

.footer-cta:after {
	background: linear-gradient(90deg, rgb(1 1 1 / 87%), rgb(0 0 0 / 81%) 35%, rgb(0 0 0 / 89%));
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}

footer :is(a, p):not(footer .foot-strip :is(a, p), .footer_form :is(p, a, div)) {
	color: rgba(255, 255, 255, 90%) !important;
}

footer :is(.h6, .h5) {
	color: var(--white);
}

footer .foot-strip {
	background: var(--white);
	padding: 25px;
	border-radius: var(--radius);
}

footer .footer_form{        
    background: var(--white);
    border-radius: var(--radius);
} 

footer .footer_form .form-wrap-info{
    border-top: 1px solid var(--muted);
    margin-top: 20px;
    padding-top: 5px;
}

footer .footer_form .form-wrap-info .flex-info a{
    font-weight: 600;
    overflow-wrap: anywhere;
}

footer .footer_form a:hover{
    text-decoration:underline;
}

.daa_modal_wrap .form-wrap{
        background: var(--white);
        overflow:hidden;
        border-radius: var(--radius);
    }
    
    .daa_modal_wrap .form-wrap .flex-col-sec-hd{
      padding: 25px;
      background: linear-gradient(180deg, #071A40 0%, #053E59 100%);
   }

   .daa_modal_wrap .form-wrap .flex-col-sec-hd :is(.h4, p){
      color: var(--white);
   }



@media (width <=1024px) {

	footer,
	.footer-cta {
		padding-block: 20px !important;
	}

	footer .foot-strip ul {
		margin-block: 20px;
		gap: 15px !important;
		flex-wrap: wrap;
	}

	footer .flex-col-foot-menu {
		margin-top: 15px;
	}
	
	footer .footer_form{
	    margin-top:unset !important;
	}
	
	ul.flex-cr-menu{
	    display:none;
	}
}