.container {
    width: 100%;
    max-width: 1170px !important;
    position: relative;
    padding: 0;
}

* {
    padding: 0;
    outline: none;
    margin: 0;
}

a.down {}

a {
    text-decoration: none;
    transition: all 0.5s ease 0s;
    outline: none;
}

a:hover {
    transition: all 0.5s ease 0s;
    outline: none;
}


/*@font-face {
font-family:DIN;
font-style:normal;
font-weight:normal;
src:url("fonts/ArbFONTS-DINNEXTLTARABIC-LIGHT-1.ttf") format('truetype')
}
*/

@font-face {
    font-family: sky;
    font-style: normal;
    font-weight: normal;
    src: url("fonts/sky.ttf") format('truetype')
}

@font-face {
    font-family: sky bd;
    src: url("fonts/2c458bc98aac2311643f30a231a7ea30.woff2")format("woff2"), url("fonts/2c458bc98aac2311643f30a231a7ea30.woff")format("woff")
}

/**
* @license
*
* Font Family: Clash Display
* Designed by: Indian Type Foundry
* URL: https://www.fontshare.com/fonts/clash-display
* © 2025 Indian Type Foundry
*
* Clash Display Extralight 
* Clash Display Light 
* Clash Display Regular 
* Clash Display Medium 
* Clash Display Semibold 
* Clash Display Bold 
* Clash Display Variable (Variable font)

*
*/



body {
    margin: 0;
    padding: 0;
    color: #000;
    font-family: sky;
    font-size: 16px;
    font-weight: 300;
    text-align: right;
    direction: rtl;
    background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: sky bd;
	
}


/*  */
header{
    padding: 20px 15px;
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid #EDEDED;
}
header .container{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    align-items: center;
    justify-content: space-between;
}
header .container img{
    width: auto;
    height: 35px;
}
@media (max-width: 769px) {
    header{
        position: relative;
    }
    header .container{
        display: flex;
        justify-content: center;
    }
    header .container img{
        height: 35px;
    }
}

header .container .topnav{
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
/*     font-family: Outfit; */
}
header .container .topnav li{
    position: relative;
    padding: 0 1px;
}
header .container .topnav li a{
    display: block;
    padding: 6px 10px;
    color: #282731;
    text-decoration: none;
    outline: none;
    font-size: 18px;
	font-weight: 600;
}
header .container .topnav li a:hover,
header .container .topnav .current-menu-item a
{
    color: #D4145A;
}

@media (max-width: 769px) {
 
header .container .topnav{
    display: flex;
    list-style: none;
    padding: 50px 25px;
    margin: 0;
/*     font-family: Outfit; */
    position: fixed;
    top: 0;
    right: -300px;
    bottom: 60px;
    transition: all 0.5s ease 0s;
    z-index: 999;
    width: 290px;
    background-color: #EEF8FA;
    flex-direction: column;
    justify-content: center;
}
.open{
transition: all 0.5s ease 0s;
right: 0 !important;
}
header .container .topnav li{
    position: relative;
    padding: 0 1px;
    width: 100%;
}
header .container .topnav li a{
    display: block;
    padding: 10px 10px;
    color: #282731;
    text-decoration: none;
    outline: none;
    font-size: 20px;
}
}
header .container .box{
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 769px) {

header .container .box {
    display: flex;
    flex-wrap: wrap;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    justify-content: space-around;
    background: #fff;
    padding: 10px 20px;
	flex-direction: row-reverse;
}
}


header .container .box a.pro{
    background: #D4145A;
    color: #fff;
    height: 53px;
    padding: 0 15px;
    border-radius: 55px;
    outline: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D4145A1F;
    background: linear-gradient(-270deg, #D4145A 0%, #F45A62 100%);
}

header .container .box a.pro:hover{
    background: #fff;
    color: #D4145A;
}
header .container .box a.phone{
    border-radius: 50%;
    height: 53px;
    width: 53px;
    border: 1px solid #E2335E33;
    background-color: #E2335E0D;
    margin: 0 10px;
    background-image: url("img/phone.png");
    background-repeat: no-repeat;
    background-position: center center;
}
header .container .box a.phone:hover{
    background-color: #fff;
}
header .container .box ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
header .container .box ul li{}
header .container .box ul li a{
    border-radius: 50%;
    height: 53px;
    width: 53px;
    border: 1px solid #E2335E33;
    background-color: #E2335E0D;
    display: flex;
    color: #282731;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    padding-bottom: 5px;
}
header .container .box ul li a:hover{
    background-color: #fff;

}

header .container .box a.pro i{
    font-size: 0;
}
.bar{
    display: none;
}
.xs{
	display: none;
}
@media (max-width: 769px) {
    header .container .box a.pro{
        height: 43px;
        width: 43px;
        font-size: 0;
        padding: 0 ;
    }
    header .container .box a.pro i{
        font-size: 16px;
    }
    header .container .box ul li a{
        border-radius: 50%;
        height: 43px;
        width: 43px;
        font-size: 20px;
    }
    header .container .box a.phone{
        border-radius: 50%;
        height: 43px;
        width: 43px;
    
    }
    .bar{
        display: flex;
        width: 43px;
        height: 43px;
        margin: 0 10px 0 0;
        background-color: #D4145A;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
    }
    .bar i{
        width: 20px;
        height: 13px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
		.lang{
	display: none;
		
	}
	.xs{
	display: inline-block;
		
	}
}



/*  */
.slider-all{
    position: relative;
}
.slider-all img{
    width: 100%;
    height: auto;
    min-height: 300px;
    object-fit: cover;
}
@media (max-width: 769px) {
    .slider-all img{

        height: 100vh;
        object-fit: cover;
    }
}
.slider-all .text{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    padding: 30px 20px;
    z-index: 10;
    justify-content: center;
    align-items: center;
}
.slider-all .text .block{
    background: #ffffff52;
    padding: 25px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    backdrop-filter: blur(17.399999618530273px);
}
.slider-all .text .block h1{
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 15px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
@media (max-width: 769px) {
    .slider-all .text .block h1{
        font-size: 22px;
    }
}
.slider-all .text .block h1 p{
    display: inline-block;
    margin: 0;
    width: auto;
}
.slider-all .text .block h1 #words{
    color: #D4145A !important;
    overflow: hidden;
    padding: 0 10px;
    /* width: 180px; */
    clear: none !important;
    display: contents;
}
.slider-all .text .block a{
    background: #D4145A;
    color: #fff;
    height: 53px;
    padding: 0 15px;
    border-radius: 55px;
    outline: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    margin: 0 auto;
    background: linear-gradient(-270deg, #D4145A 0%, #F45A62 100%);
}
.slider-all .text .block a:hover{
    background: #EEF8FA;
    color: #D4145A;
}
b, strong {
    font-weight: 500;
}
.down{
    background-image: url("img/down.gif");
    background-repeat: no-repeat;
    width: 44px;
    height: 60px;
    position: absolute;
    bottom: -40px;
    right: 50%;
    margin-right: -22px;
    z-index: 9;
    background-size: 50px 100%;
    transform: scale(1);
    background-position: center top;
    border-radius: 40px;
}
section{
    padding: 60px 5px;
    clear: both;
    position: relative;
}
#about{
    position: absolute;
    top: -60px;
}
.about{
    padding: 60px 25px;
}
.about .container{
    display: flex;
    flex-wrap: wrap;
}
.about .container .block{
    padding: 15px 0;
    display: flex;
    color: #737384;
    flex-direction: column;
}
.about .container .block img{
    margin: auto;
    display: block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
.about .container .block strong{
    margin: 0 0 5px;
}
.about .container .block h1{
    margin: 0 0 15px;
    color: #282731;
    font-weight: 500;
    font-size: 35px;
}
.about .container .block p{color: #87686F;}
.about .container .block .e7sa{
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 0;
}
.about .container .block .e7sa .box{
    padding: 10px ;
}
.about .container .block .e7sa .box .span{
    background: #E2335E1A;
    border-radius: 10px;
    padding: 5px 15px;
    display: flex;
    min-height: 75px;
    align-items: center;
}
.about .container .block .e7sa .box .span span{
    color: #D4145A;
    font-size: 30px;
    font-weight: 500;
    margin: 0 5px 0 10px;
}
.about .container .block .e7sa .box .span div{
    color: #282731;
}
/* /services */

.services{
    background-color: #EEF8FA;
    border-radius: 0 150px 0 0;
    padding: 60px 10px;
    background: linear-gradient(-180deg, rgba(226, 51, 94, 0.05) 0%, rgba(226, 51, 94, 0) 100%);
}
.services .container{
    display: flex;
    flex-wrap: wrap;
}
.services .container .title{
    display: flex;
    justify-content: space-between;
    max-width: 1050px;
    margin: 0 auto 50px;
    padding: 0 10px;
    flex-direction: row;
}
.services .container .title h1{
    font-weight: 600;
    color: #282731;
    margin: 0 0 20px;
    font-size: 35px;
    padding: 0 40px 0 20px;
    background-image: url("img/h1.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 28px auto;
    line-height: 1;
    width: auto;
/*     font-family: 'ClashDisplay-Semibold'; */
    /* max-width: 500px; */
}
@media (max-width: 769px) {
.services .container .title{
    display: flex;
    flex-wrap: wrap !important;
}
	.services .container .title h1{
		font-size: 24px;
		width: 100% !important;
	}
}
.services .container .title h1 strong{
	color: #D4145A;
	background: #E2335E26;
	padding: 0 10px;
}
.services .container .title p{
    margin: 0 0 20px;
    color: #737384;
    padding: 0 40px 0 0;
}
.serv-post{
    padding: 10px;
}

.serv-post .box{
    display: flex;
    height: 100%;
    background: #fff;
    text-decoration: none;
    outline: none;
    border-radius: 15px;
    padding: 20px;
    color: #737384;
    background-image: url("img/go.png");
    background-repeat: no-repeat;
    background-position: left 20px top 20px;
    flex-direction: column;
    background-size: 14px;
}
.serv-post .box  i{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #D4145A1A;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 0 19px;
}
.serv-post .box  i img{
    width: 50%;
    height: auto;
}
.serv-post .box  h4{
    margin: 0 0 15px;
    color: #282731;
    font-weight: 500;
    font-size: 20px;
}
.serv-post .box  p{
    margin: 0;
}
/*** **/



.serv-post .box:hover{
    background: #D4145A !important;
    color: #fff !important;
}
	.serv-post .box:hover  i{
   background: #fff !important;

}
.serv-post .box:hover  h4{
   color: #fff !important;

}
.serv-post .box:hover  p{
   color: #fff !important;
}






.serv-slider{
    padding: 0 40px;
    margin: 0 auto;
    max-width: 1050px;
}
.owl-prev{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url("img/l.png");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    font-size: 0;
}
.owl-prev:hover{
    background-image: url("img/ll.png");
}
.owl-next{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url("img/r.png");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    font-size: 0;
}
.owl-next:hover{
    background-image: url("img/rr.png");
}
.mor{
    background: #D4145A;
    color: #fff;
    height: 53px;
    padding: 0 15px;
    border-radius: 55px;
    outline: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    margin: 25px auto 0;
    border: 1px solid #D4145A;
    background: linear-gradient(-270deg, #D4145A 0%, #F45A62 100%);
}
.mor:hover{
    background: #EEF8FA;
    color: #D4145A;
}
/*  */
.work{
    padding: 60px 25px;
}
.work .container{
    display: flex;
   flex-wrap: wrap;
}
.work .container .tit{
    display: flex;
    color: #737384;
    flex-direction: column;
}
.work .container .tit h3{
    color: #282731;
    font-size: 25px;
    font-weight: 600;
    margin: 10px 0 15px;
/*     font-family: 'ClashDisplay-Semibold'; */
}
.work .container .tit p{
    margin: 0;
}
.work .container .step{
    position: relative;
    margin: -130px 0 0;
    background-image: url("img/line.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 80% auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 20px 30px;
    align-items: flex-start;
}
/* .work .container .step img{
    width: 100%;
    height: auto;
} */
.work .container .step .box{
    width: 250px;
    color: #737384;
    position: relative;
    z-index: 9;
    display: flex;
    flex-wrap: wrap;
    padding-top: 90px;
    margin: 0 0 25px;
}
.work .container .step .box:first-child{
    margin-top: 280px;
}
.work .container .step .box:nth-last-child(2){
    margin-top: 165px;
}
.work .container .step .box:last-child{
    margin-top: -50px;
}
.work .container .step .box i{
    background-color: #fff;
    border-radius: 10px;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    box-shadow: 0 0 15px #f2f2f2;
}
.work .container .step .box i:after{
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: #C4C4C4;
    border-radius: 50%;
    position: absolute;
    top: 18px;
    right: 18px;
}

.work .container .step .box span{
    color: #F2F2F2;
    font-size: 170px;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 90px;
    z-index: -1;
    /* display: flex; */
    /* align-items: flex-start; */
    line-height: 0;
/*     font-family: 'Outfit'; */
}
.work .container .step .box h3{
    color: #000000;
    margin: 0 0 15px;
    font-size: 20px;
}
.work .container .step .box p{
    margin: 0;
}
@media (max-width: 769px) {
    .step{
        margin: 50px 0 0 !important;
        background-image: none !important;
        padding: 0 !important;
    }
    .step .box{
        width: 100% !important;
        margin: 0 0 30px !important;
    }
}
/* portfolio */

.portfolio{
    background-color: #EEF8FA;
    border-radius: 150px 0 0 0;
    padding: 60px 10px;
    background: linear-gradient(-180deg, rgba(226, 51, 94, 0.05) 0%, rgba(226, 51, 94, 0) 100%);
}
.portfolio .container{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}
.portfolio .container strong{
    font-size: 25px;
    font-weight: normal;
    padding: 0 25px;
    width: auto;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
}
.portfolio .container strong::after{
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 20px;
    height: 20px;
    background-size: 100% auto;
    background-image: url("img/h1.png");
}
.portfolio .container strong::before{
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 20px;
    height: 20px;
    background-size: 100% auto;
    background-image: url("img/h11.png");
}
.portfolio .container h2{
    font-weight: 600;
    color: #282731;
    margin: 0 0 20px;
    font-size: 35px;
    padding: 0 0 10px;
    line-height: 1;
/*     font-family: 'ClashDisplay-Semibold'; */
}
.nav-tabs{
    background-color: #fff;
    margin: 0 auto 30px;
    min-height: 60px;
    padding: 0 2px 1px;
    border-radius: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}
@media (max-width: 769px) {
    .nav-tabs{
        width: 100%;
    border-radius: 5px !important;
    padding: 5px;
    }
}

.nav-tabs button{
    margin: 2px 4px;
    display: flex;
    background: #E2335E1A !important;
    outline: none;
    border: none !important;
    color: #000000 !important;
    border-radius: 52px !important;
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    min-width: 70px;
}
@media (max-width: 769px) {
    .nav-tabs button{
        margin: 5px 1%;
        width: 48%;
    }
}
.nav-tabs button.active{
    color: #fff !important;
    background: #D4145A !important;
    background: linear-gradient(-270deg, #D4145A 0%, #F45A62 100%) !important;
}
/* works */
.works{
    display: flex;
    flex-wrap: wrap;
}
.works .work-post{
    padding: 10px;
}
@media (min-width: 769px) {
.works .work-post:nth-child(1),
.works .work-post:nth-child(2),
.works .work-post:nth-child(6),
.works .work-post:nth-child(7),
.works .work-post:nth-child(11),
.works .work-post:nth-child(12)

{
    width: 50% !important;
}
}

.works .work-post .box{
    position: relative;
    height: 100%;
    overflow: hidden;
    display: flex;
}
.works .work-post .box img{
    width: 100%;
    height: 360px;
    object-fit: cover;
    border-radius: 15px;
}
.works .work-post .box div{
    width: 330px;
    padding: 25px;
    display: flex;
    background: #FFFFFFBA;
    backdrop-filter: blur(9.899999618530273px);
    color: #D4145A;
    font-size: 18px;
    text-align: center;
    position: absolute;
    right: 50%;
    bottom: -50px;
    margin-right: -165px;
    flex-direction: column;
    justify-content: center;
    border-radius: 15px 15px 0 0;
transition: all 0.5s ease 0s;

}
.works .work-post .box:hover div{

    bottom: 0;
transition: all 0.2s ease 0s;

}
.works .work-post .box div h4{
    margin: 0 0 10px;
    color: #000;
    font-size: 20px;
}
/*  */
.clint{
    background-image: url("img/map.png");
    background-repeat: no-repeat;
    background-position: center top 200px;
    background-size: auto 560px;
    object-fit: cover;
    overflow: hidden;
    padding: 60px 20px;
}
.clint .container{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;

}
.clint .container .tit{
    display: flex;
    text-align: center;
    margin: 0 0 20px;
    flex-direction: column;
    align-items: center;
}
.clint .container .tit strong{
    color: #000;
    /* font-size: 18px; */
    padding-left: 60px;
    background-image: url("img/star.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 55px auto;
}
.clint .container .tit h2{
    font-weight: 700;
    color: #282731;
    margin: 0 0 20px;
    font-size: 32px;
    padding: 0 0 10px;
    line-height: 1;
/*     font-family: 'ClashDisplay-Semibold'; */
}
.clint .container .tit h2 strong{
    background: #E0F3F6;
    font-weight: 700;
    padding: 0;
    color: #D4145A;
}
.clint-slider{
    max-width: 500px;
    margin: 150px auto 0;
    padding: 0 20px;
}
@media (max-width: 769px) {
    .clint-slider{
    }
}

.clint-slider .clint-item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.clint-slider .clint-item img{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: #fff;
    padding: 5px;
    margin: 0 0 30px;
}
.clint-slider .clint-item .word{
    background: #fff;
    border: 1px solid #E7E7E7;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    /* box-shadow: 0px 5.48px 64.09px 0px #00000012; */

}
.clint-slider .clint-item .word p{
    margin: 0 0 5px;
}
.clint-slider .clint-item .word i {
    position: absolute;
    top: -31px;
    right: 50%;
    z-index: 99;
    margin-right: -38px;
    display: block;
    /* background-color: #D4145A; */
    width: 76px;
    height: 32px;
    background-image: url("img/after.png");
    background-size: 100% 100%;

}
.clint-slider .owl-prev{
    background-image: url("img/ll.png");
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    margin: 0 10px;
}
.clint-slider .owl-prev:hover{
    background-image: url("img/l.png");
}
.clint-slider .owl-next{
    background-image: url("img/rr.png");
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    margin: 0 10px;
}
.clint-slider .owl-next:hover{
    background-image: url("img/r.png");
}
.clint-slider  .owl-buttons{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: row;
    margin: 20px 0 0;

}
/*  */
.info{}
.info .container{ }
.info .container .title h1 {

    padding: 0 0 0 20px !important;
    background-image: none !important;
}
.accordion{
    width: 100%;
    column-count: 2;
}
@media (max-width: 769px) {
    .accordion{
        width: 100%;
        column-count: 1;
    }
}
.accordion-item{
    margin: 0 0 5px;
    border-radius: 12px;
    border: none;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    /* background: none; */
    position: relative;
    z-index: 0;
}
.accordion-item h2{
    border: none;
    outline: none;
    border-radius: 12px !important;
    z-index: 19;
    position: relative;
}
.accordion-item .accordion-button{
    border: none;
    background: none;
    outline: none;
    border-radius: 12px !important;
    box-shadow: none !important;
    color: #000;
    min-height: 70px;
    z-index: 9;
    position: relative;
}
.accordion-button::after {
    margin: 0 auto 0 0;
}
.accordion-collapse.collapse.show{
    color: #fff;
    background: #D4145A;
    border-radius: 0 0 12px 12px !important;
    z-index: 9;

}
.accordion-collapse.collapse::after{
    content: "";
    position: absolute;
    bottom: 0;
    border-radius: 12px !important;
    left: 0;
    right: 0;
    background: #D4145A;
    width: 100%;
    height: 0%;
    z-index: -14;
    /* opacity: 0; */
transition: all 0.5s ease 0s;
    
}
.accordion-collapse.collapse.show::after{
    opacity: 1;
    background: #D4145A;
    transition: all 0.5s ease 0s;
    height: 100%;
    
}

/* contact */
.contact{}
.contact .container{
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 769px) {

.contact .container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
}

.contact .container .block{
    padding: 20px;
}
.contact .container .block h2{
    font-weight: 600;
    color: #282731;
    margin: 0 0 10px;
    font-size: 35px;
    padding: 0;
    line-height: 1;
/*     font-family: 'ClashDisplay-Semibold'; */
}
.contact .container .block p{}
.contact .container .block img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
.contact .container .block form{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
.contact .container .block form p{
    margin: 0;
}
.rows{
    padding: 5px;
}
.rows .wpcf7-form-control{
    margin: 0;
    min-height: 52px;
    border: 1px solid #1211271F;
    outline: none;
    padding: 0 20px;
    width: 100%;
    max-height: 150px;
    border-radius: 8px;
    text-align: right;
    direction: rtl;
}
.wpcf7-submit{
    background: #D4145A;
    color: #fff;
    height: 53px;
    padding: 0 15px;
    border-radius: 55px !important;
    outline: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px !important;
    margin: 25px auto 0;
    border: 1px solid #D4145A;
    float: right;
    text-align: center !important;
    background: linear-gradient(-270deg, #D4145A 0%, #F45A62 100%);
}
.wpcf7-submit:hover{
    background: #EEF8FA;
    color: #D4145A;
}
/*  */
footer{
    background: #FDF4F7;
    padding: 30px 20px 0;
    border-top: 1px solid #E2335E;
}
footer .container{
    display: flex;
    flex-wrap: wrap;
}
footer .container .foot{
    padding: 10px;

}
footer .container .foot img{
    height: 55px;
    width: auto;
    margin: 0 0 5px;
}
footer .container .foot p{
    color: #282731;
    font-size: 12px;
}
footer .container .foot .media{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    justify-content: center;
}
footer .container .foot .media a{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    background-color: #fff;
    color: #D4145A;
    text-decoration: none;
    outline: none;
    margin: 5px;
    justify-content: center;
    align-items: center;
}
footer .container .foot .media a:hover{
    background: #D4145A;
    color: #fff;
}
.copy{
    color: #D4145A;
    border-top: 1px solid #D4145A2E;
    padding: 10px;
    text-align: center;
}
@media (max-width: 769px) {
    .copy{
        padding-bottom: 70px;
    }
}
/* services */
.services-all{
    position: relative;
    border-radius: 0 !important;
    background: rgb(255,255,255);
    background: linear-gradient(-180deg, rgba(226, 51, 94, 0.05) 0%, rgba(226, 51, 94, 0) 100%);
}
.services-all .all{
    display: flex;
    flex-wrap: wrap;
}
.services-all::after{
    content: "";
    height: 40px;
    width: 1px;
    background-color: #D4145A;
    position: absolute;
    right: 50%;
    top: 10px; 
}
.all .box{
    border: 1px solid #D4145A29 !important;
}
/*  */
.portfolio-all{
    border-radius: 0 !important;
    position: relative;
    background: linear-gradient(-180deg, rgba(226, 51, 94, 0.05) 0%, rgba(226, 51, 94, 0) 100%);
}
.portfolio-all::after{
    content: "";
    height: 40px;
    width: 1px;
    background-color: #D4145A;
    position: absolute;
    right: 50%;
    top: 10px;
}
/*  */
.contact-all{
    position: relative;
    border-radius: 0 !important;
    background: linear-gradient(-180deg, rgba(226, 51, 94, 0.05) 0%, rgba(226, 51, 94, 0) 100%);
}
.contact-all::after{
    content: "";
    height: 40px;
    width: 1px;
    background-color: #D4145A;
    position: absolute;
    right: 50%;
    top: 10px;
}
.contact-all::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url("img/contact.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% auto;
    z-index: 2;
}
.contact-all .container{
    display: flex;
    flex-wrap: wrap !important;
    flex-direction: row;
    position: relative;
    z-index: 9;
}
/* single-serv */
.single-serv{}
.single-serv .container{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
.single-serv .container .block{
    padding: 20px;
    color: #737384;
}
.single-serv .container .block img{
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
    width: auto;
}
.single-serv .container .block h1{
    font-weight: 600;
    color: #000;
    margin: 0 0 25px;
    font-size: 35px;
    line-height: 1;
/*     font-family: 'ClashDisplay-Semibold'; */
}
.cato{
    color: #D4145A;
    margin: -15px 0 15px;
    font-weight: 500;
}
.single-serv .container .block .box{
    position: relative;
    margin: 20px 0 0;
    padding: 10px 0 0 ;
}
.single-serv .container .block .box::after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    height: 1px;
    background: #eee;
}
.single-serv .container .block .box strong{
    font-size: 20px;
}
    .single-serv .container .block form{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
/*  */
.about-page{}
.about-page .container{
    display: flex;
    align-items: center;
}
.about-page .container h2{
    font-weight: 600;
    color: #000;
    margin: 0 0 20px;
    font-size: 35px;
    line-height: 1;
}
.about-page .container ul{
    list-style: none;
    padding: 0;
    margin: 0;

}
.about-page .container ul li{
    display: block;
    padding: 5px 30px 5px 5px;
    background-image: url("img/li.png");
    background-repeat: no-repeat;
    background-position: right 4px;
    color: #465462;
    font-weight: 400;
}
/*  */
.about-page2{
    background: rgb(255,255,255);
    background: linear-gradient(-180deg, rgba(226, 51, 94, 0.05) 0%, rgba(226, 51, 94, 0) 100%);
}
.about-page2 .container{
    display: flex;
    /* background-image: url("img/abut.png"); */
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 25px auto;
    flex-direction: row;
    padding: 0 20px;
}

.about-page3{
    background-color: #E2335E0D;
    border-radius: 0 150px 0 0;
    padding: 60px 10px;
} 




.accordion-button.ok {
    color: #fff !important
}
.accordion-button.ok::after {
    filter: brightness(100);
}



/***
*******************************************************/

@media (max-width: 769px) {}


/*::placeholder { 
color: #ffffff50;
}*/


/*
background-color: rgba(80,104,140,0.5);
transition: all 0.5s ease 0s;
transform: scale(1.2);

*/

.owl-carousel {
    direction: ltr !important;
    position: relative;
}