@font-face {
        font-family: "bold";
        src: url(../fonts/noor-Bold.ttf);
    }
    @font-face {
        font-family: "light";
        src: url(../fonts/noor-Light.ttf);
    }
    @font-face {
        font-family: "regular";
        src: url(../fonts/noor-Regular.ttf);
    }
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

    html,body{
        width: 100%;
        height: 100%;
        font-size: 14px;
        font-family: "regular";
        color: #001D35;
    }
    
    input[type='number']{
		      font-family: "Times New Roman", Times, serif !important;
            font-variant-numeric: normal;

	}
	.inline_currency_id{
		font-weight:bold;
	}
    a, a:hover{
        text-decoration: none;
    }

    /*------------------------------
        Btn
    ------------------------------*/
	
	 .orphan_list{
		 position:relative;
	 }
	 .orphan_list .arrow{
		 position: absolute;
		top: 49%;
		left: 0px;
		z-index: 99999;
		width: auto;
	 }

    .btn {
        position: relative;
        display: inline-block;
        box-sizing: border-box;
        border: none;
        padding: 0 14px;
        min-width: 64px;
        height: 45px;
        line-height: 45px;
        border-radius: 10px;
        vertical-align: middle;
        text-align: center;
        text-overflow: ellipsis;
        font-size: 16px; 
        overflow: hidden;
        outline: none;
        cursor: pointer;
        font-weight: 700;
        transition: box-shadow 0.2s;
    }
	
	.container-navbar .option button:hover{
		background:none;
	}
	.shape{
		position: absolute;
		top: -10px;
		left: calc(50% - 10px);
	}
	.health_box .input-group>.form-control{
		    width: 1% !important;
	}
	.add_to_Cart{
		position: relative;
		top: 0%;
		background: #F5DE1D;
		height: 52px;
		padding: 16px 12px;
		border-radius: 8px;
		line-height: 10px;
		    border: 1px solid #001D3542;
	}
	.yellow_bg{
		background:#f5de1d;
	}
	.yellow_text{
		color:#f5de1d;
	}
	
	.blue_bg{
		background:#1A356E;
	}
	.blue_text{
		color:#1A356E;
	}
	.kafala_option_btn{
		color: #1A356E;
		border-left: 2px solid #1A356E;
		font-size: 12px;
		padding-left: 0px;
		padding-right: 0px;
		background: #f5de1d;
	}
	.kafala_option_btn:last-child{
		border-left:0px;
	}
    .btn::-moz-focus-inner {
        border: none;
    }
    .btn::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgb( 255, 255, 255);
        opacity: 0;
        transition: opacity 0.2s;
    }
    .btn::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        border-radius: 50%;
        padding: 50%;
        width: 32px; /* Safari */
        height: 32px; /* Safari */
        background-color: rgb( 255, 255, 255);
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
        transition: opacity 1s, transform 0.5s;
    }
    .btn:hover{
        box-shadow: 0 3px 6px rgb(0, 0, 0, .16);
    }
    .btn:hover::before {
        opacity: 0.08;
    }
    .btn:focus::before {
        opacity: 0.24;
    }
    .btn:hover:focus::before {
        opacity: 0.3;
    }
    .btn:active {
        box-shadow: 0 5px 5px -3px rgb(0, 0, 0, 0.2), 0 8px 10px 1px rgb(0, 0, 0, 0.14), 0 3px 14px 2px rgb(0, 0, 0, 0.12);
    }
    .btn:active::after {
        opacity: 0.32;
        transform: translate(-50%, -50%) scale(0);
        transition: transform 0s;
    }
    .btn:disabled {
        color: rgb(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
        background-color: rgb(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.12);
        box-shadow: none;
        cursor: initial;
    }
    .btn:disabled::before {
        opacity: 0;
    }
    .btn:disabled::after {
        opacity: 0;
    }
    
    .btn.disabled,
    form.disabled { 
        pointer-events: none;
    }
	/*-----------------------------------
	loading 
	--------------------------------------*/
	.ui-loader-background {
		width:100%;
		height:100%;
		top:0;
		margin: 0;
		background: rgba(0, 0, 0, 0.3);
		position: fixed;
		z-index:100;
	}

	
    /*-----------------------------------
        navbar-top
    -----------------------------------*/

    .navbar-top{ 
        min-height: 45px; 
        background: #001D35;
        border: 1px solid #707070;
        color: #fff;
        display: flex;
        align-items: center;
    }
    .navbar-top-container{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .navbar-top .nav .nav-item{
        position: relative;
        color: #fff; 
    } 
    .navbar-top .nav .nav-item::after{
        position: absolute;
        content: "";
        width: 1px;
        height: 14px;
        background-color: #fff;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .navbar-top .nav .nav-item:last-child:after{
        display: none;
    } 
    .navbar-top .nav .nav-link{
        font-size: 15px;
        letter-spacing: 1px;
        color: #fff;
        transition: all .3s ease;
    } 
    .navbar-top .nav .nav-link:hover{ 
        color: #F5DE1D; 
    }
    
    
    .dropdown-menu{
        min-width: 220px;
        margin-top: 2rem;
        padding: 2rem 1rem;
        border-color: transparent;
        box-shadow: 10px 10px 30px rgb(0,0,0, .16);
        border-radius: 15px;
        margin-top: 1rem;
    }
    .dropdown-menu .dropdown-item{
        font-size: 14px;
        line-height: 30px;
    }
    .dropdown-menu .dropdown-item:hover{
        background-color: rgba(0, 29, 53, 0.2);
        color: #001D35;
    }

    /*-----------------------------------
        navbar 
    -----------------------------------*/
    
    .navbar{
        position: sticky;
        top: 0;
        background-color: #F3F6FF;
        z-index: 99;
        transition: all .3s ease;
    }
    
    .navbar .container-navbar{
        display: flex;
        width: 100%;
        height: 72px;
        gap: 20px;
        justify-content: space-between;
        align-items: center;
    }
    .navbar .container-navbar .logo{
        width: 151px;
        height: 45px;
        overflow: hidden;
    }
    .navbar .container-navbar .logo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .navbar .container-navbar .navbar-nav{
        margin-inline-start: 46px;
        gap: 24px;
    }
    .navbar .container-navbar .navbar-nav .nav-link{
        position: relative;
        font-size: 15px; 
        font-family: 'bold';
        color: #001D35;
    }/*
    .navbar .container-navbar .navbar-nav .nav-link::after{
        position: absolute;
        content: "";
        bottom: -.5rem;
        right: .5rem;
        width: 0;
        height: 3px;
        border-radius: 20px;
        background-color: #001D35;
        transition: all .3s ease;
    }
    .navbar .container-navbar .navbar-nav .nav-link:hover::after,
    .navbar .container-navbar .navbar-nav .nav-link.active::after{
        width: 20px;
    }
    */
    .navbar .container-navbar .option{
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .navbar .container-navbar .option{
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .navbar .container-navbar .option .btn-link{
        font-size: 15px; 
        font-family: 'bold';
        color: #001D35;
        text-decoration: none;
        transition: all .3s ease;
    }
    .navbar .container-navbar .option .btn-link:hover{
        background-color: rgba(0, 29, 53, 0.16);
    }
    .navbar .container-navbar .option .btn-cart svg path{
        fill: #001D35
    }
    .navbar .container-navbar .option .btn-donation{
        background: #F5DE1D;
        border: 1px solid #001D3542;
        border-radius: 10px;
        line-height: 40px;
        transition: all .3s ease;
        color: #1A356E;
    }
    .navbar .container-navbar .option .btn-donation:hover{
        background: #001D35;
        color: #fff;
    }
    .navbar .container-navbar .option .btn-donation svg{
        animation: 1.5s ease 0s infinite beat;
    }
    
    @keyframes beat {
        0%, 50%, 100% { transform: scale(1, 1); }
        30%, 80% { transform: scale(0.92, 0.95); }
    }
    
    /*-----------------------------------
        header 
    -----------------------------------*/

    header{
        background: #001D35;
        background-image: url(../img/header.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 750px;
        display: flex;
        align-items: center;
    }
    header .header-card{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    header .header-card .pic{
        max-width: 565px;
        width: 100%;
    }
    header .header-card .pic img{ 
        width: 100%;
    }
    header .header-card .content{
        max-width: 540px;
        width: 100%;
    }
    header .header-card .content .title{
        font-size: 60px;
        font-family: "bold";
        color: #fff;
        max-width: 464px;
        margin-bottom: 50px;
    }
    header .header-card .content .title span{ 
        color: #F5DE1D;
    }

    /*
        donation-card
    */

    .donation-card{
        display: flex;
        gap: 19px;
        max-width: 540px;
        width: 100%; 
        background: rgb(255, 255, 255, .86);
        border: 3px solid #F5DE1D;
        border-radius: 20px;
        padding: 20px 10px;
        margin-bottom: 16px;
    }
    .donation-card .form-group{
        display: flex;
        gap: 1rem;
        margin-bottom: 0;
    }
    .donation-card .form-group .form-label{
        font-size: 15px;
        font-family: "bold";
		    line-height: 45px;
    }
    .donation-card .form-group .form-control{
        min-width: 90px; 
        background-color: #FFFFFF;
        border: 1px solid #001D3542;
        border-radius: 10px;
        text-align: center;
        box-shadow: none;
        font-size: 16px;
        font-family: "bold";
        color: #001D35;
    }
	.inline_currency_id{
		max-width:41px;
	}
    .donation-card .form-group .input-group-text{ 
        background-color: #001D35;
        color: #fff;
       
        justify-content: center;
        padding: 0;
        border: none;
        border-radius: 10px;
    }
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    input[type=number] {
        -moz-appearance: textfield;
    }

    .donation-card .btn-submit{
        background: #F5DE1D;
        height: 52px;
        border: 1px solid #001D3542;
        border-radius: 10px;
        line-height: 50px;
        width: 140px;
        transition: all .3s ease;
    }
    .donation-card .btn-submit svg path{
        fill: #1A356E;
        transition: all .3s ease;
    }
    .donation-card .btn-submit:hover{
        background: #001D35; 
        color: #fff;
    }
    .donation-card .btn-submit:hover svg path{
        fill: #fff;
    }

    header .yatem-link-to-search{
        color: #F5DE1D;
        text-decoration: underline;
        transition: all .3s ease;
    }
    header .yatem-link-to-search:hover{
        color: #fff; 
    }

    /*-----------------------------------
        contribute-section
    -----------------------------------*/

    .contribute-section{
        position: relative;
        background: #EEF3FD;
        padding-bottom: 80px;
    }
    .contribute-section .nav-tabs{ 
        margin-top: -90px;
        margin-bottom: 72px;
        border: none;
    }
    .contribute-section .nav-tabs .nav-item{
        max-width: calc(100% / 5);
        width: 100%;
    }
    .contribute-section .nav-tabs .nav-link{
        all: unset;
    }
    .contribute-section .help-card{
        position: relative;
        cursor: pointer;
        width: 210px;
        height: 197px;
        background: #1a356e;
        box-shadow: 0px 13px 43px #466CD429;
        border: 3px solid #1A356E;
        text-align: center;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        transition: all .3s ease;
        padding: 1rem 3rem;
    }
    .contribute-section .help-card .icon{ 
        width: 69px;
        height: 69px;
        margin-bottom: 26px;
    }
    .contribute-section .help-card .icon img{ 
        max-width: 69px;
        width: 100%;
        max-height: 69px;
        height: 100%;
    }
    .contribute-section .help-card .name{
        font-size: 16px;
        font-family: "bold";
        color: #fff;
        line-height: 1.5;
    }
    
    .contribute-section .help-card::after{
        position: absolute;
        content: "";
        width: 40px;
        height: 40px;
        background-color: #1A356E;
        border: 3px solid #1A356E;
        bottom:  0;
        left: 50%;
        transform: rotate(-45deg) translateX(-50%);
        transition: all .3s ease;
        border-top: transparent;
        border-right: transparent;
        opacity: 0;
        z-index: -1;
    }
    .contribute-section .active .help-card::after{
        opacity: 1;
        bottom:  -8px;
        background-color: #fff;
        z-index: 1;
    }
    .contribute-section .active .help-card {
        background-color: #fff;
    }
    .contribute-section .active .help-card .name{
        color: #001D35;
    }


    .accordion-item{
        background-color: transparent;
        border: none;
    }
    .help-card-content{
        display: flex;
        gap: 69px;
    }
    .help-card-content .pic{
        position: relative;
        width: 488px;
        min-width: 488px;
        height: 429px;
        overflow: hidden;
    }
    .help-card-content .pic span.img{
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 400px;
        height: 400px;
        background-color: #EBD305;
        border-radius: 50%;
        overflow: hidden;
        z-index: 3;
    }
    .help-card-content .pic span img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .help-card-content .pic::after{
        position: absolute;
        content: "";
        right: 0;
        bottom: 0;
        width: 210px;
        height: 210px;
        background-color: #EBD305;
        border-radius: 50%;
        z-index: 1;
    }
    .help-card-content  .content .title{
        font-size: 18px;
        font-family: "bold";
        color: #EBD305;
        margin-bottom: 16px;
    }
    .help-card-content  .content .sub-title{
        font-size: 35px;
        font-family: "bold";
        color: #001D35;
        margin-bottom: 24px;
    }
    .help-card-content  .content .info{
        font-size: 15px;
        color: #001D35;
        line-height: 1.6;
    }

    /*
        contribute-good
    */

    .contribute-good{
        padding: 66px 0;
        background-color: #fff;
    }
    
    .contribute-good .help-card-content{
        display: flex;
        align-items: center;
        gap: 69px;
    }
    .contribute-good .help-card-content .pic{
        position: relative;
        width: 513px; 
        min-width: 513px; 
        height: 500px;
        overflow: hidden;
    }
    .contribute-good .help-card-content .pic span img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .contribute-good .help-card-content .pic::after{
        display: none;
    } 
    .contribute-good .help-card-content .pic span.img{
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 440px;
        height: 440px;
        background-color: #001d35;
        border-radius: 50%;
        overflow: hidden;
        z-index: 3;
    } 
    .contribute-good .help-card-content .pic span.info{
        position: absolute;
        content: "";
        right: 0;
        bottom: 0;
        width: 310px;
        height: 310px;
        background-color: rgba(0, 29, 53, 0.7);
        border-radius: 50%;
        z-index: 1;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 50px;
        font-size: 24px;
        font-family: "bold";
        text-align: center;
        z-index: 4;
    }
    .contribute-good .help-card-content .pic span.info .text-yellow{
        color: #EBD305;
    }
    .contribute-good .help-card-content .pic span.info a{
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        background-color: #fff;
        color: #001D35;
        width: 80%;
        font-size: 14px;
        padding: .5rem 1rem;
        border-radius: 12px;
        margin-top: 16px;
        transition: all .3s ease;
    } 
    .contribute-good .help-card-content .pic span.info a img{
        width: 38px;
    } 
    .contribute-good .help-card-content .pic span.info a:hover{  
        background-color: #EBD305; 
    } 
    .contribute-good .help-card-content .content .title{
        font-size: 18px;
        font-family: "bold";
        color: #EBD305;
        margin-bottom: 16px;
    }
    .contribute-good .help-card-content .content .sub-title{
        font-size: 35px;
        font-family: "bold";
        color: #001D35;
        margin-bottom: 24px;
    }
    .contribute-good .help-card-content .content .info{
        font-size: 15px;
        color: #001D35;
        line-height: 1.8;
    }

    /*
        join-us-container
    */
    .join-us-container{
        display: flex;
    }
    .join-us-container .join-us-card{
        position: relative;
        max-width: calc(100% / 3);
        width: calc(100% / 3);
        background-color: #1A356E;
        color: #fff;
        overflow: hidden;
        max-height: 462px;
        overflow: hidden;
    }
    .join-us-container .join-us-card .main-pic{
        width: 100%;
        transition: all .3s ease;
    }
    .join-us-container .join-us-card:hover .main-pic{
        transform: scale(1.1);
    } 
    .join-us-container .join-us-card .content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .join-us-container .join-us-card .content .icon,
    .join-us-container .join-us-card .content .title{
        padding-inline-start: 40px;
    }
    .join-us-container .join-us-card .content .icon{
        margin-bottom: 16px;
    }
    .join-us-container .join-us-card .content .title{
        color: #F5DE1D;
        font-size: 24px;
        font-family: "bold";
        margin-bottom: 26px;
    }
    .join-us-container .join-us-card .content .btn-more{
        display: inline-block;
        background-color: #fff;
        padding: 10px;
        border-end-end-radius: 50px;
        border-start-end-radius: 50px;
    }
    .join-us-container .join-us-card .content .btn-more .icon{
        width: 40px;
        height: 40px;
        line-height: 35px;
        display: block;
        border-radius: 50%; 
        background-color: #EBD305;
        margin-inline-start: 86px;
        color: #001D35;
        text-align: center;
        margin-bottom: 0;
        font-size: 30px;
        padding: 0;
        font-family: "bold";
    }
    
    .join-us-container .join-us-card:last-child .content{
        margin: auto;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .join-us-container .join-us-card:last-child .content .title{
    position: relative;
        color: #fff;
        padding: 5%;
        font-size: 24px;
        text-align: center;
        line-height: 2;
        margin-bottom: 0;
    }
    .join-us-container .join-us-card:last-child .content .title::before{
        position: absolute;
        content: "";
        width: 40px;
        height: 38px;
        top: -30px;
        right: -30px;
        background-image: url(../img/q.png);
        background-size: cover;
    }
    [dir="ltr"] .join-us-container .join-us-card:last-child .content .title::before{
        right: auto;
        left: -30px;
        transform: rotateY(-180deg); 
    }
    .join-us-container .join-us-card:not(.send-gift-card):last-child .content .title::before{
        display:none;   
    }
    /*
        aytam-list
    */

    .aytam-list{
        padding: 73px 0;
        background-color: #EEF3FD;
    }
    .aytam-list .section-header{
        margin-bottom: 47px;
    }
    .aytam-list .section-header .title{
        font-size: 18px;
        font-family: "bold";
        color: #EBD305;
        margin-bottom: 18px;
    }
    .aytam-list .section-header .sub-title{
        font-size: 35px;
        font-family: "bold";
        color: #001D35;
        margin-bottom: 0;
    }
    .aytam-list .filters{
        display: flex;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
        margin-bottom: 36px;
        position: relative;
        z-index: 9;
    }
    .aytam-list .filters .btn-submit{
        width: 236px;
        height: 50px;
        padding-top: 0;
        line-height: 40px;
        color: #fff;
        background: #1A356E;
        box-shadow: 0px 13px 74px #2097D336;
        border-radius: 15px;
    }

    .form-check-input{
        width: 20px;
        height: 20px; 
    }
    .form-check-input:checked {
        background-color: #01D48E;
        border-color: #01D48E;
    }
	.country_select{
		width: 216px;
		height: 51px;
		box-shadow: 0px 13px 49px #2097D31F;
		border-radius: 15px;
		color: #000;
		font-weight: bolder;
		margin-right:100px;
	}

    .form-check-label{
        font-family: "bold";
        font-weight: bold;
        color: #000000;
        font-size: 13px;
        margin-inline-start: 1rem;
    }

    .country-box{
        width: 216px;
        height: 51px;
        /* 
        background: #FFFFFF;
        box-shadow: 0px 13px 49px #2097D31F;
        */
        border-radius: 15px;
        display: flex;
        gap: 15px;
        align-items: center;
        justify-content: center;
        font-family: "bold";
        color: #000000;
        font-size: 15px; 
    }
    .dropdown-item.country-box{
        justify-content: flex-start;
    }
    .dropdown-item.country-box:hover{
        background-color: rgb(0, 29, 53, .1);
    }

    .aytam-card-list{
        position: relative;
        margin-bottom: 24px;
        border-radius: 13px;
        overflow: hidden;
        transition: all .3s ease;
    }

    .aytam-card-list:hover{
        transform: translateY(-.5rem);
    }
    .aytam-card-list .pic{
        position: relative; 
    }
    .aytam-card-list .pic{
        width: 100%;
        height: 300px;
        background: #DDE5F6;
        overflow: hidden;
		    
    }
    .aytam-card-list .pic .main-pic{
        width: 100%;
        transition: all .3s ease;
		filter: blur(3px);
    }
	.has_blur{
		filter: blur(3px);
	}
    .aytam-card-list:hover .pic .main-pic{
        transform: scale(1.1);
    }
    .aytam-card-list  .flag{
        position: absolute;
        top: 14px;
        left: 14px; 

        overflow: hidden;
        z-index: 2;
    }
    .aytam-card-list  .flag img{
		object-fit: cover;	
    }
    .aytam-card-list .content{
        padding: 16px; 
        background-color: #fff;
    }
    .aytam-card-list .content .name{
        font-size: 16px;
        font-family: "bold";
        color: #001D35;
        margin-bottom: 10px;
    }
    .aytam-card-list .content .info{
        color: rgb(0, 29, 53, .60); 
        font-size: 14px;
        line-height: 2;
    }
    .aytam-card-list .content .action{
        display: flex;
        gap: 1rem;
        margin-top: 16px;
    }
    .aytam-card-list .content .action .btn{
        max-width: 50%;
        width: 100%;
    }
    .aytam-card-list .content .action .btn-primary{
        background-color: #1A356E ;
        border-radius: 10px;
        font-size: 14px;
    }
    .aytam-card-list .content .action .btn-add-cart{
        background: #F5DE1D24;
        border: 1px solid #F5DE1D;
        color: #1A356E ;
        border-radius: 10px;
        font-size: 14px;
    }
    .btn-more{
        color: #1A356E;
        transition: all .3s ease;
        font-family: "regular";
    }
    .btn-more:hover{
        color: #fff !important;
        background-color: rgb(26, 53, 110) !important;
    }

    /*
        dounation-now
    */

    .dounation-now{
        background-color: #1A356E;
    }
    .dounation-now .row{
        margin: 0;
    }
    .dounation-now .main-pic{
        height: 100%;
    }
    .dounation-now-card {
        padding: 60px 90px;
    }
    .dounation-now-card .title{
        font-size: 18px;
        font-family: "bold";
        color: #EBD305;
        margin-bottom: 10px;
    }
    .dounation-now-card .sub-title{
        font-size: 35px;
        font-family: "bold";
        color: #fff;
        margin-bottom: 24px;
    }
    .dounation-now-card .info{
        font-size: 15px;
        color: #fff;
        margin-bottom: 40px;
		text-align:justify;
    }
    .dounation-now-card .dounation-now-card-form{
        width: 622px;
        min-height: 153px;
        background: #214185;
        border-radius: 13px; 
        padding: 30px;
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 30px;
    }
    .dounation-now-card .dounation-now-card-form .progress-card{
        max-width: 380px;
        width: 100%;
    }
    .dounation-now-card .dounation-now-card-form .progress-card .progress{ 
        overflow: visible;
        width: 100%;
        margin-top: 30px;
        margin-bottom: 1rem;
    }
    .dounation-now-card .dounation-now-card-form .progress-card .progress-bar{
        position: relative;
        border-radius: 22px;
        background-color: #F5DE1D;
        overflow: visible;
    }
    .dounation-now-card .dounation-now-card-form .progress-card .progress-bar::before{
        position: absolute;
        content: attr(data-dounation);
        top: -35px;
        left: 0;
        transform: translateX(-50%);
        font-size: 15px;
        font-family: 'bold';
        color: #F5DE1D;
    }
    .dounation-now-card .dounation-now-card-form .progress-card .progress-bar::after{
        position: absolute;
        content: "\f0d7";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        top: -20px;
        left: 0;
        transform: translateX(-50%);
        font-size: 15px;
        color: #F5DE1D;
    }
    [dir="ltr"] .dounation-now-card .dounation-now-card-form .progress-card .progress-bar::before,
    [dir="ltr"] .dounation-now-card .dounation-now-card-form .progress-card .progress-bar::after{
        left: auto;
        right: 0;
        transform: translateX(50%);
    }
    .dounation-now-card .dounation-now-card-form .progress-card .progress-label{
        color: #fff;
        font-family: "bold";
        font-size: 14px;
    }
    .dounation-now-card .dounation-now-card-form .form-select{
        width: 125px;
        height: 45px;
        background-color: #FFF;
        border: 1px solid #001D3542;
        border-radius: 10px;
        color: #1A356E;
        font-size: 17px;
        font-family: "bold";
        text-align: center;
        margin-bottom: 1rem;
    }
    .dounation-now-card .dounation-now-card-form .btn{
        background: #F5DE1D;
        border: 1px solid #001D3542;
        color: #1A356E;
        min-width: 120px;
        border-radius: 10px;
        line-height: 40px;
        transition: all .3s ease;
    }

    /*
        projects
    */

    .projects{
        padding: 64px 0;
        background-color: #fff;
    }
    .projects .section-header{
        max-width: 500px;
        margin: auto;
        text-align: center;
        margin-bottom: 26px;
    }
    .projects .section-header .title{
        color: #EBD305;
        font-family: "bold";
        font-size: 18px;
        margin-bottom: 18px;
    }
    .projects .section-header .sub-title{
        color: #001D35;
        font-family: "bold";
        font-size: 35px; 
        line-height: 1.8;
        margin-bottom: 18px;
        margin-bottom: 40px;
    }
    .projects .section-header hr{
        width: 52px;
        height: 4px; 
        margin: auto;
        background: #F5DE1d;
        border-radius: 50px;
        border: none;
    }
    .projects .owl-item{
        padding: 5px;
    }
    .projects .custom-card{
        position: relative;
        margin-bottom: 24px;
        border-radius: 13px;
        overflow: hidden; 
        box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
        /*box-shadow: 0px 10px 80px #2929291A;*/
    }
    .projects .custom-card .pic{
        position: relative;
        max-height: 217px;
        overflow: hidden;
    }
    .projects .custom-card .pic img{
        width: 100%;
        height: 100%;
        object-fit: cover;
            max-height: 176px
    }
    .projects .custom-card .content{
        padding: 2rem;
        background-color: #fff;
    }
    .projects .custom-card .content .title{
        font-family: "bold";
        font-size: 16px;
        color: #001D35;
        margin-bottom: 1rem;
    }
    .projects .custom-card .content .info{
        font-size: 14px;
        color: rgb(0, 29, 54, .60);
    }
    .projects .custom-card .content .min-dounation{
        display: block;
        font-size: 14px;
        font-family: "bold";
        color: #1A356E;
        margin-bottom: 2rem;
    }
    .projects .custom-card .progress-card .progress{ 
        overflow: visible;
        width: 100%;
        margin-top: 40px;
        margin-bottom: 1rem;
        background-color: #F5F5F5;
    }
    .projects .custom-card .progress-card .progress-bar{
        position: relative;
        border-radius: 22px;
        background-color: #27AE60;
        overflow: visible;
    }
    .projects .custom-card .progress-card .progress-bar::before{
        position: absolute;
		content: attr(data-dounation);
		top: -39px;
		left: 0;
		transform: translateX(-50%);
		font-size: 15px;
		font-family: 'bold';
		color: #fff;
		background: #27AE60;
		border-radius: 5px;
		padding: 3px;
    }
    .projects .custom-card .progress-card .progress-bar::after{
        position: absolute;
        content: "\f0d7";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        top: -20px;
        left: 0;
        transform: translateX(-50%);
        font-size: 15px;
        color: #27AE60;
    }
    [dir="ltr"] .projects .custom-card .progress-card .progress-bar::before,
    [dir="ltr"] .projects .custom-card .progress-card .progress-bar::after{
        left: auto;
        right: 0;
        transform: translateX(50%);
    }
    .projects .custom-card .progress-card .progress-label{
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #1A356E;
        font-family: "bold";
        font-size: 14px;
        margin-bottom: 30px;
    }
    .projects .custom-card .content .btn{
        font-size: 16px;
        font-family: "bold";
        color: #fff;
     
        height: 50px;
        background: #1A356E;
        border-radius: 5px;
    }
	.inline_currency_id{
		  -webkit-appearance: none;
		  -moz-appearance: none;
		  appearance: none;
	}
	
	.projects 	.inline_currency_id
	{
		background-color: #1A356E;
		color: #fff;
		width: 40px;
		justify-content: center;
		padding: 0;
		border: none;
		border-radius: 10px;
		
	}
	.owl-rtl 	.inline_currency_id{
		border-top-left-radius: 10px !important;
		border-bottom-left-radius: 10px !important;
	}
	.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
		border-top-left-radius: 5px !important; 
     border-bottom-left-radius: 5px !important; 
	}
	#owl-projects_inner .owl-stage{
		margin:auto;
	}
	#owl-projects_inner .yatem-project-card {
		height: 100%;
		border: 1px solid #f1f1f1;
		padding-bottom: 40px;
	}
	#owl-projects_inner .describtion{
		    padding: 20px;
			text-align:justify;
	}
	#owl-projects_inner .input-group {
		bottom: 20px;
		position: absolute;
		width: 90%;
		left: 5%;
	}
	#owl-projects_inner .fast_donation{
		    background: #1A356E;
			height:50px;
			color:#fff;
	}
	
    .owl-theme .owl-nav{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% + 140px);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .owl-theme .owl-nav button{
        width: 43px;
        height: 43px;
        border-radius: 50% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s ease;
        font-size: 20px;
        border: 1px solid #1a356e2b !important;
    }
    [dir="ltr"] .owl-theme .owl-nav button{ 
        transform: scale(-1);
    }
    .owl-theme .owl-nav button:hover{
        background: #F5DE1D !important;
        border: 1px solid #F5DE1D;
        color: #1A356E !important;
    }
    .owl-theme .owl-dots{
        margin-top: 30px;
    }
    .owl-theme .owl-dots .owl-dot span{
        transition: all .3s ease;
        background: #ddd;
    }
    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #F5DE1D;
        width: 16px;
        height: 16px;
    }

    /*
        video-section
    */

    section.video{
        position: relative;
        background-color: #001d35;
        background-image: url(../img/header.png);
        background-size: cover;
        min-height: 477px;
        display: flex;
        align-items: center;
        justify-content: center;
    } 
    section.video.is-lock{
        pointer-events: none;
    } 
    section.video.is-lock::after{
        position: absolute;
        content: "";
        top: 50px;
        left: 50px;
        background-image: url(../img/lock.svg);
        background-repeat: no-repeat;
        width: 26px;
        height: 55px;
        z-index: 2;
    }
    [dir="ltr"] section.video.is-lock::after{
        left: auto;
        right: 50px;
    }
    section.video.is-lock::before{
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
    } 
    section.video::before{
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; 
        background: transparent linear-gradient(180deg, #1A356E 0%, #0D1B37 100%) 0% 0%;
        opacity: 0.53;
    }
    .video-card{
        position: relative;
        max-width: 402px;
        margin: auto;
        z-index: 1;
        text-align: center;
    }
    .video-card .title{
        color: #EBD305;
        font-family: "bold";
        font-size: 18px;
        margin-bottom: 18px;
    }
    .video-card .sub-title{
        color: #fff;
        font-family: "bold";
        font-size: 35px; 
        line-height: 1.8;
        margin-bottom: 18px;
        margin-bottom: 40px;
    }
    .video-card .btn-video{
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background-color: #fff;
        color: #EBD305;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
    }

    .video-list .owl-theme .owl-nav{
        width: 90%;
    }
    .video-list .owl-theme .owl-nav .disabled{
        visibility: hidden;
    }
    .video-list .owl-theme .owl-nav button{
        background: #fff !important;
        border: 1px solid #fff !important;
        color: #1A356E !important;
    }
    .video-box{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }
    .video-box.is-lock{
        pointer-events: none;
    }
    .video-box.is-lock::after{
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-image: url(../img/lock.svg);
        background-repeat: no-repeat;
        width: 26px;
        height: 55px;
        z-index: 2;
    }
    .video-box.is-lock::before{
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(2px);
    }  
    .video-box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }
    /*
        counters-section
    */

    .counters-section{
        background: #EEF3FD;
        padding: 60px 0 120px;
    }
    
    .counters-section .section-header{
        max-width: 500px; 
        margin-bottom: 40px;
    }
    .counters-section .section-header .title{
        color: #EBD305;
        font-family: "bold";
        font-size: 18px;
        margin-bottom: 18px;
    }
    .counters-section .section-header .sub-title{
        color: #001D35;
        font-family: "bold";
        font-size: 35px; 
        line-height: 1.8;
        margin-bottom: 18px;
        margin-bottom: 0;
    }
    .counters-section .counters-container{
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        min-height: 200px;
        border-radius: 10px;
        overflow: hidden;
        background: #FFFFFF;
        box-shadow: 0px 10px 80px #2929291A;
        background-image: url(../img/pattern.png);
        background-size: cover;
    }
    .counters-section .counters-container::before{
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: #ffffff;
        opacity: .75;

    }
    .counters-section .counters-container .counter-card{
        position: relative;
        z-index: 2;
        max-width: calc(100% / 4);
        width: 100%;
        text-align: center;
    }
    .counters-section .counters-container .counter-card .counter{
        direction: ltr;
        font-size: 54px;
        font-family: 'Poppins', sans-serif;
        font-weight: 800;
        letter-spacing: 0px;
        color: #F5DE1D;
    }
    .counters-section .counters-container .counter-card hr{
        width: 52px;
        height: 2px;
        background: #1A356E;
        border-radius: 50px;
        margin: auto;
        margin-bottom: 10px;
        opacity: 1;
        border: none;
    }
    .counters-section .counters-container .counter-card .title{ 
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0px;
        color: #001D35;
    }

    footer{
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 130px;
        background: #001D35; 
    }

    .dontation-main-box{
        max-width: 722px;
        width: 100%;
        min-height: 185px;
        background: #DDE5F6;
        padding: 27px 33px;
        border-radius: 13px;
    }
	.iti__country-name{
		color:#000;
	}
	@media (min-width: 1024px) {
		.yatem-list-info .dontation-main-box{
			width: 70%;
		}
	}
	@media (max-width: 1023px) {
		.yatem-list-info .dontation-main-box{
			padding: 27px 20px;
		}
		.inline_currency_id{
		    min-width:40px !important;
		    padding:0px 10px !important;
		    text-align: -webkit-center !important;

		}
	}
	.kafala_currency{
		    width: 29px;
    background: #F5DE1D;
    height: 43px;
    border: none;
    margin-top: 1px;
    line-height: 39px;
    text-align: center;
    font-weight: bold;
	}
    .count-card{
        display: flex;
        align-items: center;
        margin: auto;
        max-width: 162px;
        background-color: #fff;
        border-radius: 15px;
        justify-content: space-between;
        padding: 8px 6px;
        margin-top: 20px;
        margin-bottom: 10px;
    } 
    .count-card .counter-value {
        min-width: 45px;
        border-radius: 0px !important;
        text-align: center;
        border: none;
        pointer-events: none;
        font-family: "bold";
        font-size: 16px;
        color: #001D35;
    }
    .count-card .btn-count {
        min-width: 30px;
        width: 30px;
        height: 30px;
        background: #F5DE1D;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        transition: all .3s ease;
    }
    .count-card .btn-count:hover,
    .count-card .btn-count:focus{ 
        background: #12203F; 
        color: #fff;
    }
    .count-hint{
        font-size: 12px;
        color: #12203F;
        font-family: 'bold';
    }

    .dontation-main-box{
        margin-top: 50px;
    }
    .dontation-main-box .form-label{
        font-family: "bold";
        margin-bottom: 16px;
    }
    .dontation-main-box .form-check-label{
        font-family: "light";
        margin-inline-start: .5rem
    }

    .dontation-main-box .dontation-cost{
        background-color: #fff;
        min-width: 120px;
        width: 120px;
        height: 45px;
        border-radius: 10px;
        font-size: 20px;
        color: #1A356E;
        font-family: "bold";
        margin-bottom: 14px;
        text-align: center;
    }
    .dontation-main-box .btn-dounation{
        min-width: 111px;
        height: 52px;
		vertical-align: bottom;
        background: #F5DE1D;
        border-radius: 10px;
        transition: all .3s ease;
		color:rgb(26, 53, 110);
    }
    .dontation-main-box .btn-dounation:hover{
        color: #fff;
        background-color: #1A356E;
    }

    /*
        dounation-modal
    */

    .modal:not(#payment):not(#request)  .modal-dialog{
        max-width: 1088px;
    }
    .modal .modal-content{
        padding: 20px 0px !important;
    }
    .modal .section-header .title{
        font-size: 20px;
        font-family: "bold";
        color: #EBD305;
    }
    .modal .section-header .sub-title{
        font-size: 35px;
        font-family: "bold";
        color: #001D35;
    }
    .modal .dontation-main-box{
        max-width: 100%;
        background-color: #214185;
        color: #fff;
    } 
    .modal .dontation-main-box .form-check-label{ 
        color: #fff;
    }
    
    .modal .dontation-main-box .count-hint{
        opacity: .50;
        color: #fff;
    }
    .modal .btn-close{
        all: unset;
        position: absolute;
        top: -15px;
        left: -15px;
        z-index: 1; 
        cursor: pointer;
    }
    [dir="ltr"] .modal .btn-close{
        left: auto;
        right: -15px;
    }

    /*
        donation-now-label
    */
    .donation-now-label{
        position: fixed;
        top: 60%;
        right: 0;
        display: flex;
        align-items: flex-end;
        z-index: 5;
    }
    [dir="ltr"] .donation-now-label{
        right: auto;
        left: 0;
    }
    
    .donation-now-label .content{
        width: 43px;
        height: 228px;
        position: relative;
        display: block;
        z-index: 2;
        cursor: pointer;
        background: #001D35;
        box-shadow: 0px 8px 14px #4872CA38; 
        border-start-end-radius: 45px;
        border-end-end-radius: 45px;
        transition: all .3s ease;
    }
    .donation-now-label .content .title{
        writing-mode: vertical-rl;
        transform: rotate(-180deg);
        margin-top: 50px;
        margin-bottom: 30px;
        margin-block-start: 10px;
        color: #EBD305;
        font-size: 20px;
        font-family: "bold";
    }
    [dir="ltr"] .donation-now-label .content .title { 
        margin-block-end: 3px;
    }
    .donation-now-label .content .shap{ 
        display: inline-block;
        background-color: #fff;
        padding: 10px;
        border-end-end-radius: 50px;
        border-start-end-radius: 50px;
        padding-inline-start: 20px; 
        transition: all .3s ease;
    }
    .donation-now-label .content .shap .icon{
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #EBD305;
        transition: all .3s ease;
    }
    .donation-now-label .content .hand-holding-heart{
        font-size: 50px;
        display: none;
        color: #EBD305;
    }
    .donation-now-label .dontation-main-box{
        position: fixed;
        right: -100%;
        transition: all .3s ease;
        margin-top: 0;
        background-color: #214185;
        color: #fff;
        padding: 1rem 2rem;
        padding-inline-start: 100px;
    }
    .donation-now-label .dontation-main-box .form-check-label { 
        color: #fff; 
        font-size: 14px;
    }
    .donation-now-label .dontation-main-box .count-hint { 
        color: rgba(255, 255, 255, 0.5);
        margin-bottom: 0;
    }
    [dir="ltr"] .donation-now-label .dontation-main-box{
        right: auto;
        left: -100%;
    }

     
    .donation-now-label.active .content{
        width: 169px;
    }
    .donation-now-label.active .content .title{
        writing-mode: inherit;
        text-align: center;
        margin-top: 2rem;
        transform: none;
        margin-bottom: 0;
    }
    .donation-now-label.active .content .pic{
        display: block;
        margin: auto;
    }
    .donation-now-label.active .content .shap{
        padding-inline-start: 100px;
    }
    .donation-now-label.active .content .hand-holding-heart{
        display: block;
        margin: 1rem 0;
        text-align: center;
    }
    .donation-now-label.active .dontation-main-box{ 
        right: 100px;
    }
    [dir="ltr"] .donation-now-label.active .dontation-main-box{
        right: auto;
        left: 100px;
    }

    /*
        min-header
    */

    .min-header{
        min-height: 120px;
        height: 120px;
    }
    .min-header .breadcrumb .breadcrumb-item+.breadcrumb-item::before{
        color: #fff;
    }
    .min-header .breadcrumb-item,
    .min-header .breadcrumb-item.active{
        font-size: 20px;
        font-family: "bold";
        color: #fff;
    }

    .yatem-details-seaction{
        background-color: #1A4EAF;
        padding: 70px 0 110px;
    }
    .yatem-details-card{
        background-color: #fff;
        border-radius: 20px;
        width: 100%;
        padding: 40px 90px;
    }
    
    .yatem-card{
        display: flex;
        gap: 30px;
        margin-bottom: 40px;
    }
    .yatem-card .pic{
        position: relative;
        z-index: 2;
        min-width: 165px;
        width: 165px;
        height: 165px;
        border-radius: 138px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 5px solid #F5DE1D;
        margin-top: -70px;
    }
    .yatem-card .pic.lock:before{
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(2px);
    }
    .yatem-card .pic img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .yatem-card .content{
        width: 100%;
    }
    .yatem-card .content .name{
        color: #001D35;
        font-size: 20px;
        font-family: "bold";
        margin-bottom: 16px;
    }
    .yatem-card .content .info{
        color: #001D35;
        font-size: 15px;
        margin-bottom: 16px;
    }

    .yatem-list-info{
        display: flex;
        gap: 2rem;
        justify-content: space-between;
        padding-inline-start: 120px;
    }
    .yatem-list-info .nav-yatem-list-info li{
        font-size: 15px;
        font-family: "bold";
        color: #001D35;
        padding: .5rem 0;
        display: block;
    }
	.yatem-list-info .nav-yatem-list-info.flex-row li{
		 padding: 0.5rem .3rem !important;
	}
	.kafala_btn{
		    background: #F5DE1D;
    border: none;
    border-radius: 0px;
    line-height: 40px;
    transition: all .3s ease;
    color: #1A356E;
    font-weight: bold;
	}
	.my_orphan_detail{
		padding: 20px;
		background: #DDE5F6;
		border-radius: 20px;
		font-weight: bold;
	}
	.my_orphan_detail .flex-row{
		justify-content: space-evenly;
	}
	.kafala_option li{
		margin:5px 0;
	}
	.benfit-card .nav-benfit .benfit-box .title{
		text-align:center;
	}
	.image_orphan_list .owl-stage{
			margin:auto;
	}
    @media (min-width: 1024px) {
     
        .yatem-list-info  .dontation-main-box {
            margin-top: 0;
            background-color: #214185;
        }
        .yatem-list-info  .dontation-main-box .form-label,
        .yatem-list-info  .dontation-main-box .form-check-label{
            color: #fff;
        }
        .yatem-list-info  .dontation-main-box .count-hint{
            color: rgb(255, 255, 255, .5);
        }   
    }

    .yatem-details-card{
        position: relative;
    }
    .yatem-details-card::before{
        position: absolute;
        content: "";
        top: 0;
        right: 172px;
        width: 5px;
        height: 100%;
        background-color: #F5DE1D;
        z-index: 1;
    }
    [dir="ltr"] .yatem-details-card::before{
        right: auto;
        left: 172px;
    }

    .benfit-card{
        margin-top: 40px;
        display: flex;
        gap: 2rem;
        padding-inline-start: 120px;
        margin-bottom: -90px;
    }
    .benfit-card .title{
        font-family: "bold";
        font-size: 20px;
        color: #001D35;
        margin-bottom: 1rem;
    }
    .benfit-card .nav-benfit{
        gap: 30px;
    }
    .benfit-card .nav-benfit .benfit-box{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 121px;
        height: 121px;
        background: #F5DE1D;
        border-radius: 50%;
    }
    .benfit-card .nav-benfit .benfit-box .title{
        margin-top: 5px;
        font-size: 15px;
        font-family: "bold";
        color: #001D35;
    }


    /*
        yatem-project
    */

    .yatem-project{
        padding: 60px 0;
    }
    .yatem-project .section-header {
        display: flex; 
        justify-content: space-between;
        gap: 1rem;
    }
    .yatem-project .section-header .content{
        max-width: 572px;
        width: 100%;
        text-align: center;
    }
    .yatem-project .section-header .content .title{
        font-size: 18px;
        font-family: "bold";
        color: #EBD305;
        margin-bottom: 16px;
    }
    .yatem-project .section-header .content .sub-title{
        font-size: 35px;
        font-family: "bold";
        color: #001D35;
        margin-bottom: 16px;
    }
    .yatem-project .section-header .content .info{
        font-size: 14px;
        line-height: 1.8;
        color: #001D35;
        margin-bottom: 28px;
    }
    
    /*
        yatem-project-card
    */

    .yatem-project-card{
        border-radius: 20px;
        overflow: hidden;
        margin-bottom: 24px;
    }
    .yatem-project-card .pic{
        position: relative;
        width: 100%;
        height: 171px;
        overflow: hidden;
    }
    .yatem-project-card .pic img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s ease;
    }
    .yatem-project-card:hover .pic img{
        transform: scale(1.1);
    }
    .yatem-project-card .pic .price{
        position: absolute;
        top: 16px;
        left: 30px;
        padding: 1rem;
        background-color: #fff;
        color: #12203F;
        font-size: 16px;
        font-family: "bold";
        border-radius: 14px;
        z-index: 1;
        transition: all .3s ease;
    }
    .yatem-project-card:hover .pic .price{ 
        color: #fff;
        background-color: #12203F;
    }
    .yatem-project-card .content{
        background: #12203F;
        color: #fff;
        padding: 30px;
    }
    .yatem-project-card .content .title{
        color: #FFFFFF;
        font-size: 16px;
        font-family: "bold";
        text-align: center;
    }
    .donation-card-sm{ 
        margin: 1rem auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2rem;
        max-width: 564px;
        width: 100%;
        background: #F7FAFF;
        border: 3px solid #F5DE1D;
        border-radius: 20px;
        font-family: "bold";
        font-size: 16px;
        padding: 20px 30px;
    }
    .donation-card-sm .form-label{ 
        font-family: "bold";
        font-size: 16px;
        margin-bottom: 0;
    }
    .donation-card-sm .form-control{ 
        width: 125px;
        height: 45px;
        background-color: #FFFFFF;
        text-align: center;
        border: 1px solid #001D3542;
        border-radius: 10px;
    }
    .donation-card-sm .btn{
        width: 161px;
        height: 45px;
        background: #F5DE1D;
        border: 1px solid #001D3542;
        border-radius: 10px;
    }
    
    /*
        yatem-health-section
    */
    
    .yatem-health-section{
        position: relative;
        background: #F5DE1D;
        padding: 70px 0;
    }
    .yatem-health-section::before{
        position: absolute;
        content: "";
        width: 88px;
        height: 88px;
        background-image: url(../img/health-bag.svg);
        background-repeat: no-repeat;
        top: 107px;
        right: 153px;
    }
    .yatem-health-section::after{
        position: absolute;
        content: "";
        width: 107px;
        height: 95px;
        background-image: url(../img/health-heart.svg);
        background-repeat: no-repeat;
        bottom: 74px;
        left: 153px;
    }
    .yatem-health-section::before{
        left: auto;
        right: 153px;
    } 
    .yatem-health-section::after{
        right: auto;
        left: 153px;
    }
    .yatem-health-section .section-header {
        display: flex; 
        justify-content: center;
        gap: 1rem;
        text-align: center;
        margin: auto;
        margin-bottom: 70px;
    } 
    .yatem-health-section .section-header .title{
        font-size: 18px;
        font-family: "bold";
        color: #001D35;
        margin-bottom: 16px;
    }
    .yatem-health-section .section-header .sub-title{
        font-size: 35px;
        font-family: "bold";
        color: #001D35;
        margin-bottom: 36px;
    }
    .yatem-health-section .section-header .btn{
        width: 172px;
        height: 45px;
        font-size: 20px;
        font-family: "bold";
        background-color: #1A356E;
        color: #fff;
        margin-bottom: 40px;
    } 
    .yatem-health-card{
        display: block;
        position: relative;
        padding-inline-start: 40px;
        font-size: 15px;
        color: #001D35;
        line-height: 2;
        margin-bottom: 30px;
    }
    .yatem-health-card::before{
        position: absolute;
        content: "\f00c";
        right: 0;
        font-family: "font awesome 5 free";
        font-weight: 900;
        background-color: #fff;
        color: #1A356E;
        width: 27px;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 3px solid #341C77;
    }
    [dir="ltr"] .yatem-health-card::before{
        right: auto;
        left: 0;
    }

    /*
        yatem-contact-section
    */
    
    .yatem-contact-section{
        padding: 70px 0;
        background-color: #F3F6FF ;
    }
    .yatem-contact-section .section-header{
        padding-bottom: 40px;
        text-align: center;
    }
    .yatem-contact-section .section-header .title{
        font-size: 18px;
        font-family: "bold";
        color: #EBD305;
        margin-bottom: 16px;
    }
    .yatem-contact-section .section-header .sub-title{
        font-size: 35px;
        font-family: "bold";
        color: #001D35;
        margin-bottom: 36px;
    }
    .yatem-contact-box{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 60px;
    }
    .yatem-contact-card{ 
        width: 233px;
        height: 232px;
        background: #1A356E ;
        border-radius: 53px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #fff;
        padding: 2rem;
        transition: all .3s ease;
    }
    .yatem-contact-card:hover{ 
        transform: translateY(-.5rem);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
    }
    .yatem-contact-card .icon{
        width: 53px;
        height: 53px;
        overflow: hidden;
        margin-bottom: 24px;
    }
    .yatem-contact-card .icon img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .yatem-contact-card .title{
        line-height: 1.8;
        font-size: 16px;
        font-family: "bold";
        color: #fff;
    }

    .profile-header{
        background-image: none;
        background-color: #21334B;
        min-height: 204px;
    }
    .profile-header {
        text-align: center;
    }
    .profile-header .title{
        font-size: 20px;
        font-family: "bold";
        margin-bottom: 1rem;
        color: #fff;
    }
    .profile-header .title span{
        color: #F5DE1D;
    }
    .profile-header .link{
        color: #F5DE1D;
        font-size: 14px;
        text-decoration: underline;
    }
	[dir="rtl"] .sponsored-list .list{
		    direction: ltr;
	}
    .sponsored-list{
        color: #fff;
        background: #2765D8; 
		    height: 100%;
    }
    .sponsored-list .head{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 2rem 1rem;
    }
    .sponsored-list .head .title{
        font-size: 20px;
        color: #fff;
        font-family: "bold";
    }
    .sponsored-list .head .btn{
        width: 54px;
        height: 50px;
        background: #F5DE1D;
    }
    .sponsored-list .list{
        height: 710px;
        overflow-y: scroll;
        scrollbar-color:  #2154B3 transparent;
        scrollbar-width: thin;
    }
   
	
    .sponsored-list ::-webkit-scrollbar {
        width: 5px;
    }
    .sponsored-list ::-webkit-scrollbar-track {	
        background: #2154B3;	
        width: 5px;	
    }	
    .sponsored-list ::-webkit-scrollbar-thumb {	
        background: #FFFFFF;	
        border-radius: 5px;	
        width: 15px;	
    }	
    .sponsored-section .table-responsive::-webkit-scrollbar {	
        width: 5px; 	
    }	
    .sponsored-section .table-responsive::-webkit-scrollbar-track {	
        background: #D6DFF0 ;	
        width: 5px;	
    }	
    .sponsored-section .table-responsive::-webkit-scrollbar-thumb {	
        background: #2154B3;	
        border-radius: 5px;	
        width: 15px;	
    }	
    	
    .sponsored-list .list .nav{	
        direction: rtl;	
    }	
    	
    [dir="ltr"]  .sponsored-list .list{	
           	
        direction: rtl;	
    }	
    [dir="ltr"] .sponsored-list .list .nav{	
        direction: ltr;	
    } 	
    .sponsored-section .table-responsive { 	
      overflow:auto;
    }	
	.payment_table th{
		text-align:right !important;
	}
    .sponsored-section{	
        background: linear-gradient(to right, white 75%, #2765D8 25%);	
    }	
    [dir="ltr"] .sponsored-section{	
        background: linear-gradient(to left, white 75%, #2765D8 25%);	
    } 	
    .sponsored-section .accordion-body{	
        background-color: #fff;	
    }
    .sponsored-list .list .nav-link{
        all: unset;
    }
    .sponsored-list .list .yatem-box-list{
        position: relative;
        display: flex;
        align-items: center;
        margin-bottom: 1rem;
        cursor: pointer;
    }
    .sponsored-list .list .yatem-box-list .pic{
        position: relative;
        min-width: 75px;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        overflow: hidden;
        border: 5px solid #224590;
        z-index: 2;
        transition: all 0.2s ease;
    }
    .sponsored-list .list .yatem-box-list span.badge{
        width: 22px;
        height: 22px;
        border-radius: 50%;
        border: 2px solid #fff;
        background-color: #F5AD1D;
        display: flex;
        align-items: center;
        justify-content: center; 
        transform: none;
        top: 0;
        right: 55px;
        font-size: 12px;
        z-index: 33;
    }
    [dir="ltr"] .sponsored-list .list .yatem-box-list span.badge{
        right: auto;
        left: 0;
    }
    .sponsored-list .list .active  .yatem-box-list span.badge{
        right: 65px;
    }
    [dir="ltr"] .sponsored-list .list .active .yatem-box-list span.badge{
        right: auto;
        left: 0;
    }
    .sponsored-list .list .yatem-box-list span.badge-green{
        background-color: #2ECC71;
    }
    .sponsored-list .list .yatem-box-list span.badge-red{
        background-color: #2ECC71;
    }
    .sponsored-list .list .yatem-box-list .pic img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.2s ease;
        object-position: top;
    }
    .sponsored-list .list .yatem-box-list .name{
        font-size: 16px;
        font-family: "bold";
        color: #fff;
        background-color:#2154B3;
        width: 100%;
        height: 52px;
        padding: 1rem;
        padding-inline-start: 35px;
        margin-inline-start: -2rem;
    }
    .sponsored-list .list .yatem-box-list .icon-angle{
        min-width: 52px;
        width: 52px;
        height: 52px;
        background-color: #224590;
        color: #fff;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: all 0.2s ease;
    }
    .sponsored-list .list .active .yatem-box-list .pic{ 
        min-width: 95px;
        width: 95px;
        height: 95px; 
        border: 5px solid #F5DE1D; 
    }
    .sponsored-list .list .active .yatem-box-list .icon-angle{
        min-width: 72px;
        width: 72px;
        height: 52px;
        background-color: #F5DE1D;
    }
    [dir="ltr"] .sponsored-list .list .yatem-box-list .icon-angle{
        transform: scale(-1);
    }

    .sponsored-section .yatem-nav-tabs .nav-tabs{
        display: flex;
        background: #1A4EAF;
        border: none;
    }
	.more_menu_parent{
		position:relative;
	}
    .sponsored-section .yatem-nav-tabs .nav-tabs .nav-item{
        max-width: calc(100% / 5);
        width: 100%;
    }
	.yatem-payments{
		position:relative;
	}
	.slider_shape_2 {
		height: 73px;
		width: 100%;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: -40px;
		left: 0;
		z-index: 5;
	}
	.gift_icon{
		display:block;
		margin:20px auto;
	}
	.health_icon{
		display:block;
		margin:5px auto;
	}
	.has_no_orphan   .yatem-nav-tabs .nav-tabs .nav-item{
		max-width: calc(100% / 8);
	}
	.has_no_orphan .container {
		max-width:100%;
	}
	.sponsored-section.has_no_orphan  {
		background:#EEF3FD !important;
		padding:0px !important;
	}
	.table_header{
		background-color: #1A4EAF ;
		color: #fff;
		
	}
	.table_header th{
		border-bottom: 5px solid #F5DE1D;
	}
	.table_title_header{
		text-align: center;
    font-size: 29px !important;
    font-weight: bold;
    padding: 20px;
	}
	.border-dashed {
		border-style: dashed!important;
	}
	.border-gray-300 {
		border-color: #DBDFE9 !important;
	}
	.text-success {
		color: #50cd89 !important;
	}
	.text-primary {
		color: #3E97FF !important;
	}
	.btn.btn-bg-light {
		border-color: #F9F9F9;
		background-color: #F9F9F9;
	}
	.btn-group-sm>.btn.btn-icon, .btn.btn-icon.btn-sm {
		    line-height: 5px;
    height: 35px;
	}
	.recuring_option ul{
		    padding: 0.5rem;
			border: 2px solid #F5DE1D;
	}
	.text-gray-900 {
		color:  #071437 !important;
	}
	.fs-2hx {
		font-size: calc(1.375rem + 1.5vw)!important;
	}
	@media (min-width: 1200px){
		.fs-2hx {
			font-size: 2.5rem!important;
		}
	}
	.fw-bold {
		font-weight: 600!important;
	}
	.more_menu_parent .more_menu{
		    position: absolute;
			top: 88px;
			left: 0px;
			z-index: 10000;
			background: #1A4EAF;
			text-align: center;
			padding-right: 0px;
			width: 100%;
			list-style:none;
	}
	.more_menu_parent .more_menu li{
		max-width:100% !important;
		
	}
	.more_menu_parent .more_menu li .nav-link{
		font-size:14px !important
	}
	.more_menu_parent:hover .more_menu{
	
		display:block !important;
	}
	
	.sponsored-section .yatem-nav-tabs #myTab .nav-item{
		max-width: 100%;
	}
	
    .sponsored-section .yatem-nav-tabs .nav-tabs .nav-link{
        width: 100%;
        height: 89px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-family: "bold";
        border-radius: 0;
        color: #fff;
		padding:0px 5px;
        border: none !important;
        border-bottom: 5px solid #1A4EAF !important;
    }
    .sponsored-section .yatem-nav-tabs .nav-tabs .nav-link span.badge{
        width: 22px;
        height: 22px;
        border-radius: 50%;
        border: 2px solid #fff;
        background-color: #F5AD1D ;
        display: flex;
        align-items: center;
        justify-content: center; 
        transform: none;
        top: -15px;
        left: -15px;
        font-size: 12px;
    }
    [dir="ltr"] .sponsored-section .yatem-nav-tabs .nav-tabs .nav-link span.badge{
        left: auto;
        right: -15px;
    }
    .sponsored-section .yatem-nav-tabs .nav-tabs .nav-link.active ,
    .sponsored-section .yatem-nav-tabs .nav-tabs .nav-link:hover{
        background: rgb(26, 53, 110, .35);
        border-bottom: 5px solid #F5DE1D !important;
    }
    
	.btn-sponsore-more{	
        width: 267px;	
        height: 45px;	
        background: #F5DE1D;	
        border: 1px solid #001D3542;	
        margin: 1rem auto;	
    }
    .yatem-about-card{
        padding: 2rem;
    }
    .yatem-about-card .name{
        font-size: 18px;
        font-family: "bold";
        color: #001D35;
        margin-bottom: 24px;
    }
    .yatem-about-card .name .badge{
        font-size: 14px;
        padding: .5rem 1rem;
        font-family: "regular";
        font-weight: 400;
    }
    .yatem-about-card .info{
        line-height: 1.8;
        font-size: 14px; 
        font-family: "regular";
        color: #001D35;
        margin-bottom: 24px;
    }
    .yatem-about-card .nav-yatem-list-info{
        max-width: 500px;
        gap: 1rem;
        margin-bottom: 40px;
    }
    .yatem-about-card .nav-yatem-list-info li{
        display: inline-block;
        line-height: 1.8;
        font-size: 16px; 
        font-family: "bold";
        color: #001D35; 
    }
    .yatem-about-card .yatem-gallery-pic .head{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 24px;
        gap: 20px;
    }
    .yatem-about-card .yatem-gallery-pic .head .title{
        font-size: 20px;
        font-family: "bold";
        color: #001D35;
    }
    .yatem-about-card .yatem-gallery-pic .head .btn{
        min-width: 140px;
        height: 41px;
        line-height: 39px;
        background: #F5DE1D 0% 0% no-repeat padding-box;
        border: 1px solid #001D3542;
        border-radius: 10px;
        font-size: 14px;
    }
    .yatem-about-card .yatem-gallery-pic .body{
       
        align-items: center;
        flex-wrap: wrap;
    }
	.owl-carousel .owl-item img {
		width: 100% !important;
		border-radius: 5px;
	
	}
	.sponsored-list .list .yatem-box-list .name{
		font-size:1vw;
		overflow:hidden;
	}
	/*
    .yatem-about-card .yatem-gallery-pic .body{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px;
    }
    .yatem-about-card .yatem-gallery-pic .body .gallery-pic-box{
        width: 240px;
        height: 240px; 
        border: 1px solid #E2E2E2;
    }
	*/
    .yatem-about-card .yatem-gallery-pic .body .gallery-pic-box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .yatem-payments{
        padding: 2rem;
    }
    .yatem-payments .payment-container{
        display: flex; 
        gap: 30px;
        margin-bottom: 40px;
    }
    .yatem-payments .payment-container .payment-card{
        padding: 2rem; 
        min-width: 274px;
        height: 100%;
        min-height: 119px;
        background: #EBEFF7;
        border-radius: 25px;
    }
    .yatem-payments .payment-container .payment-card .title{
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 18px;
        font-family: "bold";
        color: #001D35;
        margin-bottom: 10px;
    }
    .yatem-payments .payment-container .payment-card .title a{ 
        color: #001D35; 
    }
    .yatem-payments .payment-container .payment-card .total{ 
        font-size: 38px;
        font-family: "bold";
        color: #1A356E;
        margin-bottom: 10px;
        margin-bottom: 0;
    }
    .yatem-payments .payment-container .payment-card .payment-card-number{ 
        font-size: 20px; 
        color: #85899F;
        margin-bottom: 10px; 
        direction: ltr;
        text-align: center;
        margin-top: 30px;
    }
    
    .yatem-payments .payment-table{
        margin-bottom: 40px;
    }
    .yatem-payments .payment-table .title{
        font-size: 20px;
        font-family: "bold";
        color: #001d35;
        margin-bottom: 20px;
    }
    .yatem-payments .payment-table .table{
        font-size: 14px;
        color: #272727;
    }
    .yatem-payments .payment-table .table th,
    .yatem-payments .payment-table .table td{
        padding: 1.5rem 1rem;
        white-space: nowrap;
    }
    .yatem-payments .payment-table .table th span{
        color: #001d35;
    }
    .yatem-payments .payment-table .table td .dot{ 
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block;
        border: 5px solid transparent;
    }
    .yatem-payments .payment-table .table td .success{
        color: #28A958;
        font-family: "bold";
    }
    .yatem-payments .payment-table .table td .faild{
        color: #FC7100;
        font-family: "bold";
    }
    
    .yatem-payments .payment-table .table td .success .dot{ 
        background-color: #28A958;
        outline: 5px solid #28A9583D;
    }
    .yatem-payments .payment-table .table td .faild .dot{ 
        background-color: #FC7100;
        outline: 5px solid  #FC71003D;
    }

    .yatem-payments .btn-payment-more{
        margin-top: 20px;
        min-width: 135px;
        height: 41px;
        line-height: 38px;
        background: #2B3EB1;
        color: #fff;
        border-radius: 10px;
        font-size: 14px;
        transition: all .3s ease;
    }
    .yatem-payments .btn-payment-more:hover{
        background: #12203F;
        color: #fff;
    }


    .table-msg .unread .from{
        position: relative;
        font-family: "bold";
        display: block;
    }
    .table-msg .unread .from::before{
        position: absolute;
        content: "";
        top: 0;
        right: -1rem;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #F5AD1D;
    }
    [dir="ltr"] .table-msg .unread .from::before{ 
        right: auto;
        left: -1rem;
    }
    .table-msg span.bg-yellow-soft{ 
        padding: .75rem 2rem;
        height: 30px;
        background: #F5DE1D17;
        border-radius: 15px;
    }
    .table-msg span.bg-light-soft{ 
        padding: .75rem 2rem;
        height: 30px;
        background: #EBEFF7;
        border-radius: 15px;
    }


    .donation-bow-fixed{
        position: fixed;
        bottom: 0;
        z-index: 99999;
        display: flex;
        gap: 10px;
        justify-content: space-between;
        align-items: center;
        height: 61px;
        background: #1A356E;
        color: #fff;
        padding: 0 2rem;
        width: 100%;
    }
    .donation-bow-fixed .form-group{
        display: flex;
        gap: 1rem;
    }
    .donation-bow-fixed .btn-submit{
        color: #fff;
        position: relative;
        margin-top: -3rem;
        display: block;
        overflow: visible;
        height: auto;
        font-size: 12px;
        font-family: "regular";
        font-weight: 400;
        line-height: 1.5;
		padding:0px;
    }
    .donation-bow-fixed .btn-submit:hover{
        background-color: none;
        box-shadow: none;
    }
    .donation-bow-fixed .btn-submit::before,
    .donation-bow-fixed .btn-submit::after{
        display: none;
    }
    iframe .attribution span{
        display: none !important;
    }
    .donation-bow-fixed .btn-submit .img{
        position: relative;
        z-index: 1;
        width: 54px;
        height: 54px;
        background: #F5DE1D;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center; 
    }
    .donation-bow-fixed .form-group .btn{
        min-width: 45px;
        width: 45px;
        height: 45px;
        background: #254A98;
        border-radius: 11px;
        padding: 0;
        color: #fff;
    } 
    
    .donation-bow-fixed  .form-group .form-control{
      
        background-color: #FFFFFF;
        border: 1px solid #001D3542;
        border-radius: 10px;
        text-align: center;
        box-shadow: none;
        font-size: 16px;
        font-family: "bold";
        color: #001D35;
    }
    .donation-bow-fixed .form-group .input-group-text{
 
        color: #001D35 !important; 
        background: #DDE5F6;
        color: #fff;
        justify-content: center;
        padding: 0;
        border: none;
        border-radius: 10px;
        border-color: transparent;
        margin-bottom: 1px;
        margin-top: 1px;
		font-weight:bold;
    }
    
    .donation-now-label .form-group,
    .dontation-main-box  .form-group{
        margin-bottom: 1rem
    }

    .donation-card-sm .form-group .form-control,
    .dontation-now-label .form-group .form-control,
    .dontation-main-box .form-group .form-control{
   
        height: 50px;
        background-color: #FFFFFF;
        border: 1px solid #001D3542;
        border-radius: 10px;
        text-align: center;
        box-shadow: none;
        font-size: 16px;
        color: #001D35;
    }
    
    .donation-card-sm .form-group .form-control:not([type='number']),
    .dontation-now-label .form-group .form-control:not([type='number']),
    .dontation-main-box .form-group .form-control:not([type='number']){
  
        font-family: "bold";

    }
    .donation-card-sm .form-group .input-group-text, 
    .dontation-now-label .form-group .input-group-text, 
    .dontation-main-box .form-group .input-group-text{ 
        background-color: #001D35; 
        color: #fff;
        width: 40px;
        justify-content: center;
        padding: 0;
        border: none;
        border-radius: 10px;
        flex: 0 0 auto;
    }
    
    .owl-carousel .owl-stage{display: flex !important} 
    .owl-carousel.owl-drag .owl-item { 
        flex: 1 !important;
    } 
    .owl-item .custom-card { 
        margin-bottom: 0; 
        box-shadow: 0 3px 6px rgb(0 0 0 / 16%); 
        height: 100%;
        DISPLAY: flex;
        flex-direction: column;
    } 
    
    .modal .form-text{
        color: #fff;
        opacity: .5;
    }
    
    .joinus-pic{ 
        max-width: 393px;
        height: 393px; 
        width: 100%; 
        margin: auto;
        overflow: hidden;
        border-radius: 50%;
        box-shadow: 15px 8px 0 #f5de1d; 
    }
    .joinus-pic img{  
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .benfit-mobile-card{
        position: relative;
        width: 330px;
        height: 330px;
        background: #F5DE1D;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin: 2rem auto 0;
    }
    .benfit-mobile-card .title{
        position: absolute;
        padding: 1rem;
        font-size: 16px;
        font-family: "bold";
        color: #001D35;
        text-align: center;
    }
    .benfit-mobile-card .title-1{
        top: 0;
        left: 50%;
        transform: translateX(-50%); 
    }
    
    .benfit-mobile-card .title-2{
        top: 50%;
        right: 0;
        transform: translateY(-50%); 
    }
    .benfit-mobile-card .title-3{
        top: 50%;
        left: 0;
        transform: translateY(-50%); 
    }
    .benfit-mobile-card .title-4{
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); 
    }
	.navbar-top .inline_currency_id{
		color:#fff;
		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='white'><polygon points='0,0 10,0 5,5'/></svg>")
    no-repeat;
		background-position: 3% 75%;
    cursor: pointer;
    border: none;
	    max-width: 130px;
	}

	
	.navbar-top .inline_currency_id option{
		color:#000;
	}
	.read_more{
		position:absolute;
		bottom:12px;
	}
	.main_project .inline_currency_id{
		    max-width: 74px;
	}
	#projects_news .custom-card .content .info {
		font-size: 14px;
		color: rgb(0, 29, 54, .60);
		padding: 0px 0px 30px 0px;
		text-align:justify;
	}
	@media screen and (max-width: 920px) {
		.yatem-payments .payment-table {
			padding-bottom: 40px;
		}
		.country_select{
			width:auto !important;
			margin-right: 0px !important;
		}
		.kafala_btn{
			width:100%;
		}
		.yatem-list-info, .benfit-card{
			flex-direction: column;
		}
		
		.inline_currency_id{
		      font-family: Arial, Helvetica, sans-serif !important;

		}
	}
	
	.report_section{
		background: #1A4EAF;
	}
	
	.report_section .title{
		font-size: 18px;
		color: #EBD305;
		margin-bottom: 16px;
		font-weight: bold;
		margin-bottom: 50px;
	}
	.report_item{
		height: 70px;
		border-right: 5px solid #F5DE1D;
		background: #fff;
		flex-basis: 33.33333 %;
	}
	.download_div{
		background: #001D35;
		width: 100px;
		height: 68px;
		align-items: center;
		text-align: center;
	}
	.download_div img{
		max-width: 50%;  
		display: block; 
		margin: auto;
	}
	.download_div .report_name{
		align-items: center;
		text-align: center;
		font-weight: bold;
		flex-basis: 75%;
	}
	
	@media screen and (min-width: 992px) {
		.orphan_arrow{
			display:none;
		}
	}
	
	.orphan_arrow{
		position: relative;
		border: none;
		border-radius: 50%;
		width: 50px;
		height: 50px;
		top: 310px;
		z-index: 999;
		background-color:#F5DE1D;
		color:#fff;
		font-weight:bold;
	}
	#leftArrow{
		right:calc(1%);
	}
	
	@media screen and (max-width: 991px) {
		#rightArrow{
		right:calc(95% - 50px);
		}
	}
	@media screen and (max-width: 768px) {
		#rightArrow{
		right:calc(92% - 50px);
		}
	}
	@media screen and (max-width: 576px) {
		#rightArrow{
		right:calc(84% - 50px);
		}
	}