@font-face {
    font-family: 'ge-dinar-medium' ;
    src: url('../fonts/ge-dinar-two-medium-meium-nossa.otf');
} 
@font-face {
    font-family: 'ge-dinar-light' ;
    src: url('../fonts/ge-dinar-two-light nossa.otf');
}
@font-face {
    font-family: 'Avenir' ;
    src: url('../fonts/Avenir\ Medium.ttf');
}
/* @font-face { 
    font-family: 'Avenir' ;
    src: url('../fonts/');
} */

/*******************start variable ***********************/
:root{
    --main-color: #009BA7;
    --second-color: #0077AA;
    --third-color: #4a4a4a;
    --white:#fff;
    --bold-font: "ge-dinar-medium";
    --light-font: "ge-dinar-light";
    --english-font: 'Avenir';
    --padding-lef: 30px;
    --padding-right: 30px;
    --margin-lef: 30px;
    --padding-right: 30px;
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    outline: none;
}
::selection{
    background: var(--second-color);
    color: var(--white);
}
.fade {
    opacity: 1;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
@media (min-width:1200px) {
    .english .logo ,.tags{
        margin-left:70px
    }
    .english .tags,
    .logo{
        margin-right:70px;
    }
}
@media (min-width:1100px) {
.row{
    margin-left: 0;
    margin-right: 0;
}

}
html{
    /* overflow-x: hidden; */
    scroll-padding-top: 6rem;
    scroll-behavior: smooth;
}
/* body{
    overflow-x: hidden;
} */
.body p, .body a{
    color: var(--third-color);
}
ol,ul{
    list-style-type: none;
}

.stlnan {list-style-type:inherit;}

.english .with-polit{
    direction: ltr;
}
.with-polit{
    list-style-type: disc;
    direction: rtl;
}
a{
    text-decoration: none;
    font-family: var(--bold-font);
}
.number{
    font-family: var(--english-font);
}
a:hover{
    text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
    font-family: var(--bold-font);
}
.english h1,.english h2,.english h3,.english h4,.english h5,.english h6{
    font-family: var(--english-font);
}
.english a{
    font-family: var(--english-font);
}

p{
    font-family: var(--light-font);
}

.container-fluid{
    padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 26px;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 20px;
    color: var(--main-color);
}
.payment-method .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #007F89 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.payment-method .select2-container--default .select2-selection--single{
    background-color: #fff;
border: 1px solid #aaa;
border-radius: 0px;
height: 35px;
}
.select2-results__option{
    text-align: end;
}
/*******************end variable ***********************/


/*******************header section style ***********************/
header{
    position: relative;
}
.navbar{
    padding: 0;
}

header .navbar .all-header{
    display: flex;
    height: 40px;
    width: 100%;   
    background-color: var(--main-color);

}

.head-group1{
    height: 40px;
    width: 139px;
    background-color: #007F89;
    text-align: center;
    padding: 7px;
}
.head-group1 .calc{
    color: var(--white);
    font-family: var(--light-font);
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 1px;
    line-height: 19px;
    text-align: right;
}

.head-group1 i{
 font-size: 17px;
    color: var(--white);
}
.head-group2{
    height: 40px;
    width: 139px;
    background-color: var(--second-color);
    text-align: center;
    padding: 7px;
}
.head-group2 .enter{
    color: var(--white);
    font-family: var(--light-font);
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: right;
}
.head-group2 i{
    width: 20px;
    height: 20px;
    color: var(--white);
}
.head-group3{
    text-align: center;
    padding-top: 6px;   
}
.head-3-mop{
    display: none;
}
.head-group3 u{
    color: var(--white);
    font-family: var(--light-font);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    text-align: right;
    margin-left: 10px;
    text-decoration: none;
}

.icon{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;

}
.icon .tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: auto;
}
.icon .tags img{
    height: 52px;
    width: 53px;
}
.icon .tags a:nth-child(2){
    margin-left: var(--margin-lef);
}
.icon .tags a span{
    font-size: 15px;
    padding-right: 10px;
    color: var(--main-color);
}
.icon .logo{
    padding: 17px 4px 17px 17px;
}
.icon .logo a{
    display: flex;
    justify-content: end;
}
.icon .logo img{
    display: block;
    width: 40%;
}
.english .icon .logo img{
    display: block;
    width: 59%;
}
.icon .lang{
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}
.icon .lang i:first-child{
    margin-left: 20px;
    padding-right: 10px;
    font-size: 16px;
    padding-top: 6px;
}
.icon .lang i{
    font-size: 20px;
    padding-left: 18px;
    color: var(--third-color);
    transition: .3s all  ease;
}
.icon .lang a{
    font-size: 18px;
    color: var(--third-color);
    display: flex;
}
.icon .lang a:hover ,
.icon .lang a:hover i,
.icon .tags a:hover{
    text-decoration: none;
    color: var(--second-color);
}
.icon .lang i:hover{
    cursor: pointer;
}
.icon .lang a:hover i{
    transform: rotate(-180deg);
}
header .search-bar-container{
    position: absolute;
    top: 100%;left: 0;right: 0;
    padding: 0.5rem 2rem;
    background: var(--main-color);
    border-top: .1rem solid rgba(255 , 255 , 255  , .2 );
    display: flex;
    align-items: center;
    z-index: 10001;
    clip-path: polygon(0 0 , 100% 0, 100% 0, 0 0);
    transition: .3s all ease;
}
header .search-bar-container.active{
    clip-path: polygon(0 0 , 100% 0, 100% 100%, 0 100%);
    transition: .3s all ease;

}
header .search-bar-container #search-bar{
    width: 100%;
    padding: .1rem;
    text-transform: none;
    color: var(--third-color);
    border-radius: .5rem;
    transition: .3s all ease;
}
header .search-bar-container label{
    color: #007F89;
    cursor: pointer;
    font-size: 2rem;
    margin-left: 1.5rem;
    transition: .3s all ease;
}
header .search-bar-container ::placeholder{
    text-align: center;
    font-family: var(--bold-font);
    font-size: 20px;
    color: var(--main-color);
}
header .search-bar-container label:hover{
    transform: scale(1.1);
    color: var(--white);
}
.logo-mob img {
    display: none;
}
.pos-f-t{
    display: none;
    width: 100%;
}



/******************* End header section style ***********************/



/******************* start dropdown section style ***********************/
.drop-down{
    width: 100%;
    height: auto;
    background-color: var(--main-color);
    position: relative;
}
.drop-down .navbar{
    display: flex;
    justify-content: space-between;
}
.drop-down .navbar .navbar-link{
width: 100%;
display: flex;
justify-content: space-between;
height: auto;
margin-bottom: 0;
}
.drop-down .navbar ul li{
    width: calc(100% / 4);
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.drop-down .navbar ul li a{
    text-align: center;
    color: var(--white);
    font-family: var(--light-font);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px;
}
.drop-down .navbar ul li:hover a{
    text-decoration: none;
}
.drop-down .navbar .dropdown-link:hover{
    background-color: var(--second-color);
    text-decoration: none;
    cursor: pointer;
}
.dropdown-link i{
    margin-right: 10px;
    transition: .3s;
}
.drop-down .navbar ul li i{
    padding: 10px;

}
.drop-down .navbar ul li:hover i{
    transform: rotate(180deg);
}
.drop-down .dropdown-link{
    position: relative;
    border-right: 1px solid #fff ;
}
.dropdown-link:last-child{
    border-right: none;
}
.drop-down .dropdown-link .second{
    position: absolute;
    top: 100%;left: 0;right: 0;
    width: 100%;
    height: auto;
    background-color: var(--white);
    opacity: 0;
    transition: .5s;
    z-index: 10000;
    visibility: hidden;
}
.navbar .dropdown-link .second a{
    color: var(--third-color);
}
.drop-down .dropdown-link .second a:hover{
    color: var(--main-color);
}
.drop-down .dropdown-link .second .dropdown-link2{
    display: flex;
    justify-content: end;
    width: 100%;
    padding: 10px;
}

.navbar .navbar-link .dropdown-link:hover .second{
    transform: translate(0 , 0 );
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}


/******************* End  dropdown section style ***********************/

.drop-down-mob{
    display: none;
}
.drop-down-mob .card-header h2 button{
    color: var(--second-color);
}
.drop-down-mob .card-body a{
    color: var(--main-color);
}


/******************* Start  home section style ***********************/
.home{
    position: relative;
    height: 496px;
}
.home .home-pic{
    height: 496;
}
.home .content{
    position: absolute;
    top: 31%;
    right: 10.4%;
    text-align: right;
    height: auto;
    width: 560px;
    background-color: rgba(255,255,255,0.13);
    padding: 22px 24px 0px 24px;
    z-index: 1000;
}
.home .content h1,h2,h3{
    color: var(--white);
}
.home .content h3{
    font-size: 26px;

}
.home .content h2{
    font-size: 30px;
}
.home .content h1{
    font-size: 35px;
    padding: 0;
}
.home .blue-side{
    position: absolute;
    top: 62.9%;
    right: 0;
    height: 50px;
    width: 113px;
    background-color: var(--second-color);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.care-insurance-home .blue-side{
    position: absolute;
    top: 245px;
    right: 0;
    height: 50px;
    width: 113px;
    background-color: var(--second-color);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blue-side p{
    color: var(--white);
    font-family: var(--bold-font);
    font-size: 13px;
    text-align: center;
    margin: auto;
    z-index: 9000;
    position: relative;
}
.blue-side::before{
    content: ' ';
    position: absolute;
    width: 36px;
    height: 36px;
    background-color: var(--second-color);
    transform: rotate(45deg);
    right: 95px;
    overflow: hidden;
    top: 7px;
}

.more{
    position: absolute;
    height: 54px;
    width: 149px;
    background-color: var(--white);
    color: var(--second-color);
    border: none;
    top: 79%;
    right: 10.4%;
    font-family: var(--bold-font);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    z-index: 4;
}
.more:hover
{
    background-color: var(--main-color);
    color: var(--white);

}
.more:hover a {
    color: #fff;
}

.social-icon{
    position: absolute;
    top: 36%;
    left: 20px;
    display: flex;
    flex-direction: column;
    z-index: 1;
}
.social-icon.activeScroll{
    position: fixed;
    top: 0;
    left: 20px;
}
.social-icon .rounded{
    width: 30px;
    height: 30px;
    text-align: center;
    margin-top: 5px;
    background: url('../images/Oval\ Copy\ 3.png') no-repeat;
    background-size: auto;
    background-size: cover;
    display: flex;
    margin-top: 5px;
    justify-content: center;
    align-items: center;
}
.social-icon i{
    font-size: 18px;
    color: var(--white);
}
.social-icon:hover a{
text-decoration: none;
}
.social-icon .rounded{
    cursor: pointer;
}

.home .img-container img{
    position: absolute;
    top: 0;left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.home .controls .img-btn{
    cursor: pointer;
    display: inline-block;
}
.home .controls .img-btn {
    display: inline-block;
    font-size: 80px;
    color: var(--white);
}
.home .controls .img-btn:hover{
    cursor: pointer;
    color: var(--second-color);
}
.home .controls .prev{
    position: absolute;
    top: 40%;left: 4%;
}
.home .controls .next{
    position: absolute;
    top: 40%;right: 4%;
}
.home .controls .active{
    color: var(--second-color);
}

.carsoul-home {
    position: absolute;
    top: 0;left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.carsoul-home .carousel-control-next img,
.carsoul-home .carousel-control-prev img{
    z-index: 1;
    cursor: pointer;
}
.carsoul-home .carousel-control-next{
    color: var(--white);
    font-size: 35px;
    width: auto;
    margin-right: 87px;
}
.carsoul-home .carousel-control-prev {
    color: var(--white);
    font-size: 35px;
    width: auto;
    margin-left: 87px;
}
.carsoul-home .carousel-control-next img, 
.carsoul-home .carousel-control-prev img,
.social-icon{
z-index: 4;
}
.carousel-control-next, .carousel-control-prev{
    opacity: 1;
}


/******************* End  home section style ***********************/


/******************* Start  program section style ***********************/

.program .row{
    display: flex;
    justify-content: space-evenly;
}

.program .person{
    height: 362px;
    width: 655px;
    background-color: var(--second-color);
    margin-top: 30px;
}
.program .company{
    height: 362px;
    width: 655px;
    background-color: var(--main-color);
    margin-top: 30px;
}
.program-img {
    margin-top: 48px;
}
.program-text{
    margin-top: 18px;
}
.program-text h1{
    color: var(--white);
    font-family: var(--bold-font);
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0;
}
.program-text p{
    color: var(--white);
    font-family: var(--light-font);
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 32px;
}
.program-btn{
background-color:var(--white);
max-width: max-content;
padding: 12px 30px 19px 30px;
margin: auto;
}
.program-btn a{
    width: 100%;
    color: var(--second-color);
    border: none;
    font-family: "ge-dinar-medium";
}
.person .program-btn:hover ,
.person .program-btn:hover a
{
    background-color: var(--main-color);;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}
.company .program-btn:hover ,
.company .program-btn:hover a
{
    background-color: var(--second-color);;
    color: var(--white);
    cursor: pointer;
    text-decoration: none;
}
.carousel-item img{
    object-fit: cover;
}
/******************* End  home section style ***********************/



/******************* start  tesamonial section style ***********************/
.testo{
    margin-top: 30px;
    background-color: #009ca71a;
    margin-top: 30px;
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: auto;
}
.testo .image-area{
    width: 100%;
    background: url('../images/Photo.jpg') center no-repeat;
}
.testo .image-area img{display: none;}

.testo .carousel-indicators{
    position: absolute;
    right: 7px;
    bottom: 59px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: end;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
}
.testo .box1 .content-text{
    height: inherit;
    height: 436px;
    width: 100%;
    padding: 10px;
    text-align: right;
}
.testo .box1 .content-text h2{
    color: var(--third-color);
    font-family: var(--bold-font);
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 45px;
    margin-top: 35px;
}
.testo .box1 .content-text h6{
    color: var(--third-color);
    font-family: var(--bold-font);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    }
.testo .box1 .content-text p{
    color: var(--third-color);
    font-family: var(--light-font);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 33px;
    margin-top: 65px;
    margin-bottom: 15px;
}
.testo .box2{
height: inherit;
}
.testo .carousel-control-prev,
.testo  .carousel-control-next{
    display: none;
}
.testo .carousel-indicators li{
    width: 13px;
    height: 13px;
    background-color: var(--main-color);
    border-radius: 50%;
}
/******************* End  testamonial section style ***********************/



/******************************************services section style*******************************************/
.services{
    margin-top: 37px;

    display: list-item;
}
.services .head-text h2{
    color: var(--third-color);
    font-family: "ge-dinar-medium";
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 45px;
}
.services .head-text p{
    color: #858585;
    font-family: "ge-dinar-medium";
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 23px;
    margin-bottom: 60px;
}


.single-box{
    text-align: center;
}
.img-area img{

    width: 50px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.single-box .img-text h2{
    height: 34px;
    width: 152px;
    color: var(--third-color);
    font-family: "ge-dinar-medium";
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    margin: auto;
    margin-bottom: 20px;
}
.single-box .img-text p{
    height: 54px;
    width: 250px;
    color: #858585;
    font-family: "ge-dinar-medium";
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    margin: auto;
}
.single-box .img-text .img-header-special{
    width: 200px;
}
.services #carouselExampleCaptions{
    position: relative;
}
.services #carouselExampleCaptions .carousel-indicators{
    position: absolute;
    top: 120%;
    right: 0px;
}
.services .services-section-btn {
    height: 54px;
    width: 193px;
    border: 1px solid #009BA7;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 91px auto 50px;}
.services .services-section-btn a{
    color: #009BA7;
    font-family: "ge-dinar-medium";
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
}
.services .services-section-btn:hover, 
.services .services-section-btn:hover a{
    background-color: #0077AA;
    color: #fff;
    cursor: pointer;
}

.services .carousel-indicators li{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #009BA7;
}
.services .carousel-indicators .active{
    transform: scaleY(-1);
  background-color: #009BA7;
}


/***************************************************END Services section style********************************************************/










/******************************************FAQ section style************************************************/
.FAQ{
    margin: auto ;
    padding: 30px 20px;
    position: relative;
    background: url('../images/home-bage-2.jpg') no-repeat;
    height: auto;
}
.FAQ .container{
    width: 90%;
    margin: auto;

}
.FAQ .header{
text-align: right;
padding-top: 40px;
padding-right: 40px;
}
.FAQ .header h4{
    color: var(--third-color);
    font-family: "ge-dinar-medium";
    font-size: 31px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 39px;
}
.FAQ .header h2{
    color: var(--third-color);
    font-family: "ge-dinar-medium";
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 45px;
}
.FAQ .header h5{
    color: var(--third-color);
    font-family: "ge-dinar-medium";
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 30px;
}

.FAQ .faq-group{
    text-align: right;
    padding-top: 40px;
    padding-right: 30px;
    justify-content: end;
    height: auto;
    }
    .FAQ .faq-group .card{
        background-color: #FFFFFF;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.11);
        margin-bottom: 16px;
        border-radius: 0px;
    }
.FAQ .faq-group .card-header{
    padding: 10px;
    background: #fff;
    outline: none;
    position: relative;
    border-bottom: none;
}
.FAQ .faq-group .card-header .btn{width: 100%;}
.FAQ .faq-group .card-header .fa-chevron-down{
    position: absolute;
    top: 50%;
    left: 2%;
    font-size: 20px;
    color: var(--main-color);
    transform: translateY(-50%);
}
.FAQ .faq-group .card-header h2,.FAQ .faq-group .card-body{font-family: var(--light-font); font-size: 18px;}.FAQ .faq-group .card-body{font-size: 15px;}
.FAQ .faq-group .card-header button{
    outline: none;
    border: none;
}
.FAQ .faq-group .card-header button:focus{
    outline: none;
    border: none;
    box-shadow:none;
}

.accordion-section .panel-default > .panel-heading {
    border: 1px solid #000;
    background-color: #fff;
    padding: 0;
}
.accordion-section .panel-default .panel-title  {
    background-color: #FFFFFF;
   
}
.panel-title i{
    color: #009BA7;
}
.panel-title a {
    color: var(--third-color);
    font-family: "ge-dinar-light";
    font-size: 19px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    text-align: right;
}
.panel-title a:target .panel-title i{
    transform: rotate(360deg);
}
.panel-collapse p {
    padding: 20px 10px;
    color: #fff;
    background-color: #0077AA;
    font-size: 15px;
    font-family: "ge-dinar-light";
}


.panel-heading {
    background-color: #fff;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.11);
    
}
.panel-heading .panel-title {
    color: var(--third-color);
    font-family: "ge-dinar-light";
    font-size: 19px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    justify-content: space-between;
    display: flex;
}


.FAQ .bton{
    text-align: right;
    padding-right: 45px;
    justify-content: end;
    display: flex;
    flex-wrap: wrap;
}
.FAQ .bton .btn-dark button{
    background: transparent;
    width: 100%;
    border: none;
    outline: none;
}
.FAQ .bton .btn-dark{
    background-color: var(--white);
    margin-left: 10px;
    margin-top: 10px;
    height: 54px;
    width: 193px;
    justify-content: center;
    display: flex;
    text-align: center;
    align-items: center;
}
.FAQ .bton .btn-dark:hover,
.FAQ .bton .btn-dark:hover button,
.FAQ .bton .btn-lightt:hover,
.FAQ .bton .btn-lightt:hover a{
    cursor: pointer;
    background-color: var(--main-color);
    color: var(--white);
}
.FAQ .bton .btn-lightt{
    background-color: var(--white);
    margin-left: 10px;
    margin-top: 10px;
    height: 54px;
    width: 193px;
    justify-content: center;
    display: flex;
    text-align: center;
    align-items: center;
}
.FAQ .bton a{
margin-top: 12px;
display: flex;
justify-content: center;
align-items: center;
}
.FAQ .bton .btn-lightt a{
    font-family: var(--bold-font);
    color: var(--second-color);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    margin: auto;
    width: 100%;
    height: 100%;
}
.FAQ .bton .btn-dark button{
    font-family: var(--bold-font);
    color: var(--main-color);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    margin: auto;
}
.FAQ .modal-header{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--main-color);
    color: var(--white);
}
.FAQ .col-form-label{
    font-family: var(--light-font);
}
.FAQ .modal-footer button{
    font-family: var(--bold-font);
}




/*
.accordion{
  width:50%;
  position:absolute;
  top:30%;
  right:10%;
  text-align:right;
}
.accordion .card-header{
  display:flex;
  justify-content:end;
}

*/
/******************* END FAQ   section style ***********************/



/***********************************start footer style section************************************/
footer{
    padding-top: 40px;
    background-color: #009BA7;
    padding: 20px;
}
.footer{
    width: 100%;
}
footer .footer-subscrib{
    text-align: right;

}
footer .footer-subscrib h5 a{
    color: var(--white);
    font-family: var(--bold-font);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    text-align: right;
}
footer .footer-subscrib p{
    color: var(--white);
    font-family: var(--bold-font);
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 16px;
    text-align: right;
    padding: 10px;
}
footer #newsletter-email{
    height: 44px;
    width: 100%;
    border: 1px solid #979797;
    border-radius: 6px;
    background-color: #FCFCFD;
    text-align: right;
    padding: 10px;

}
footer  .footer-subscrib button{
    position: absolute;
    top: 35px;left: 22px;
    background-color: var(--main-color);
    color: var(--white);
    border-radius: 6px;
}
footer  .footer-subscrib form ::placeholder{

    color: #9F9F9F;
    font-family: "GE Dinar Two";
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    padding-right: 10px;
}
footer .footer-logo {
display: flex;
justify-content: center;
text-align: center;
padding-top: 34px;
}
footer .footer-logo img{
    width: 95%;
}

footer .footer-links{
    display: flex;
    justify-content: space-around;
    padding: 30px;
}
footer .footer-links a{
    color: var(--white);
    font-size: 15px;
}
footer .footer-links a:hover{
    color: var(--second-color);
}
footer .text-center .dot-jo{
    color: var(--white);
}
footer .text-center{
    color: var(--white);
}
footer p{
    color: var(--white);
}
footer .text-center img{
    width: 2%;
}
/*********************************** ENDfooter style section************************************/




.just-mob{
    display: none;
}
.just-mob .lang a{
    color: var(--third-color);
}


.head-3-mop .nav-model .modal-content{
    background: transparent;
    border: none;
    width: 100%;
    height: 100%;
}
.head-3-mop .nav-model .modal-content .modal-header .close{
    margin: 0;
}
.head-3-mop .nav-model .modal-content .modal-header,
.head-3-mop .nav-model .modal-content .modal-footer{
    border: none;
}
.head-3-mop .nav-model .modal-content .modal-body{
    display: flex;
justify-content: center;
}
.head-3-mop .nav-model .modal-content .modal-body form,
.head-3-mop .nav-model .modal-content .modal-body form input {
    width: 100%;
}
.head-3-mop .nav-model .modal-content .modal-body form input{
    height: 40px;
    padding: 10px;
    border-radius: 5px;
    border: none;
    outline: none;
    text-align: right;
}
.head-3-mop .nav-model .modal-content .modal-body form input::placeholder{
font-family: var(--bold-font);
font-size: 20px;
}
.head-3-mop .nav-model .modal-content .close{
    position: absolute;
    top: -90%;
    right: 0;
    background-color: var(--second-color);
    color: #fff;
    opacity: 1;
}
.english .head-3-mop .nav-model .modal-content .close{left: 0;}
/*************************************************RESPONSIVE****************************************************/





/********************************************************care-insurance-home*************************************************************/
.care-insurance-home{
    position: relative;
    height: 270px;
    background: linear-gradient(270deg, #009BA7 0%, rgba(255,255,255,0) 100%);

}
.care-insurance-home .care-insurance-content{
    position: absolute;
    top: 25%;
    right: 4%;
    text-align: right;
    height: auto;
    width: auto;
    padding: 24px;
    z-index: 1000;
    color: #fff;
}
.care-insurance-home .care-insurance-content h1{
    letter-spacing: 1px;
    font-size: 30px;
}


/******************************care-insurance-html-SERVICES style*************************************/


.services .services-first-header h1{
    color: var(--second-color);
    font-family: var(--bold-font);
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 33px;
    padding-right: var(--padding-right);
}
.services .services-second-header p{
    color: var(--third-color);
    font-family: var(--bold-font);
    padding-right: var(--padding-right);
    font-size: 17px;
    font-weight: 500;
    line-height: 33px;
}
.services .cards{
    margin-top:77px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.services .card{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FAFAFA;
    box-shadow: 0 2px 4px 0 rgba(182,182,182,0.5);
    border: none;
    margin: 20px;

}
.services .card-body .card-title{
    color: var(--second-color);
    font-family: var(--bold-font);
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 33px;
    margin: 10px;
}
.services .card-body .card-text{
    font-family: var(--bold-font);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    color: var(--third-color);
}
.services .card-body p span{
    display: inline-block;
    height: 6px;
    width: 6px;
    background-color: var(--main-color);
    border-radius: 50%;
    margin-right: 7px;
    margin-left: 4px;
}


.img-card{
    padding: 20px;
    height: 174px;
    width: 174px;
    background-color: #FFFFFF;
    box-shadow: 0 0 15px 0 rgba(182,182,182,0.26);
    border-radius: 50%;
    margin-top: -77px;
}



/****************************** END care-insurance-html-SERVICES style*************************************/




/****************************** START sub-benefits-html-SERVICES style*************************************/
.sub-benefits{
    margin-top: 35px;
    margin-bottom: 60px;
}
.sub-benefits-header p{
    color: var(--third-color);
    font-family: var(--bold-font);
    padding-right: var(--padding-right);
    font-size: 18px;
    font-weight: 500;
    line-height: 33px;
    margin-bottom: 10px;
    margin-top: 45px;
}
.sub-benefits-header h2{
    color: var(--third-color);
    font-family: var(--bold-font);
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    margin-top: 14px;

}
.sub-benefits .col .card{
    margin-bottom: 10px;
    border: none;
    transition: .3s all ease;
    margin-top: 35px;
}
.sub-benefits .col .card:hover{
    box-shadow: 0 0 15px 0 rgba(182,182,182,0.26);
}
.sub-benefits .col .card:hover .card-body h5{
    color: var(--main-color);
}


.diagnosed-card{
    box-shadow: 0 0 15px 0 rgba(182,182,182,0.26);
}


.sub-benefits .col .card img{
    width: 60px;
    height: 60px;
    display: block;
    margin: auto;

}
.sub-benefits .col .card-body{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: -10px;
}

.sub-benefits .col .card-body h5{
    color: var(--third-color);
    font-family: var(--bold-font);
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;

}
.sub-benefits .card-header{
    font-family: var(--bold-font);
    background-color: #fff;
}
.button-clicked{
width: 50px;
height: 50px;
border-radius: 50%;
}
/***************** RESPONSIVE sub-benefits-html-style*********************/
@media (max-width:767px) {
    .sub-benefits-header p{
        font-size: 15px;
        padding-right: 8px;
    }

    .arrows
    {
        display:none;
    }
}


.arrows
{
    transform: translate(0, 50%);
    position: absolute;
    top: 40%;
    left: -8px;
}


/****************************** END sub-benefits-html- style*************************************/




/****************************** SRART contact-us-html- style*************************************/
.contact-us .contact-heading-p{
    text-align: right;
    width: 90%;
    margin: auto;
}
.contact-us .col  .card .head-icon{
display: block;
margin: auto;
font-size: 60px;
padding-top: 10px;
color: #4A4A4A;
}
.contact-us .col .card-body h5{
    font-size: 18px;
}
.contact-us .card-header{
    width: 50%;
    margin: auto;
}

/******contact section*****/
.contact{
    margin-bottom: 80px;
}
.contact .container-fluid{
    padding-left: 100px;
    padding-right: 100px;
}
.contact .map ,
.contact .contact-form{
    padding: 10px;
}
.contact .map iframe{
    padding: 10px;
    height: 350px;
}
.contact h2{
    color: var(--third-color);
    font-size: 30px;
    margin-bottom: 15px;
    padding-right: 10px;
}
.contact p{
    color: var(--third-color);
    padding-right: 10px;
    font-size: 20px;
    font-family: var(--bold-font);
    margin-bottom: 7px;
}
.contact form{
    margin-top: 40px;
    position: relative;
}
.contact form input{
    width: 100%;
    height: 50px;
    border: 1px solid #97979755;
    border-radius: 3px;
    text-align: right;
    padding: 7px;
}
.contact form textarea{
    width: 100%;
    border: 1px solid #97979757;
    border-radius: 3px;
    text-align: right;
    padding: 7px;
}
.contact form input::placeholder ,
.contact form textarea::placeholder{
    font-size: 13px;
    font-family: var(--bold-font);
    margin-right: 10px;
}
.contact form p:last-child{
    width: 50%;
    text-align: center;
    position: absolute;
    top: 100%;
    right: 10px;
    margin-top: 15px;
    background-color: var(--main-color);
    color: var(--white);
    font-family: var(--bold-font);
}
.contact form p .last-button{
    text-align: center;
    background-color: var(--main-color);
    color: var(--white);
    font-family: var(--bold-font);
}
.contact .contact-form .clearfix{
    display: flex;
    justify-content: end;
    padding-right: 20px;
}
.arrow-up-div-body{
    position: relative;
    transition: .5s ease-in;
}
.arrow-up-div{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -30px;
    cursor: pointer;
    display: none;
    transition: .9s ease-in-out all;
    transform: translateY(-50%);
}
.arrow-up-div i{color: #fff;}
@media (max-width:900px) {

    .contact .container-fluid{
        padding-left: 10px;
        padding-right: 10px;
    }


}



/****************************** END contact-us-html- style*************************************/


.person .drop button.change3{
    width: 100%;
    background-color: var(--main-color);
    color:#fff;
}
.change-icon{
    transform: rotate(180deg);
}



/****************************** START person-html- style*************************************/
.person{
    margin-top: 20px;
    margin-bottom: 20px;
}
.person .droping{
display: flex;
justify-content: center;
align-items: center;

}
.person .drop{
    display: flex;
    justify-content: right;
    text-align: right;
    height: 88px;
    width: 409px;
    background-color: var(--white);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.11);
    margin: 20px;
    color: var(--main-color);
    position: relative;
    padding: 0;
}
.person .links {
    padding: 30px;
}
.person .links li{
    color: #434343;
    font-family: var(--bold-font);
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 38px;
    list-style: inside;
}
 .links p  span{
    display: inline-block;
    height: 10px;
    width: 10px;
    background-color: #434343;
    border-radius: 50%;
    margin-right: 7px;
    margin-left: 4px;
}
.person .drop button{
    color: var(--main-color);
    font-family: var(--bold-font);
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 30px;
    text-align: right;
    background-color: var(--white);
    border: none;
    width: 100%;
    padding: 10px;
}
.person .drop button i{
    position: absolute;
    top: 25px;
    left: 13px;
    font-size: 40px;
    transition: .3s all ease-in-out;
}
.person .drop:hover ,
.person .drop:hover button 
{
    background-color: var(--main-color);
    color: var(--white);
}
.person .drop button:hover i{
transform: rotate(180deg);
color: var(--white);
}

.person .col .card{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FAFAFA;
    box-shadow: 0 2px 4px 0 rgba(182,182,182,0.5);
    border: none;
    height: 255px;
}
.person .col .card i{
    margin-bottom: 30px;
    margin-top: 30px;
    color: var(--main-color);
    font-size: 100px;
}
.person .col .card img{
    margin-bottom: 30px;
    margin-top: 30px;
    color: var(--main-color);
    font-size: 100px;
}
.person .col .card .card-body {
    height: auto;
    width: 246px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    position: relative;
}
.brtween p{
    margin-top: 30px;
}
.cuncel {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--main-color);
    color: #fff;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    z-index: 0;
    }
.person .col .card .card-body a{
    font-size: 16px;
    font-family: var(--light-font);
    color: var(--white);
    background-color: var(--main-color);
    margin: auto;
    width: 100%;
    padding: 10px 10px 10px 10px;
    z-index: 1;
    border-radius: 0px;
    border: none;
    outline: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}
/* .change3{
    background-color: var(--main-color);
    color: #fff;
} */
/****************************** END person-html- style*************************************/



/****************************** START person-sub-html- style*************************************/
.person-sub .card{
    background-color: #FAFAFA;
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 15px;
    transition: .3s all ease;
}
.person-sub .carding{
    padding-left: 20px;padding-right: 20px;
}
.person-sub .card:hover{
    box-shadow: 0 0 15px 0 rgba(182,182,182,0.26);
}
.person-sub .card img{
    display: block;
    margin: auto;
    height: 160px;
    padding-top: 10px;
}
.person-sub .card .card-body{
    margin-top: 10px;
}
.person-sub .card .card-body a{
    border: 2px solid var(--main-color);
    display: inline-block;
    width: 47%;
    padding: 16px;
    color: var(--main-color);
    transition: .2s all ease-in-out;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 17px;
    font-size: 17px;
    font-family: var(--light-font);
}
.person-sub .card .card-body a:hover{
    background-color: var(--main-color);
    color: var(--white);
}

@media (max-width:767px) {
    .person .col .card{
        margin-top: 15px;
    }
    .person-sub .card .card-body a{
        width: 100%;
    }
    
}
/****************************** END person-sub-html- style*************************************/


/****************************** END company-html- style*************************************/
.company .modal-dialog .modal-header,
.new-subscribe-home .modal-dialog .modal-header{
    width: 100%;
    display: flex;
    justify-content: center;
    color: #fff;
    background-color: var(--main-color);
}
.new-subscribe-home .table td, .table th{padding: 20px;}
.company .modal-dialog .modal-header h2,
.new-subscribe-home .modal-dialog .modal-header h2{
    font-size: 30px;
}
.company .modal-dialog .modal-content .modal-body p{
    color: var(--third-color);
    font-family: var(--bold-font);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 33px;
    margin-bottom: 30px;

}
.company .modal-dialog .modal-content .modal-body form label{
    color: #6D7278;
    font-family: var(--bold-font);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 15px;
    margin-top: 20px;
}
.company .modal-dialog .modal-content .modal-body form input{
    box-sizing: border-box;
    height: 37px;
    border: 1px solid #DADADA;
    background-color: #FFFFFF;
}
.company .modal-dialog .modal-content .modal-body h3{
color: var(--third-color);
margin-bottom: 30px;
margin-top: 20px;
}
.company .modal-dialog .modal-content .modal-body  .modal-footer,
.new-subscribe-home .modal-dialog .modal-content .modal-body  .modal-footer{
    display: flex;
    justify-content: center;
    margin-top: 30px;
    border: none;
}
.company .modal-dialog .modal-content .modal-body  .modal-footer .btn,
.new-subscribe-home .modal-dialog .modal-content .modal-body  .modal-footer .btn{
    margin-top: 20px;
    height: 47px;
    width: 156px;
    font-family: var(--bold-font);
}
.company .modal-dialog .modal-content .modal-body  .modal-footer .btn-primary,
.new-subscribe-home .modal-dialog  .modal-content .modal-body  .modal-footer .btn-primary{
    background-color: var(--main-color);

}
.company .modal-dialog .modal-content .modal-body  .modal-footer .btn-secondary,
.new-subscribe-home .modal-dialog  .modal-content .modal-body  .modal-footer .btn-secondary
{
    background-color: var(--second-color);
}
#myDIV3 .sub-benefits{
    margin-top: 0;
}
#myDIV3 .sub-benefits .col .card img{
    width: 50px;height: 50px;
}
#myDIV3 .sub-benefits .col .card-body h5{font-size: 18px;}
#myDIV3 .sub-benefits .col{padding-left: 0px; padding-right: 0px;}
/****************************** END company-html- style*************************************/





/****************************** START new-subscrib-html- style*************************************/
.new-subscribe-home{
    position: relative;
    margin-bottom: 27px;

}
.english .new-subscribe-home .social-icon{
    position: fixed;
    top: 47%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.new-subscribe-home .social-icon{
    position: fixed;
    top: 49%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    
}
.care-insurance-home  .top-heading{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 39px;
    
    background-color: #007F89;
    display: flex;
    justify-content: center;
}
.care-insurance-home .top-heading p{
    display: block;
    margin: auto;
    color: var(--white);
    font-family: var(--bold-font);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 27px;
}

.new-subscribe-home .container-fluid{
    padding-left: 100px;
    padding-right: 100px;
}
.new-subscribe-home .container-fluid .text-right h2{
    color: var(--third-color);
    font-family: var(--bold-font);
    font-size: 23px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 10px;
    margin-top: 25px;
}
.new-subscribe-home .form-row{
    background-color: #F0F0F0;
    padding: 10px 30px 8px 43px;
}
.new-subscribe-home .form-row .form-group label{
    color: #6D7278;
    font-family: var(--bold-font);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
}
.new-subscribe-home .form-row .form-group input{
    box-sizing: border-box;
    height: 37px;
    border: 1px solid #DADADA;
    background-color: #FFFFFF;
}
.new-subscribe-home .form-row .form-group button{
    background-color: green;
    outline: none;
    border: none;
    width: 50px;
    height: 50px;
}
.new-subscribe-home .form-row .form-group button i{
    font-size: 17px;
    
}
.new-subscribe-home .form-row  .form-check label{
    color: var(--main-color);
    font-family: var(--bold-font);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;

}
 .both-form-check{
    display: flex;
    justify-content: end;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.both-form-check .form-check-inline{margin-right: 0px; margin-left: 0px;}

.new-subscribe-home .form-row .form-check .form-check-input{
    width: 30px;
    height: 30px;
    background-color: var(--third-color);
    border-radius: none;
}
.new-subscribe-home .check-text{
    background-color: #F0F0F0;
    padding: 30px;

}
.new-subscribe-home .arabic-version-check{
    background-color: #F0F0F0;
    padding: 30px;
    padding-right: 33px;
}
.new-subscribe-home .check-text p{
    color: var(--third-color);
    font-family: var(--bold-font);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 25px;
    margin-top: 6px;
}
.new-subscribe-home .check-text p span a u{color: var(--main-color);}
.new-subscribe-home .check-text input{
    width: 20px;
    height: 20px;
}
.new-subscribe-home form .payment-head h3{
    color: #6D7278;
    font-family: var(--bold-font);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    margin-top: 20px;
}
.new-subscribe-home form .payment-method select{
    border: none;

    width: 300px;
    padding: 10px;
    cursor: pointer;
}
.new-subscribe-home .payment-method-paraghraph {
    padding: 12px;
}
.new-subscribe-home .payment-method-paraghraph p{
    color: #6D7278;
    font-family: var(--bold-font);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 21px;
}
.new-subscribe-home form .button{
display: flex;
justify-content: end;
}
.new-subscribe-home .form-group{
    margin-bottom: 0px;
}
.new-subscribe-home form .button button{
    background-color: var(--main-color);
    color: var(--white);
    font-family: var(--bold-font);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 20px;
    height: 5px;
    width: 432px;
    border-radius: 0px;
    padding-left: 52px;
    padding-right: 52px;
    padding-top: 22px;
    padding-bottom: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-select-with-arrow{
    position: relative;
    width: 100%;
    height: 37px;
    border: none;
    appearance: none;
    color: var(--third-color);
    font-size: 15px;
    font-family: var(--bold-font);
    padding: 5px;
}
.custom-select-with-arrow option{
    padding: 10px;
    color: var(--third-color);
}
.person .drop:target{
background-color: var(--main-color);
}
.new-subscribe-home .date-row{
    display: flex;
    justify-content: end;

}
.new-subscribe-home .date-row .date .form-control{
    padding: 1px;
}
.form-control, .custom-select{
    border-radius: 0px;
}
.custom-select option{
    font-family: var(--light-font);
    font-size: 15px;
}
.new-subscribe-home .date{
    padding-left: 2px;
    padding-right: 2px;
}
.new-subscribe-home .arabic-form select{
    text-align: right;
    position: relative;
    appearance: none;
    font-size: 14px;
    font-family: var(--bold-font);

}
.new-subscribe-home .arabic-form .fa-chevron-down{
    position: absolute;
    left: 5px;
    top: 10px;
}
.div-custom-select-with-arrow i{
    position: absolute;
    left: 14px;
    top: 47px;
    font-size: 13px;
    color: var(--main-color);
}

.new-subscribe-home #exampleModal2 .modal-header .close{
    padding: 0;
    margin: 0;
    position: absolute;
    right: 20px;
    opacity: 1;
    color: #fff;
}





/*****************************order-message html style*********************************/
 .order-message{
    position: relative;
    height: 270px;
    background-color: #fff;
}
.order-message .blue-side{
    position: absolute;
    top: 245px;
    right: 0;
    height: 50px;
    width: 113px;
    background-color: var(--second-color);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.order-message .care-insurance-home{
    background-color: #fff;
}
.order-message .fa-quote-left{
    position: absolute;
    top: 10%;
    left: 8%;
    font-size: 50px;
}
.order-message .care-insurance-content{
    position: absolute;
    top: 19%;
    right: 10%;
    text-align: right;
    height: auto;
    width: 100%;
    z-index: 1000;
}
.order-message .care-insurance-content p{
    font-size: 34px;
    line-height: 27px;
    font-family: var(--bold-font);
}

.accounting{

    background-color: #2626260c;
    padding-top: 40px;
    margin-bottom: 45px;
}
.accounting .acount-head{
    margin-right: 132px;
}
.accounting .acount-head h2{
    color: var(--main-color);
    font-size: 35px;
}
.accounting .row-accounts{
    margin-left: 30px;
    margin-right: 51px;
    margin-top: 20px;

}
.accounting .accounts{
    text-align: right;
    margin-bottom: 50px;
}
.accounting .accounts h5{
    color: var(--third-color);
    font-size: 25px;
    margin-bottom: 19px;
    font-family: var(--light-font);
    font-weight: 500;
    }
.accounting .accounts li{ 
    color: #858585;
    line-height: 35px;
}
.accounting .accounts p span{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #858585;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
/*****************************end-message html style*********************************/







/*****************************start-renwal html style*********************************/
.renwal{
    margin-bottom: 50px;
}
.renwal-divs{

    width: 95%;
    height: auto;
    margin: auto;
    padding: 10px;
}
.renwal .renwal-divs .row .renwal-div-single{
    width: 603px;
    height: 85px;
    margin: auto;
    margin-top: 50px;
    position: relative;
    background-color: #FAFAFA;
    box-shadow: 0 2px 4px 0 rgba(182,182,182,0.5);
    display: flex;
    justify-content: center;
}
.renwal .renwal-divs .row .renwal-div-single h1{
    color: var(--main-color);
    font-size: 24px;
    line-height: 17px;
}
.renwal .renwal-divs .row .renwal-div-single .circule{
position: absolute;
top: 62%;
left: 50%;
width: 55px;
height: 55px;
border-radius: 50%;
transform: translateX(-50%);
background-color: var(--main-color);
display: flex;
justify-content: center;
align-items: center;
font-size: 22px;
color: #fff;
} 
.renwal .renwal-divs .row .renwal-div-single .circule h1{color: #fff;}
.renwal .renwal-divs .row .renwal-div-both{
background-color: #009ca728;
width: 97%;
height: auto;
margin: auto;
margin-top: 50px;
border-right: 7px solid var(--main-color);
text-align: right;
padding: 30px 30px 20px 10px;
}
.renwal .renwal-divs .row .renwal-div-both li:last-child{
    margin-top: -10px;
}
.renwal .renwal-divs .row .renwal-div-both li{
    color: #4A4A4A;
    font-family: var(--light-font);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 29px;
    text-align: right;
}
.renwal .renwal-divs .row .renwal-div-both h4{
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 33px;
    color: var(--third-color);
    font-family: var(--bold-font);
    margin-bottom: 30px;
}

/*****************************end-renwal html style*********************************/




/*****************************************english html**********************************************/
.english .head-group3 u,
.english .head-group2 .enter,
.english .head-group1 .calc,
.english .navbar-nav .nav-link,
.drop-down-mob .card-header h2 button,
.drop-down-mob .card-body a,
.english .drop-down .navbar ul li a,
.english .drop-down .navbar ul li a,
.english .home .content h3,
.english .home .content h2,
.english .home .content h1,
.english  .blue-side p,
.english .more a,
.english .program-text h1,
.english .program-text p,
.english .program-btn a,.english .testo .box1 .content-text h2, .english .testo .box1 .content-text p, .english .testo .box1 .content-text h6,
.english .services .head-text p,.english .services .head-text h2,.english .single-box .img-text h2,.english .single-box .img-text p,.english .services .services-section-btn a,
.english .FAQ .header h4,.english .FAQ .header h5, .english .FAQ .header h2,
.english .FAQ .bton .btn-dark button,.english .FAQ .bton .btn-lightt a,.english .FAQ .col-form-label,.english .FAQ .modal-footer button,.english .FAQ .modal-header h5,
.english footer .footer-subscrib form ::placeholder,.english footer .footer-subscrib h5 a,.english footer .footer-subscrib p,.english footer .footer-links a,.englishfooter .text-center ,.english footer .text-center p,
.english .sub-benefits-header h2{
    font-family: var(--english-font);
}
.english .care-insurance-home .top-heading p{font-family: var(--english-font); font-size: 13px;}
.english .FAQ .col-form-label{display: flex;}
.english .single-box .img-text h2,.english .single-box .img-text p{font-size: 14px;}
.english .home .content h2{font-size: 27px;}
.english .head-group3 u{margin-right: 10px;}
.english header .navbar .all-header{
    justify-content: end;
}
.english .head-group1{
    width: auto;
}

.english .icon{padding-right: 20px;}.english .icon .logo a{justify-content: start;}.english .icon .tags a{margin-left: 20px;}.english .icon .tags a span{font-family: var(--english-font); font-size: 14px;}
.english .icon .lang a{font-family: var(--english-font);}.english .drop-down .dropdown-link .second .dropdown-link2{justify-content: start;}
.english .carousel-item img{ transform: scaleX(-1);}.english .home .content{top: 25%; text-align: left;}.english .home .blue-side{left: 0;}.english .home .blue-side::before{left: 95px;}
.english .social-icon {
    position: absolute;
    top: 36%;
    left: calc(98% - 20px) ;
    display: flex;
    flex-direction: column;
    z-index: 1;
}
.english .more{left: 10.4%;}
.english .testo .box1 .content-text,.english .FAQ .header,.english footer .footer-subscrib,.english footer .footer-subscrib p,.english footer #newsletter-email{text-align: left;}
.english .testo .carousel-indicators,.english .FAQ .faq-group,.english .FAQ .bton{justify-content: start;}
.english .panel-title a,.english .panel-collapse p{font-family: var(--english-font); text-align: left;}
.english footer .footer-subscrib button{left: 80%;}

.english .care-insurance-home .care-insurance-content{left: 4%;text-align: left;}.english .care-insurance-home{background: linear-gradient(270deg, #c5fcff14 0%,#009BA7 100%);}
.english .services .services-first-header h1 , .english .services .services-second-header p,.english .sub-benefits-header p{font-family: var(--english-font); padding-left: var(--padding-lef);}
.english .services .card-body .card-title,.english .services .card-body .card-text{font-family: var(--english-font);}
.english .sub-benefits .col .card-body h5,.english .sub-benefits .card-header{font-family: var(--english-font);}
.english .person .drop button{text-align: left; font-family: var(--english-font);}
.english .person .drop button i{
    position: absolute;
    top: 25px;
    font-size: 40px;
    transition: .3s all ease-in-out;
    right: 13px;
    /*text-align: right;*/
    /*left: 370px;*/
}
.english .person .drop button:hover i{
    transform: rotate(180deg);
color: var(--white);
}
.english .person .links li{font-size: 13px;}
.english .person .links li,.english .person .col .card .card-body a{font-family: var(--english-font);}
.english .person-sub .card img{transform: scaleX(-1);}.english .person-sub .card .card-body a{font-family: var(--english-font);}
.english .new-subscribe-home .container-fluid .text-right h2{text-align: left; font-family: var(--english-font);}.english .new-subscribe-home .date-row{justify-content: start;}
.english .div-custom-select-with-arrow i{left: 88%;}
.english .new-subscribe-home .check-text{position: relative;}
.english .new-subscribe-home .check-text input{position: absolute; top: 34px; left: 0;}
.english .new-subscribe-home .check-text .input-2{position: absolute; top: 76px; left: 0;}
.english .payment-method {display: flex; justify-content: start;}.english .new-subscribe-home form .button{justify-content: start;}
.english .new-subscribe-home .form-row .form-group label,.english .new-subscribe-home .form-row .form-check label,.english .new-subscribe-home .check-text p,.english .new-subscribe-home form .payment-head h3,
.english .new-subscribe-home .payment-method-paraghraph p,.english .new-subscribe-home form .button button,.english .theader,
.english .new-subscribe-home .modal-dialog .modal-content .modal-body .modal-footer .btn
{font-family: var(--english-font);}
.english .order-message .care-insurance-content{
    left: 0%;
    top: 16%;
    text-align: left;
    padding-left: 10px;
}
.english .order-message .care-insurance-content li{font-family: var(--english-font); font-size: 24px;}
.english .order-message .fa-quote-right{
position: absolute;
top: 10%;
right: 5%;
font-size: 45px;
}
.order-message .fa-quote-right {
    font-size: 50px;
}
.english .order-message .blue-side{left: 0;}.english .order-message .blue-side::before{left: 95px;}
.english .accounting .accounts{text-align: left;}.english .accounting .accounts h5,.english .accounting .accounts li{font-family: var(--english-font);}
.english .accounting .accounts li{font-size: 13px;}.english .accounting .acount-head h2{padding-left: 20px;}
.english .company .modal-dialog .modal-content .modal-body p,.english .company .modal-dialog .modal-content .modal-body form label,.english .company .modal-dialog .modal-content .modal-body .modal-footer .btn
{font-family: var(--english-font);}
.english .contact-us .contact-heading-p , .english .contact-us .contact-heading-p  p{text-align: left; font-family: var(--english-font);}
.english .contact form input,.english .contact form input::placeholder,.english .contact form textarea,.english .contact form textarea::placeholder{text-align: left; font-family: var(--english-font);}
.english .contact .contact-form .clearfix{justify-content: start;}.english .contact form p .last-button{text-align: center;}.english .contact form p:last-child{left: 5px;}
.english .contact p{font-family: var(--english-font);}
.english .renwal .renwal-divs .row .renwal-div-both,.english .renwal .renwal-divs .row .renwal-div-both li,.english .renwal .renwal-divs .row .renwal-div-both h4{text-align: left; font-family: var(--english-font);}
.english .renwal .renwal-divs .row .renwal-div-both{border-left: 7px solid var(--main-color); border-right: none;}
.english .custom-select-with-arrow{font-size: 14px; font-family: var(--english-font);}
.english .new-subscribe-home .check-text p{margin-left: 10px; margin-top: 9px;}
.english .FAQ .faq-group .card-header .fa-chevron-down{left: 95%;}
.english .FAQ .faq-group .card-header h2,.english .FAQ .faq-group .card-body{font-family: var(--english-font);}
.english .both-form-check{justify-content: start; margin-left: 0; margin-top: 14px;}








/*****************************RESPONSIVE*********************************/
/*header responsive**/
@media  (min-width:767px) and (max-width:1200px) {
    .icon .logo img {
        display: block;
        width: 65%;
    }
    .icon .logo {
        padding: 17px 11px 17px 17px;
        width: 45%;
    }
    .english .icon .logo {
        padding: 17px 11px 17px 17px;
        width: 42%;
    }
}
@media  (min-width:767px) and (max-width:993px){
    .english footer .footer-subscrib button{left: 90%;}
}

@media (max-width:800px){
    .drop-down .navbar ul li a{
        font-size: 14px;
    }
    body{
        overflow-x: hidden;
    }
    html{
        overflow-x: hidden;
    }
}
@media (max-width:470px) {
    .services .head-text h2{
        font-size: 24px;
    }
    .services .services-section-btn{
        width: auto;
    }
    .FAQ .header h4, .FAQ .header h2, .FAQ .header h5{
        font-size: 19px;
        padding-right: 5px;
    }
    .testo .carousel-indicators{
        display: none;
    }
    header .navbar .all-header{
        display: none;
    }
    .icon{
        display: none;
    }
    .program .row{
        padding: 22px;
    }
    .logo{
        display: none;
    }
    .logo-mob {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .logo-mob img{
        display: block;
        width: 60%;
    }
    .hiding{
    display: none;        
    }
    .for-mob{
        display: block;
        width: 90%;
    }
    .head-group3{
   text-align: left;
   display: none;
    }

    .pos-f-t{
        display: block;
        width: 100%;
    }
    .icon .tags {
        justify-content: flex-start;
    }

}

                /****serevices responsive*****/
                @media (max-width:900px) {
                    footer .footer-links{
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        padding: 8px;
                    }
                    footer .footer-logo{padding-top: 0px;}
                    .card-group{
                        display: flex;
                        flex-direction: column;
                    }
                    .services .cards{
                        padding: 30px;
                    }
                    .services .card{
                        margin: 60px auto;
                    }
                    .contact .container-fluid{
                        padding-left: 10px;
                        padding-right: 10px;
                    }
                    .testo .image-area img{display: block;}
                }
                @media (max-width:767px) {
                    .care-insurance-home .care-insurance-content h1{
                        font-size: 30px;
                    }
                    .services .services-first-header h1{
                        font-size: 25px;
                    }
                    .services .services-second-header p{
                        font-size: 18px;
                        color: var(--third-color);
                    }
                
                    .services .card{
                
                        margin-right: 0px;
                        margin-top: 80px;
                        margin-bottom: 50px;
                        margin-right: 0px;
                    }
                    .english .FAQ .bton{
                        justify-content: center;
                    }
                }                
                


@media (max-width:500px) {

    .testo .box1 .content-text h2{
        font-size: 28px;
        margin-top: 16px;
    }
    .testo .box1 .content-text p{
        font-size: 14px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .testo .box1 .content-text{
        height: auto;
    }
    .tags a  img{
        width: auto;
        height: auto;
    }
    .tags a span u{
        font-size: 15px;
    }
    .FAQ .faq-group{
        padding-right: 0;
    }
    .FAQ .bton{
        padding: 0;
    }
}
@media (max-width:620px) {
    footer .footer-logo img{
        width: 70%;
    }
    header .search-bar-container ::placeholder{
        font-size: 14px;
    }
    header .search-bar-container label{
        font-size: 20px;
        margin-left: 8px;
        margin-top: 8px;
    }
    .lang{
        margin: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .logo img {
        margin: auto;
    }
    .icon .tags img {
        height: 54px;
        width: 54px;
    }
    .home .content{
        height: auto;
        right: 0;
        padding: 5px;
    }
  
    .more{
        top: 62%;
        right: 20px;
    }
    .english .home .content h2{font-size: 15px;}
    .home .content h3{
        font-size: 15px;
    }
    .home .content h2{
        font-size: 15px;
    }
    .home .content h1{
        font-size: 15px;
    }
    .home .social-icon{
        flex-direction: row;
        justify-content: space-between;
        top: 90%;
    }
    .home .social-icon a{
        margin: 2px;
    }
    footer .footer-paraghraph{
        font-size: 15px;
    }
}
/**************DROPDOWN responsive**********/
@media (max-width:767px) {
    .icon{
        display: none;
    }
    .drop-down{
        display: none;
    }
    .drop-down-mob{
        display: block;
    }
    .drop-down-mob .card .card-header button{
        margin: auto;
    }
    .drop-down-mob .card .card-header button:hover{
        text-decoration: none;
    }
    .just-mob{
        display: block;
        width: 100%;
    }
    .just-mob button{
        margin: 17px;
    }
    .just-mob a img{
        margin: 10px 9px;
        float: right;
    }
    .just-mob .head-group1, 
    .just-mob .head-group2{
        width: 100%;
    }
    .FAQ .header h4,
    .FAQ .header h2,
    .FAQ .header h5{
        font-size: 20px;
    }
    .panel-title a{
        font-size: 17px;
    }
    .FAQ .bton{
        justify-content: center;
    }

    footer .footer-links a{
        font-size: 12px;
    }
    footer .text-center{
        margin-top: 27px;
    }
   
}
@media (max-width:1100px){
    .blue-side,
    .home .blue-side{
        display: none;
    }
    .carousel-control-next,
    .carousel-control-prev{
        display: none;
    }
    .links .arabic-bolt span{
        display: none;
    }
    /* .english .links p span{
        display: block;
    } */
}

@media (min-width:767px) and (max-width:1200px){
    .english .icon .tags a{margin-left: 0px;} .icon .lang i{padding-left: 4px;
        padding-right: 4px;}
}
@media (max-width:1200px){
    .person .col .card .card-body{
        width: 100%;
    }
    .order-message .care-insurance-content{
        right: 2%;
    }
    .order-message .care-insurance-content p,.english .order-message .care-insurance-content li{font-size: 23px;}
    .care-insurance-home .top-heading {
        display: none;
     }
     .english .order-message .fa-quote-right{font-size: 20px;}.english .order-message .care-insurance-content{top: 5%;}
}
@media (max-width:867px) {
    .droping{
        display: flex;
        flex-direction: column-reverse;

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


    .new-subscribe-home .container-fluid{
    padding-left: 5px;
    padding-right: 5px;
    }
 .english footer .footer-subscrib button{
        left: 89%;
    }
    .new-subscribe-home .social-icon{
        display: none;
    }
    footer .text-center img{
        width: 8%;
    }
    .order-message .care-insurance-content{top: 1%; padding: 5px;}
    .order-message .fa-quote-left,.english .order-message .fa-quote-right{font-size: 20px;}.order-message .care-insurance-content p,.english .order-message .care-insurance-content li{font-size: 15px;}
    .accounting .row-accounts{flex-direction: column-reverse;}
    .person .col .card .card-body .special-link{font-size: 12px;}
    header .navbar .all-header{display: none;}
    .head-3-mop{
        display: block;
        background: var(--main-color);
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .head-3-mop .lang {
        background-color: #82ced4;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding-top: 5px;
    padding-bottom: 5px;
    }
    .head-3-mop .lang button{
        color: #fff;
        background: #82ced4;
        border: #82ced4;
        margin-right: 10px;
        margin-left: 10px;
    }
    .head-3-mop #languag-select{
        color: #ffff;
        font-family: var(--english-font);
        margin-left: 10px;
        margin-right: 10px;
    }
    .head-3-mop .lang button i{
        color: #fff;
        font-size: 20px;
    } 
    .head-3-mop u{
        line-height: 35px;
    }
    .head-group3 u{
        font-size: 16px;
        padding: 0;
        margin: 0;
    }


}
@media  (max-width:600px){
    .accounting .acount-head{margin-right: 10px;}.accounting .acount-head h2{font-size: 27px;}.accounting .row-accounts{margin-left: 10px;margin-right: 10px;}
    .order-message .blue-side{display: none;}
    .renwal .renwal-divs .row .renwal-div-both h4{font-size: 15px;}.renwal .renwal-divs .row .renwal-div-both li{font-size: 12px;}
}
@media  (max-width:500px) {
    .person .links li{
        font-size: 12px;
    }
    .person .col .card{
        margin: 4px;
        height: auto;
    }
    .english .person .col .card .card-body a,
    .person .col .card .card-body a{
        font-size: 12px;
        width: 95%;
        height: 100%;
    }
    .person .col .card i{
        font-size: 50px;
    }
    .person .drop{
        width: 298px;
    }
    .english .person .drop button i{left: 260px; right: 13px;}
    .person .drop button{
        font-size: 20px;
    }
    footer #newsletter-email{
        height: 43px;
    }
    footer .footer-subscrib button{
        top: 34px;
        left: 20px;
    }
  
    .brtween p{
        display: none;
    }
    .sub-benefits-header p{
        font-size: 11px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .sub-benefits-header h2{
        font-size: 24;
    }
    .person-sub .card img{
        height: 100px;
    }
    .person-sub .card .card-body a{
        width: 90%;
    }
    .person-sub .card .card-body a{
        font-size: 16px;
        padding: 10px;
    }
    .new-subscribe-home .form-row .form-group button{
        width: 40px;
        height: 40px;
    }
    .new-subscribe-home .form-row .form-check label{
        font-size: 11px;
        margin-top: 10px;
    }
    .new-subscribe-home .form-row .form-check .form-check-input{
        width: 22px;
        height: 25px;
    }
    .new-subscribe-home .container-fluid .text-right h2{font-size: 18px;}.new-subscribe-home .form-row .form-group label{font-size: 12px;}
    .new-subscribe-home .check-text p{font-size: 12px; font-family: var(--light-font);}
    .both-form-check{flex-direction: column;margin-right: -10px;}
    .both-form-check .arabic-check{display: flex; justify-content: end;}
    .new-subscribe-home form .payment-head h3{font-size: 14px; text-align: right;}
    .english .new-subscribe-home form .payment-head h3{text-align: left;}
    .new-subscribe-home form .payment-method select{width: 100%; font-size: 13px; margin: auto;}
    .new-subscribe-home .payment-method-paraghraph p{font-size: 14px;}
    .new-subscribe-home form .button button{font-size: 18px; width: 100%;}
    .new-subscribe-home .form-row{padding: 7px 10px 10px 10px;}
    .contact-us .col .card img{width: 50px; height: 50px;}
    .contact-us .col .card-body h5{font-size: 15px;}
    .contact-us .card-header{width: 100%;}
    .contact p{padding-right: 0px;}
    .contact .map iframe{padding: 0px;}
    .contact h2{font-size: 20px;}
    footer{padding: 15px;}
    .order-message .fa-quote-left,.english .order-message .fa-quote-right{display: none;}.order-message .care-insurance-content,.english .order-message .care-insurance-content{top: 10%;}.order-message .care-insurance-content p,.english .order-message .care-insurance-content li{font-size: 14px;line-height: 20px;}
    .order-message{height: 300px;}
    .renwal .renwal-divs .row .renwal-div-single h1{font-size: 20px;}
    .company .modal-dialog .modal-header h2, .new-subscribe-home .modal-dialog .modal-header h2{font-size: 18px;}
    .english footer .footer-subscrib button{left: 87%;}
    .company .modal-dialog .modal-content .modal-body .modal-footer .btn, .new-subscribe-home .modal-dialog .modal-content .modal-body .modal-footer .btn{margin-top: 0;height: auto;}
}
@media (max-width:993px) {
    .contact .contact-form,
    .english  .contact .contact-form{
        margin-top: 40px;
    }

}

@media  (min-width:686px) and (max-width:767px){
    .just-mob a img{
        margin: 0;
        float: right;
        width: 40%;
    }
    .services #carouselExampleCaptions .carousel-indicators{top: 104%;}
    
}
@media (max-width:686px){
    .just-mob a img{
        margin: 0;
        float: right;
        width: 40%;
        padding-top: 10px;
    }
    .english .home .content{left: 1%; }
    .english .social-icon {flex-direction: row;
        justify-content: space-between;
        top: 90%;left: 20px;}
        .services #carouselExampleCaptions .carousel-indicators{top: 102%;}
}
@media (max-width:500px) {
    .just-mob a img{
        margin-top: 7px;
     
    }
}
@media (max-width:438px) {
    .english .new-subscribe-home .check-text .input-2{top: 106px;}
}
@media (max-width:400px){
    .just-mob a img{
        float: right;
    }
    .english footer .footer-subscrib button{left: 85%;}
    .english .FAQ .faq-group .card-header .btn{width: 90%; font-size: 13px;}.english .FAQ .faq-group .card-header .fa-chevron-down{left: 91%;}


    .contact-us .contact-heading-p{padding: 10px;}.contact-us .contact-heading-p p {font-size: 15px;}
    .new-subscribe-home .table td, .table th{padding: 10px;}
    .services .services-first-header h1{font-size: 24px;padding-right: 10px;}.services .services-second-header p{font-size: 14px;padding-right: 10px;}
    .img-card{width: 120px; height: 120px;}.img-card img{width: 100%;}.services .card-body .card-title{font-size: 25px;}.services .card-body .card-text{font-size: 14px;}
    .sub-benefits .col .card-body h5{font-size: 15px;}

    .contact h2{font-size: 17px;}.contact p{font-size: 15px;}
    .company .modal-dialog .modal-content .modal-body h3{font-size: 15px;}.company .modal-dialog .modal-content .modal-body p{font-size: 14px;}
}
@media (max-width:350px) {
    .accounting .accounts p{line-height: 17px;font-size: 13px;}.accounting .acount-head h2{font-size: 20px;}.accounting .accounts h5{font-size: 22px;}

    .contact .contact-form .clearfix{
        display: flex;
        justify-content: center;
        padding-right: 0px;
    }
    .program-btn{
        font-size: 12px;
    }
    .english footer .footer-subscrib button{left: 83%;}

}
@media (max-width:300px){
    .just-mob a img{
        float: right;
        width: 50%;
    }
    .head-group3 u{
        font-size: 12px;
    }
    .FAQ .bton .btn-dark,
    .FAQ .bton .btn-lightt{
        margin-left: 0;
    }
    .program-img{
        margin-top: 10px;
    }

    footer .footer-links a{
        font-size: 12px;
    }
    .person .drop{
        width: 198px;
    }

    .new-subscribe-home form .button button{font-size: 12px;}
    .care-insurance-home .care-insurance-content h1{font-size: 19px;}
    .order-message .care-insurance-content{top: 4%;}.order-message .care-insurance-content p,.english .order-message .care-insurance-content li{font-size: 11px; line-height: 17px;}
    .accounting .row-accounts{margin-left: 2px;margin-right: 2px;}.accounting .accounts p span{display: none;}
    .renwal .renwal-divs .row .renwal-div-single h1{font-size: 17px;}.renwal .renwal-divs .row .renwal-div-single .circule{width: 40px;height: 40px;}
}
@media (max-width:280px) {
    .english .new-subscribe-home .check-text .input-2{top: 131px;}
}
@media (max-width:250px){
    .just-mob button{
        margin: 0;
    }
    .head-group3 u{font-size: 11px;}.just-mob a img{margin: 0px 0px;}
}
/****************************** END new-subscrib-html- style*************************************/



table, th, td {
  border: 1px solid black;
  padding: 10px;
}
.theader{
    background-color: #0077aa42;
    color: var(--second-color);
    font-family: var(--light-font);
}


.change {
    display: inline-block;
    background-color:var(--main-color);
    color: #fff;
    border: none;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.change i{
    cursor:text;
    visibility:unset;
}
.change i:focus i{
    visibility: hidden;
}


.change2 {
opacity: 0;
}

.submit-a{
    color: #fff;
    width: 100%;
}