/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 4.0.8.1746859006
Updated: 2025-05-10 06:36:46

*/


p{
	font-size: 18px!important; 
	line-height: 27px; 
	font-family: "Tajawal", sans-serif!important;
}


h1,h2,h3,h4, h5{
/* 	 font-family: "Marmelad", sans-serif!important; */
/* 	font-family: "Merriweather", serif !important; */
	 font-family: "Poppins", sans-serif !important;
}

a{
		font-size: 18px!important; 
	font-family: "Tajawal", sans-serif!important; 
}



/*  */


.inner-header-section {
   
    display: flex
;
    justify-content: center;
    align-items: center;
}
.logo-sec {
    width: 18%;!important
}
.logo-sec img {
    width: 50%!important;
}
.page-header {
    display: none; 
}



#main #content-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
}



.menu {
    width: 55%!important;
}

.contact {
    width: 30%;
}


.contact h5 {
    font-weight: 400;
    color: black;
    font-size: 15px;
    border-left: 1px solid black;
    padding-left: 7px;
	margin-bottom: 0%;
}

.contact h5 a {
    color: #d44760;
}





/* footer-start */

.inner-footer-sec {
    display: flex
;
/*     padding: 50px 0px; */
}
.footer-left {
    width: 50%; 
	padding: 50px;
} 
.footer-right {
    width: 50%;
    background: #cf012d;
    padding: 50px 15px;
    display: flex
;
    flex-direction: column;
    justify-content: center; 
}
.adress-sec {
    display: flex
;
    gap: 0px!important;
} 
.icon svg {
    width: 100%;
    fill: white;
}
.social {
    display: flex
;
    gap: 20px; 
	margin-top: 5%;
}
.social svg {
    width: 5%;
    fill: white;
    filter: wh;
    height: unset;
} 


/*end of footer  */


.footer-right h3 {
    color: white;
    font-size: 25px;
}

.foot-left-part1 {
    display: flex
;
    gap: 20px;
}

.lorem {
    width: 80%;
}
.foot-logo {
    width: 20%;
}




.foot-logo img {
    width: 80%;
}


.footer-menu-sec {
    display: flex
;
    justify-content: space-between; 
	margin-top: 5%;
}

.menupart1 ul li {
    list-style: none;
}


.menupart1 ul {
    margin: 0;
}


.menupart1 ul li a {
    line-height: 40px;
}

div#footer-inner {
    display: none;
}

.menupart1 h3 {
    color: #c80930;
    font-weight: 400;
}

div#footer-inner {
    display: none;
}

.address-part1 h5 {
    color: white;
    font-weight: 400;
}
.icon-sec {
    display: flex
;
    gap: 10px;
} 


.icon {
    width: 10%;
}

.ic-con {
    width: 70%;
}


.ic-con a {
    color: white;
}

.social p {
    color: white;
    margin-bottom: 0%;
}
/*  */

.btn__theme {
  display: flex
;
    justify-content: left;
    width: 32%!important;

 
 
  transition: background-color 300ms ease, box-shadow 300ms ease;
  animation: btn__scale-down 600ms ease;
  &:hover {
    cursor: pointer;
    transform: scale(1.05);
    animation: btn__scale-up 600ms ease;
    box-shadow: 0 5px 20px $btnColor-shadow;
    background-color: $btnColor-hover;
    svg {
      transform: translateX(24px);
      opacity: 0;
      animation: arrow__slide-ltr 600ms ease-out;
      }
    }
  }

.btn__content {
  
  background: #cb012d;
    color: white;
    font-weight: 400;
    margin: auto;
    padding: 4px 20px;
    font-size: 15px;
    text-align: left;
    transition: color 300ms ease;
  span {
    vertical-align: middle;
  }
  svg {
    transition: opacity 600ms ease;
  }
}



// And now is where magic begins


@keyframes btn__scale-down {
  from {
    transform: scale(1.05);
  }
  to {
    transform: scale(1);
  }
} 

@keyframes arrow__slide-ltr {
  from {
    transform: translateX(0px);
    opacity: 1;
  }
  to {
    transform: translateX(24px);
    opacity: 0;
  }
}

/*  */


.inner-section-1 {
    display: flex
;
    gap: 20px;
    padding: 50px 0px;
}



.left-section-1 {
    width: 50%; 
/* 	display: flex
;
    justify-content: center; */
}
.right-section-1 {
    width: 50%;
	margin-top: 5%;
}

.left-section-1 img {
    width: 100%!important;
}



.right-section-1 {
    width: 50%;
}

.right-section-1 h1 {
    color: #cb012a;
    font-size: 41px!important;
		margin-bottom: -2%;
}

.right-section-1 h2 {
    font-size: 25px;
    color: #aba0a2;

}

.right-section-1 p {
    color: #464245; 
	padding-bottom: 15px;
}


.right-section-1 hr {
    border: 0px solid #80808070;
    background: #80808070;
    width: 48%;
}






 .aigpl-design-1 .aigpl-img-wrp{
    
/*     height: 400px!important;  */
}


.section-2 {
    background: #cb012a;
}


.inner-section-2 {
    padding: 50px 0px;
    text-align: center;
   
} 

.inner-section-2 h3 {
    font-size: 49px;
    color: #fff2e0;
    font-weight: 300;
}

.inner-section-2 h5 {
    font-size: 20px;
    color: white;
}




.inner-section-2 p {
    color: #fffefe;
    max-width: 796px;
   
}
.center-line {
    display: flex
;
    justify-content: center;
	margin-top: -2%;
}

.center-line hr {
    width: 35%;
}

.center-para {
    display: flex
;
    justify-content: center;
	margin-bottom: 2%;
}



.aigpl-gallery-slider .slick-prev {
    left: -36px!important; 
	 border: 1px solid white!important;
    border-radius: 50px!important;
    height: 30px!important;
    padding: 4px!important;
}

.aigpl-gallery-slider .slick-arrow {
  
    background-color: transparent!important; 
}



.aigpl-gallery-slider .slick-next {
    right: -36px;
    border: 1px solid white!important;
    border-radius: 50px;
    height: 30px;
    padding: 4px;
}

ul.slick-dots {
    display: none !important;
}


.aigpl-img-desc.aigpl-center h5{
	 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
}


.aigpl-img-desc.aigpl-center h5:hover{
	
	-webkit-transform: scale(1.3);
 transform: scale(1.1);
	
}