body{
    font-family: 'Isidora Sans' !important;
}

a{
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


button:focus {
    outline: none !important;
    outline: none !important;
}

.social_chat_block{
    width: 172px;
    position: fixed;
    bottom: 25px;
    left: 5px;
    background: #f1ece5;
    border: solid 1px #58585c24;
    z-index: 777;
    text-align:left;
    font-size: 17px;
    padding-left:25px;
    padding-right:25px;
    /* line-height: 42px; */
    color:black;
    font-weight:500;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    border-radius: 50px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    }
    
.social_chat_block:hover{
    background:white;
    color:#118d25;
    text-decoration: none !important;
}    
    
.social_chat_block span{
        font-size: 18px;
    position: relative;
    top: 3px;
}

.ftr-hand{
 width: 28px;
margin-left: 8px;  
}

.social_chat_block strong img{
  width: 28px;
  float:right;
}

.wave {
  animation-name: wave-animation;  /* Refers to the name of your @keyframes element below */
  animation-duration: 2.5s;        /* Change to speed up or slow down */
  animation-iteration-count: infinite;  /* Never stop waving :) */
  transform-origin: 70% 70%;       /* Pivot around the bottom-left palm */
  display: inline-block;
}

@keyframes wave-animation {
    0% { transform: rotate( 0.0deg) }
   10% { transform: rotate(14.0deg) }  /* The following five values can be played with to make the waving more or less extreme */
   20% { transform: rotate(-8.0deg) }
   30% { transform: rotate(14.0deg) }
   40% { transform: rotate(-4.0deg) }
   50% { transform: rotate(10.0deg) }
   60% { transform: rotate( 0.0deg) }  /* Reset for the last half to pause */
  100% { transform: rotate( 0.0deg) }
}

@media (max-width: 500px) {
    .call-block{
            left: 5px !important;
    bottom: 80px !important;
    }
.social_chat_block{width:150px; padding-left:13px; padding-right:13px;}
.ftr-hand{width:22px; margin-left: 3px;}   
.social_chat_block span{font-size:17px;}
}

.hidden-input-field {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.load-more-btn {
    display: inline-block;
    padding: 10px 20px;
    color: #59595c;
    text-decoration: none;
    border: solid 1px #59595c;
    border-radius: 50px;
    cursor: pointer;
    font-weight: 500;
}

.load-more-btn:hover {
    background: #93d50a;
    color: #fff;
    border: solid 1px #93d50a;
    text-decoration: none !important;
}

@media not all and (max-height: 900px) and (min-resolution:.1dpi) {
   .clients-portal{
    line-height: 40px !important;
    }

    .bnr-nav2{
        
     /*  line-height: 41px !important; */
    }

    .srv-btn{
        line-height:41px !important;
    }

    .news-btn{
        line-height:41px !important;
    }
}


/* width */
::-webkit-scrollbar {
 width:4px;
}

/* Track */
::-webkit-scrollbar-track {
 background:#59595c; 
 border-radius:0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
 background:#59595c;
 border-radius:0px;
}



.colorRed:hover,.colorBlue:hover, .colorGreen:hover {filter:grayscale(0);}
.colorGreen img:hover {filter:hue-rotate(100deg);}

.colorRed,.colorBlue, .colorGreen {filter:grayscale(1);}

.loader3 {
   width:100px;
   height:100px;
   display:inline-block;
   padding:0px;
   text-align:left;
}
.loader3 span {
   position:absolute;
   display:inline-block;
   width:100px;
   height:100px;
   border-radius:100%;
   background:rgba(135, 211, 124,1);
   -webkit-animation:loader3 1.5s linear infinite;
   animation:loader3 1.5s linear infinite;
}
.loader3 span:last-child {
   animation-delay:-0.9s;
   -webkit-animation-delay:-0.9s;
}
@keyframes loader3 {
   0% {transform: scale(0, 0);opacity:0.8;}
   100% {transform: scale(1, 1);opacity:0;}
}
@-webkit-keyframes loader3 {
   0% {-webkit-transform: scale(0, 0);opacity:0.8;}
   100% {-webkit-transform: scale(1, 1);opacity:0;}
}


.features-section{
    float:left;
    width:100%;
    padding-top:80px;
    padding-bottom:0px;
}

.spe-section{
    float:left;
    width:100%;
    border-radius:15px;
    border: solid 1px #729f0e;
    padding:25px;
    margin-bottom:75px;
}

.spe-section:hover .fs-icons{
    background: #729f0e !important;
}

.spe-section h3{
    float: left;
    width: 100%;
    color: #2f4206;
    font-weight: 600;
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: whitesmoke;
    border-radius: 13px;
    padding-left: 16px;
    padding-right:16px;
    margin-bottom: 23px;
}

.spe-section p {
    float: left;
    width: 100% !important;
    padding-right: 0px !important;
    color: #1d1d1f !important;
    font-weight: 500 !important;
    text-align: left;
    font-size: 16px !important;
    padding-bottom: 12px !important;
    line-height: 25px !important;
    margin-bottom: 10px;
    padding-left: 31px;
}

.pb20{
    padding-bottom:2px !important;
}

.fs-es{
    margin-top:0px !important;
    margin-bottom: 25px !important;
    background: #58585c !important;
}

.fs-icons-new{
    border-radius: 50%;
    /* border: solid 1px #acacad; */
    height: 115px;
    width: 115px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    padding-top: 24px;
    margin-top: -66px;
    background: #729f0e;
    margin-bottom: 18px;
}


.fs-icons-new img {
    filter: brightness(0) invert(1);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    width: 65px !important;
    display: inline !important;
    float: none !important;
    left: 24px;
    position: relative;
}


.spe-section:hover .fs-icons-new {
    background: #58585c !important;
}

.fs-icons{
    border-radius: 50%;
    /* border: solid 1px #acacad; */
    height: 115px;width: 115px;
    /* margin-left: auto; *//* margin-right: auto; */
    padding-top: 24px;
    margin-top: -66px;
    background: #729f0e;
    margin-bottom: 18px;}

.fs-icons img {
   filter: brightness(0) invert(1);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    width: 65px !important;
    display: inline !important;
    float: none !important;
    left: 24px;
    position: relative;
}

.mb15{
    margin-bottom:15px !important;
}

.bg-lightgreen{
  background: #95d7031f !important;  
}

.spe-section p::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(../images/check.png) no-repeat center center;
    background-size: 23px 22px;
    left: 31px;
    margin-top: -8px;
    /* top: 49px; */
}

.legal-bg{
    background: #58585c !important;
}

#panel-one{
    float:left;
    width:100%;
    background:#f6f6f6;
    /* padding-top:45px; */
    padding-bottom: 20px;
}

.top-header{
    float:left;
    width:100%;
}

.logo{
    float:left;
}

.logo img{
    width: 255px;
}

.top-banner{
    float:left;
    width:100%;
    /* height:430px; */
    margin-top: 157px;
    margin-bottom:50px;
}

#panel-two{
    float:left;
    width:100%;
    padding-top: 70px;
    padding-bottom: 75px;
}

#panel-two h2{
    float:left;
    font-size:40px;
    color:#59595c;
    font-weight:600;
    padding-bottom: 35px;
}

.bg-mand{
    background:rgb(143 145 138 / 5%);
}

.doc-white{
    float: left;
    width: 49%;
    border-radius: 8px;
    background-color: white;
    padding: 15px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
    color: #1d1d1f !important;
    margin-bottom:15px;
}



.service-list{
    float:left;
    width:100%;
}

.service-business{
    float:left;
    width:100%;
    border-radius:20px;
    border:solid 1px #acacad;
    padding: 35px;
    text-align:center;
    color:#59595c;
    padding-top: 60px;
    padding-bottom: 60px;
    background-image: url("../images/pattern.png");
}

.service-business h3{
    float:left;
    width:100%;
    font-size:25px;
    margin-top: 25px;
}

.service-business p{
    float:left;
    width:100%;
    font-size: 15px;
    color: #1d1d1f;
    line-height: 27px;
    font-weight: 500;
    padding-left: 19px;
    padding-right: 19px;
    margin-top: 7px;
}

.service-business:hover{
    color:#93d50a !important;
    text-decoration:none;

}

.service-business:hover .sr-round{
    background: #93d50a !important;
    border:solid 1px #93d50a !important;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.service-business:hover .sr-round img{
     filter:  brightness(0) invert(1);
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.sr-round{
    border-radius: 50%;
    border:solid 1px #acacad;
    height:115px;
    width:115px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 22px;
}

.sr-round img{
    /* filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%); */
    width: 65px !important;
        display: inline !important;
    filter: invert(0.5);
}
.left-push{
    float:left;
}

.srv-btn{
    float:right;
    width:134px;
    height:47px;
    border-radius:50px;
    border:solid 1px #59595c;
    text-align: center;
    line-height: 48px;
    font-weight: 500;
    color: #59595c;
}

.srv-btn:hover{
    border:solid 1px #93d50a;   
    color:white;
    background:#93d50a;
    text-decoration:none !important;
}


#panel-three{
    float:left;
    width:100%;
    background:#f6f6f6;
    padding-top:45px;
    padding-bottom:45px;
}

#panel-three h4{
    float: left;
    width:100%;
    font-size:36px;
    color: #59595c;
    font-weight: 600;
    padding-bottom: 11px;
    padding-top:55px;
}

#panel-three p{
    float:left;
    width:100%;
    font-size: 15px;
    color: #1d1d1f;
    line-height: 29px;
    font-weight: 500;
}

.pull-right{
    float:right !important;
}

.loader-size{
    width:350px;
}

.connect-btn{
    float:left;
    width:134px;
    /* height:47px; */
    border-radius:50px;
    border:solid 1px #59595c;
    text-align: center;
    /* line-height: 45px; */
    font-weight: 500;
    color: #59595c;
    margin-top: 6px;
    padding-top: 13px;
    padding-bottom: 12px;
}

.connect-btn:hover{
        border:solid 1px #93d50a;   
    color:white;
    background:#93d50a;
    text-decoration:none !important;
}


.benf{
    float: left;
    width: 100%;
    margin-top:10px;
    border-radius: 10px;
    /* border: solid 1px rgb(0 0 0 / 11%); */
    background: white;
    margin-bottom: 20px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.benf:hover.benf strong{
    background: #58585c;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.benf strong{
    float: left;
    width: 45px;
    font-size: 24px;
    padding-top: 5px;
    padding-bottom: 1px;
    color: #ffffff;
    text-align: left;
    /* padding-left: 13px; */
    background: #97b94c;
    border-bottom-right-radius: 17px;
    text-align: center;
    height: 45px;
    letter-spacing: 0;
    font-weight: 500;
}

.key-numbers{
    float:left;
    width:100%;
    margin-top:45px;
}

.key-numbers p{
    float:left;
    width: 100% !important;
    text-align:left !important;
    padding-right: 0px !important;
    margin-bottom: 16px !important;
}


.key-numbers h3 {
    width: 100%;
    padding-bottom:0px !important;
    font-size: 30px !important;
    color: #59595c;
    font-weight: 600;
    padding-bottom: 11px;
    padding-top: 0px;
    text-align:left !important;
}

.kn-bg{
    float:left;
    width:100%;
    background:white;
    border-radius:8px;
        border: solid 1px white;
    padding:15px;
    font-size:16px;
    font-weight:500;
    margin-bottom:25px;
    text-align: left;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.kn-bg span{
    font-size: 30px;
    padding-right: 5px;
    font-weight: 600;
    width:100%;
    float:left;


}

.kn-bg:hover{
    color:#008b00;
        border: solid 1px rgb(0 139 0 / 22%);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.option-list{float: left;width: 100%;font-size: 16px;font-weight: 500;padding-left: 57px;color: #1d1d1f;padding-bottom:25px;}

.option-list p::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/process-dot.png) no-repeat center center;
    /* background-size: 50px 50px; */
    left: 7px;
    margin-top: 0px;
    top: -9px;
}


.option-list1{float: left;width: 100%;font-size: 16px;font-weight: 500;padding-left: 57px;color: #1d1d1f;padding-bottom:25px;}
.option-list1::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/process-dot.png) no-repeat center center;
    /* background-size: 50px 50px; */
    left: 7px;
    margin-top: 0px;
    top: 42px;
}

.option-list2{float: left;width: 100%;font-size: 16px;font-weight: 500;padding-left: 57px;color: #1d1d1f;padding-bottom:25px;}
.option-list2::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/process-dot.png) no-repeat center center;
    /* background-size: 50px 50px; */
    left: 7px;
    margin-top: 0px;
    top: 93px;
}

.option-list3{float: left;width: 100%;font-size: 16px;font-weight: 500;padding-left: 57px;color: #1d1d1f;padding-bottom:25px;}
.option-list3::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/process-dot.png) no-repeat center center;
    /* background-size: 50px 50px; */
    left: 7px;
    margin-top: 0px;
    top: 141px;
}

.option-list4{float: left;width: 100%;font-size: 16px;font-weight: 500;padding-left: 57px;color: #1d1d1f;padding-bottom:25px;}
.option-list4::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/process-dot.png) no-repeat center center;
    /* background-size: 50px 50px; */
    left: 7px;
    margin-top: 0px;
    top: 191px;
}


.option-list5{float: left;width: 100%;font-size: 16px;font-weight: 500;padding-left: 57px;color: #1d1d1f;padding-bottom:25px;}
.option-list5::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/process-dot.png) no-repeat center center;
    /* background-size: 50px 50px; */
    left: 7px;
    margin-top: 0px;
    top: 262px;
}

.option-list6{float: left;width: 100%;font-size: 16px;font-weight: 500;padding-left: 57px;color: #1d1d1f;padding-bottom:25px;}
.option-list6::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/process-dot.png) no-repeat center center;
    /* background-size: 50px 50px; */
    left: 7px;
    margin-top: 0px;
    top: 312px;
}

.option-list7{float: left;width: 100%;font-size: 16px;font-weight: 500;padding-left: 57px;color: #1d1d1f;padding-bottom:25px;}
.option-list7::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/process-dot.png) no-repeat center center;
    /* background-size: 50px 50px; */
    left: 7px;
    margin-top: 0px;
    top: 385px;
}

.option-list8{float: left;width: 100%;font-size: 16px;font-weight: 500;padding-left: 57px;color: #1d1d1f;padding-bottom:25px;}
.option-list8::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/process-dot.png) no-repeat center center;
    /* background-size: 50px 50px; */
    left: 7px;
    margin-top: 0px;
    top: 431px;
}

.doc-number{float: left;
    width: 45px;
    font-size: 30px;
    padding-bottom: 7px;
    background: #6a9b04;
    height: 45px;
    border-radius: 50%;
    color: white;
    font-size: 17px;
    text-align: center;
    line-height: 46px;
    font-weight: 600;
    letter-spacing: 1px;}

.doc-strip{
    float: left;
    width: 25px;
    height: 3px;
    background: #7cb30b;
    border-radius: 50px;
    display:none;
}

.doc-ns{
    float:left;
    width:100%;
        margin-bottom: 10px;
}

.tabs {
    max-width: 100%;
    float: left;
    list-style: none;
    padding: 0;
    margin-top: 15px;
    /* border-bottom: 4px solid #ccc; */
}
.tabs:after {
    content: '';
    display: table;
    clear: both;
}
.tabs input[type=radio] {
    display:none;
}
.tabs label {
    display: block;
    float: left;
    width: 33.3333%;
    color: #59595c !important;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    /* line-height: 38px; */
    cursor: pointer;
    box-shadow: inset 0 2px #58585c;
    border-bottom: 2px solid #58585c;
    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
    transition: all 0.5s;
    padding-top: 13px;
    padding-bottom: 13px;
}
.tabs label span {
    
    /* display: none; */
}
.tabs label i {
    padding: 5px;
    margin-right: 0;
}
.tabs label:hover {
    color: #3498db;
    box-shadow: inset 0 2px #9db7c9;
    border-bottom: 2px solid #9db7c9;
}
.tab-content {
    display: none;
    width: 100%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    background-color:#ffffff;
}
.tab-content * {
    -webkit-animation: scale 0.7s ease-in-out;
    -moz-animation: scale 0.7s ease-in-out;
    animation: scale 0.7s ease-in-out;
}
@keyframes scale {
  0% {
    transform: scale(0.9);
    opacity: 0;
    }
  50% {
    transform: scale(1.01);
    opacity: 0.5;
    }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.tabs [id^="tab"]:checked + label {
    background: #FFF;
    box-shadow: inset 0 2px #93d50a;
    border-bottom: 2px solid #93d50a;
    color: #3498db;
    font-weight:800;
}
#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3 {
    display: block;
}
@media (min-width: 768px) {
    .tabs i {
        padding: 5px;
        margin-right: 10px;
    }
    .tabs label span {
        display: inline-block;
    }
    .tabs {
    /* max-width: 950px; */
    /* margin: 50px auto; */
    }
}



.benf p{width: 100% !important;font-size: 16px !important;color: #1d1d1f;line-height: 29px;font-weight: 500;padding-right: 0px !important;text-align: left;padding: 20px !important;line-height: 25px !important;margin-bottom: 0px;float: left;padding-top: 10px !important;}

#panel-four{
    float:left;
    width:100%;
    height:490px;
    background-image: url(../images/hover-screen1.png) !important;
    background-repeat: no-repeat;
    background-size:cover;
    background-position-y: 90%;
    
}


#panel-five{
    float:left;
    width:100%;
    background:#f6f6f6;
    padding-top: 34px;
    /* height: 390px; */
}

#panel-five h4{
    float: left;
    width:100%;
    font-size:36px;
    color: #59595c;
    font-weight: 600;
    padding-bottom: 17px;
    padding-top: 42px;
}

#panel-five p{
    float:left;
    width:100%;
    font-size: 15px;
    color: #1d1d1f;
    line-height: 30px;
    font-weight: 500;
}

.pr-none{
    padding-right:0px !important;
    margin-top: -164px;
}

.align-right{
    float:right;
}




#panel-six{
    float:left;
    width:100%;
    padding-top: 70px;
    padding-bottom: 50px;
}

#panel-six h2{
    float:left;
    font-size:40px;
    color:#59595c;
    font-weight:600;
    padding-bottom: 35px;
}


.news-list{
    float:left;
    width:100%;
}


.news-business{
    float:left;
    width:100%;
    border-radius:20px;
    border:solid 1px #acacad;
    color:#59595c;
    /* padding-bottom: 60px; */
}

.news-img{
    float:left;
    width:100%
}

.news-img img{
    width:100%;
    border-top-right-radius:20px;
    border-top-left-radius:20px;
}

.news-details{
    float:left;
    width:100%;
    padding:30px;
    padding-bottom: 0;
    background-image: url("../images/pattern.png");
}

.news-details h5{
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    color: #59595c;
    text-align: left;
}

.news-details p{
    float: left;
    width: 100%;
    font-size: 15px;
    color: #1d1d1f;
    line-height: 28px;
    font-weight: 500;
    padding-top: 6px;
    /* margin-bottom: 7px; */
    text-align: left;
}

.bg-none{
    background-image: none !important;
}

.posted-date{
    float:left;
    width:100%;
    font-size:13px;
    font-weight: 500;
    color: rgb(201 201 201);
    text-align: left;
}

.posted-date span{
    font-weight:bold;
    color: #858589;
}

.news-btn{
    float:left;
    width:134px;
    height:47px;
    border-radius:50px;
    border:solid 1px #59595c;
    text-align: center;
    line-height: 48px;
    font-weight: 500;
    color: #59595c;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    position: relative;
    bottom: -24px;
    background: white;
}

.news-business:hover .news-btn{
    border:solid 1px #93d50a;   
    text-decoration:none !important;
        transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.news-business:hover{
    border:solid 1px #93d50a;   
}

.ftr-icons img{
    width:40px;
}

.pb30{
    padding-bottom:30px !important;
}

.sr-icons img{
    width:100px;
}


.service-bg:hover h4{
 background-color: #eef9e1;
    background: rgb(20,182,166);
    background: linear-gradient(235deg, rgba(20,182,166,1) 0%, rgb(105 173 22) 100%);
    text-decoration: none !important;
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.row-ftr{
    float:left;
    width:100%;
}


#panel-seven {
    float: left;
    width: 100%;
    background: #f6f6f6;
    padding-top: 55px;
    padding-bottom:65px;
}

#panel-seven h2 {
    float: left;
    width: 100%;
    font-size: 36px;
    color: #59595c;
    font-weight: 600;
    padding-bottom:10px;
    padding-top: 25px;
    text-align: center;
}

#panel-seven p{
    float: left;
    width: 100%;
    font-size: 15px;
    color: #1d1d1f;
    line-height: 30px;
    font-weight: 500;
    text-align:center;
    padding-left:220px;
    padding-right:220px;
}

.review-list{
    float:left;
    width: 100% !important;
    margin-top: 40px;
}

.review-box{
    float: left;
    width: 100%;
    border-radius: 20px;
    border: solid 1px #acacad;
    padding: 50px;
    background-image: url(../images/quote-big.png) !important;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 230px;
}

.review-img{
    float:left;
    width:100%;
    margin-bottom: 80px;
}


.review-img img{
    border-radius: 50%;
    width:auto !important;
    width: 110px !important;
}

.review-img span{
    background-color: #93d50a;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    left: 55px;
}

.review-box p{
    float: left !important;
    width: 100% !important;
    font-size: 15px !important;
    color: #1d1d1f !important;
    line-height: 30px !important;
    font-weight: 500 !important;
    padding-left:0px !important;
    padding-right:0px !important;
    text-align:left !important;
    padding-right: 30px !important;
}

.name-review{
    float:left;
    width:100%;
    color:#59595c;
    font-size:14px;
    font-weight:600;
    text-align:left;
}

.name-review strong{
    color: #70a103;
    font-weight: 500;
}

.designation{
   font-weight: 500 !important;
    color: #403e3e !important;;
}

.name-review span{
    float: left;
    width: 10px;
    height: 2px;
    background: #59595c;
    margin-right: 13px;
    position: relative;
    top: 8px;
}

.small-quote{
    margin-top: -120px;
     margin-left: 130px;
}

#footer{
    float:left;
    width:100%;
    background-color:#59595c;
    padding-top:60px;
    padding-bottom: 25px;
}

.news-hide{
    display:none !important;
}

.ftr-logo{
    float:left;
}

.ftr-nav{
    float:left;
    width:100%;
    margin-top: 50px;
}

.ftr-lnk{
    float: left;
    font-size: 14px;
    color: #dbdbe1;
    padding-right: 35px;
    font-weight: 500;
}

.ftr-lnk:hover{
    color:white;
    text-decoration:none;
}

.vision-2k23{
    float:left;
    width:100%;
    text-align:center;
}

.vision-2k23 img{
    width:155px;
}

.copy-50 {
    float:left;
    width:50%;
}

.social-txt{
    float: left;
    width: 100%;
    font-size: 14px;
    color: #f5f5f5;
    text-align: right;
}

.value-imgs{
    float:left;
    width:100%;
}

.value-imgs img{
    width: 80px !important;
    float: left !important;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    filter: invert(0.5);
}

.neom-city{
    margin-top:0px !important;
    border-radius:15px !important;
    margin-left:25px !important;
}



.ftr-logo img{
    width:255px;
}

.social-icons{
    float:left;
    width:100%;
    padding-top: 30px;
}

.ftr-icons{
    margin-left:13px;
    float: right;
}

.ftr-icons:hover{
    margin-top:-5px;
}

.ftr-border{
    float:left;
    width:100%;
    padding-bottom: 39px;
    border-bottom: solid 1px rgb(172 172 173 / 62%);
}

.copyright{
    float:left;
    width:100%;
    font-size: 14px;
    color: #dbdbe1;
    padding-top: 40px;
}

.copyright span{
    color:white;
    font-weight: 500;
}

.copyright strong{
    font-weight:normal !important;
}

.powered{
    float:left;
    width:100%;
    font-size: 14px;
    color: #dbdbe1;
    padding-top: 40px;
    text-align:right;
}

.tnm{
    color:white;
    font-weight: 500;
}

.tnm:hover{
      color: #dbdbe1;
    font-weight: 500;
    text-decoration:none;
}

.bnrimg{
    width:684px !important;
    float:right;
}


.bnr-nav1{
    float:left;
    width:134px;
    height:47px;
    border-radius:50px;
    border:solid 1px #93d50a;
    text-align: center;
    line-height: 45px;
    font-weight: 500;
    color: #59595c;
    margin-right:15px;
    margin-top:10px;
}

.bnr-nav1:hover{
    border:solid 1px #59595c;   
    text-decoration:none !important;
}


.bnr-nav2{
    float:left;
    width:134px;
    /* height:47px; */
    margin-right:15px;
    border-radius:50px;
    border:solid 1px #59595c;
    text-align: center;
    /* line-height: 48px; */
    font-weight: 500;
    color: #59595c;
    margin-top:10px;
    padding-top: 13px;
    padding-bottom: 13px;
}

.bnr-nav2:hover{
    border:solid 1px #93d50a;   
    text-decoration:none !important;
}


.menu-sec{
    float:right;
}

.top-menu{
    float:left;
    margin-right: 80px;
}

.top-menu a{
    float: left;
    font-size: 15px;
    font-weight: 500;
    color: #59595c;
    padding-right: 40px;
    padding-top:13px;
}

.top-menu a:hover{
    text-decoration:none;
    color:#93d50a;
}


.clients-portal{
    float: right !important;
    padding-top:0px !important;
    width: 134px;
    height: 47px;
    border-radius: 50px;
    border: solid 1px #59595c;
    text-align: center;
    line-height: 49px;
    font-weight: 500;
    color: #59595c;
    padding-right: 0px !important;
}

.clients-portal:hover{
    border:solid 1px #93d50a;
}


.clients-logo{
    float:left;
    width: 100% !important;
    margin-top: 15px;
    margin-bottom:0px;
}

.cl-logo img{
    
}

.w25{
    border-right: solid 1px rgb(177 170 170 / 30%);
    padding: 0px;
    float: left;
    position: relative !important;
    z-index: 111;
}


.cntr-wd{
    padding: 0px !important;
    width:100% !important;
    max-width: 100% !important;
    float:left !important;
}

.highlits{
    float: left !important;
    width: 100% !important;
    color: white !important;
    font-size:30px !important;
    font-weight: 400;
    line-height: 42px;
    padding: 40px;
    height: 490px;
    /* padding-top: 240px; */
}

.highlits:hover{
    text-decoration:none;
    color:#93d50a !important;
}


.high-arrow{
    float:left;
    width:100%;
    margin-top: -40px;
}


  .h-100vh { 
    height: 100vh; 
}
  .sub-text { 
    font-size: 24px; 
}
  .owl-theme .owl-controls .owl-buttons .owl-prev { 
    margin-left: -6%; 
}
  .owl-theme .owl-controls .owl-buttons .owl-next { 
    margin-right: -5%; 
}

 .owl-carousel.main-carousel h2 {
      font-size: 50px;
      color: #59595c;
      font-weight: bold;
      font-weight: 600;
      line-height: 65px;
      padding-top: 50px;
}

 .owl-carousel.main-carousel p{
    text-align: left;
    font-size: 16px;
    color: #1d1d1f;
    line-height: 31px;
    font-weight: 500;
    margin-top: 16px;
    margin-bottom: 15px;
 }
  .owl-carousel.main-carousel h2 span { 
    font-size: 53px; 
    font-weight: 600; 
}
  .main-carousel .slider-img { 
    width: 100%; 
}
  .main-carousel .slider-img img { 
    margin: auto 0; 
}
  .carousel-wrap { 
    margin: 90px auto; 
    padding: 0 5%; 
    width: 80%; 
    position: relative; 
}

.carousel-control { 
  background: none !important; 
}

/* fix blank or flashing items on carousel */
.owl-carousel .item { 
  position: relative; 
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}
.owl-carousel.main-carousel .owl-dots { 
  text-align: center; 
  padding-top: 10px; 
  display:none;
}

/*-----slider-------*/
.owl-carousel.main-carousel .owl-dots .owl-dot { 
  border-radius: 50%; 
  width: 15px; 
  height: 15px; 
  margin-left: 2px; 
  margin-right: 2px; 
  background: #ccc; 
  border: none; 
}

.owl-carousel.main-carousel .owl-dots .owl-dot.active, .owl-carousel.main-carousel .owl-dots .owl-dot:hover { 
  background: #1AA8E2; 
  display:none;
}
.owl-nav > div { 
  margin-top: -26px; 
  position: absolute; 
  top: 50%; 
  color: #cdcbcd; 
}
.owl-nav i { 
  font-size: 52px; 
}
div.owl-buttons { 
  display: table; 
  height: 15vh; 
}
.owl-buttons { display: block; }

.owl-carousel:hover .owl-buttons { display: block; }

.carousel-inner { overflow: visible; }

.owl-item { text-align: center; }

.owl-theme .owl-controls .owl-buttons div { background: transparent; color: #869791; font-size: 40px; line-height: 300px; margin: 0; position: absolute; top: 0; }

.owl-theme .owl-controls .owl-buttons .owl-prev { left: 0; margin-left: -8%; }

.owl-theme .owl-controls .owl-buttons .owl-next { right: 0; margin-right: -8%; }


.header-fixed{
    float:left;
    width:100%;
    z-index:111;
}

.active-m{
    color: #93d50a !important;
}

.title-pages{
    float: left;
    font-size: 44px;
    color: #59595c;
    font-weight: 400;
    padding-top: 119px;
    width: 100%;
    padding-bottom: 0 !important;
}

.strip{
    float: left;
    width: 50px;
    height: 5px;
    background: #93d50a;
    border-radius: 8px;
    bottom: -20px;
    position: relative;
}

#panel-innerpage{
    padding-top: 70px;
    padding-bottom:55px;
    float:left;
    width:100%;
}

#panel-innerpage h1{
    width:100%;
    font-size:36px;
    color: #59595c;
    font-weight: 600;
    padding-bottom: 11px;
    padding-top:0px;
}

#panel-innerpage p{
    width:100%;
    font-size: 15px;
    color: #1d1d1f;
    line-height: 29px;
    font-weight: 500;
}

#panel-innerpage img{
    float:right;
    margin-top:0px;
}

#values-section{
    float: left;
    width: 100%;
    background: #f6f6f6;
    padding-top: 45px;
    padding-bottom: 45px;
}


#values-section h2 {
    float: left;
    width: 100%;
    font-size: 36px;
    color: #59595c;
    font-weight: 600;
    padding-bottom:10px;
    padding-top: 12px;
    text-align: center;
}

#values-section p{
    float: left;
    width: 100%;
    font-size: 15px;
    color: #1d1d1f;
    line-height: 30px;
    font-weight: 500;
    text-align:center;
    padding-left:220px;
    padding-right:220px;
    margin-bottom: 60px;
}

.value-list{
    float:left;
    width:100%;
    margin-bottom: 45px;
   
        transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    padding-bottom: 40px;
}

.value-list:hover{
    
        transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.value-list:hover .value-list-bg{
        background-color:black !important;
        color:white !important;
            border-bottom: solid 1px #afe41d;
        transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


.value-list-bg{
    float:left;
    width: 12%;
    border-radius:10px;
    background-color:white;
    padding: 10px;
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    color: #59595c;
    font-weight: 600;
    margin-right: 20px;
        transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}



.value-desc{
    width: 100%;
    font-size: 15px;
    color: #1d1d1f;
    line-height: 29px;
    font-weight: 500;
    float: left;
}

#saudi-section{
    padding-top: 40px;
    padding-bottom: 50px;
    float: left;
    width: 100%;
}


#saudi-section h1{
    width:100%;
    font-size:36px;
    color: #59595c;
    font-weight: 600;
    padding-bottom: 11px;
    padding-top: 50px;
}

#saudi-section p{
    width:100%;
    font-size: 15px;
    color: #1d1d1f;
    line-height: 29px;
    font-weight: 500;
}

#saudi-section img{
    float:right;
    /* margin-top:20px; */
    /* border-radius: 15px; */
    margin-left: 30px;
}


#mpo{
    float:left;
    width:100%;
    background: #f6f6f6;
        padding-top:50px;
    padding-bottom: 60px;
}

#mpo h3{
    width: 100%;
    font-size: 36px;
    color: #59595c;
    font-weight: 600;
    padding-bottom: 11px;
    padding-top: 0px;
    line-height:54px;
}

#mpo p{
    width:100%;
    font-size: 15px;
    color: #1d1d1f;
    line-height: 29px;
    font-weight: 500;
    padding-right:200px;
}

#mpo img{
    width:75px;
    margin-bottom:20px;
}

.address-border{
    float:left;
    width:100%;
    border-radius: 20px;
    border: solid 1px #acacad;
    padding:25px;
    height:230px;
}

.address-border h2{
    float: left;
    width: 100%;
    font-size: 21px;
    color: #59595c;
    font-weight: 600;
}

.address-border p {
    float:left;
    width:100%;
    font-size: 15px;
    color: #1d1d1f;
    line-height: 29px;
    font-weight: 500;
    margin-bottom: 0px;
}

.addrees-list{
    margin-top:25px;
    float:left;
    width:100%;
}

.push-left{
    float:left !important;
}

.enq-section{
    float:left;
    width:100%;
}

.enq-section form{
        max-width: 645px;
        display: block;
        margin: 9px auto;
}


.log_set {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 15px;
}

.log_set label {
    width: 100%;
    float: left;
    position: relative;
    font-size: 15px;
    /* font-family: 'Open Sans', sans-serif !important; */
    font-weight: 500;
    color: #000;
    line-height: 25px;
    margin: 0 0 9px;
    text-align: left;
    font-family: 'Isidora Sans' !important;
}

.log_set input[type="text"], .log_set input[type="password"], .log_set input[type="mail"], .log_set input[type="email"], .log_set input[type="tel"], .log_set textarea, .log_set select {
    width: 100%;
    float: left;
    position: relative;
    height: 55px !important;
    border: none;
    padding: 10px 10px !important;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    font-weight: 500;
    /* border-radius: 4px; */
    -moz-border-radius: 4px;
    /* -webkit-border-radius: 4px; */
    border-radius: 3px;
    background: transparent;
    outline: none;
    border: solid 1px rgb(0 0 0 / 40%);
    padding-left: 0px;
    padding-right: 0px;
    font-family: 'Isidora Sans' !important;
}


.qurey-frm {
    height: auto !important;
}


.msg-btn{
    float:left;
    width: 150px;
    height:47px;
    border-radius:50px;
    border:solid 1px #59595c;
    text-align: center;
    line-height: 45px;
    font-weight: 500;
    color: #59595c;
    margin-top: 0px;
    background: #f6f6f6;
        transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    cursor:pointer;
}

.msg-btn:hover{
        border:solid 1px #93d50a;   
    color:white;
    background:#93d50a;
    text-decoration:none !important;
        transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

#map-section{
    float:left;
    width:100%;
}

#map-section iframe{
     filter: gray; /* IE6-9 */
      -webkit-filter: grayscale(99%);
}

#misa{
    float:left;
    width:100%;
    padding-top:60px;
    padding-bottom:35px;
}


.msg-form{
    border: solid 1px rgb(0 0 0 / 40%) !important;
    color: #000 !important;
}


#misa h4{
    float:left;
    width: 100%;
    font-size: 36px;
    color: #59595c;
    font-weight: 600;
    padding-bottom: 20px;
    padding-top: 0px;
}


#misa p {
width: 100%;
    font-size: 19px;
    color: #1d1d1f;
    line-height: 32px;
    font-weight: 500;
    padding-top: 10px;
}

.ins-border{
    float:left;
    width:100%;
    padding-left:30px;
    border-left:solid 1px #e7e4e4;
}

.ins-border p{
    width: 100%;
    font-size: 15px !important;
    color: #1d1d1f;
    line-height: 29px !important;
    font-weight: 500 !important;
    margin-bottom: 0px !important;
}

.type-licenses{
    float:left;
    width:100%;
}

.type-licenses h5{
    float: left;
    width: 100%;
    font-size: 30px;
    color: #59595c;
    font-weight: 500;
    padding-bottom: 6px;
    padding-top: 30px;
}



.strip2 {
    float: left;
    width: 45px;
    height: 4px;
    background: #93d50a;
    border-radius: 8px;
    /* bottom: -20px; */
    /* position: relative; */
}

.strip3 {
    float: left;
    width: 45px;
    height: 4px;
    background: #93d50a;
    border-radius: 8px;
    /* bottom: -20px; */
    /* position: relative; */
}

.misa-list{
    float:left;
    width:100%;
    padding-top: 39px;
}

.misa-list h6{
    float: left;
    width: 100%;
    font-size: 20px;
    color: #59595c;
    font-weight: 600;
    padding-bottom: 6px;
}


.misa-list p{
    width: 100% !important;
    font-size: 15px !important;
    color: #1d1d1f;
    line-height: 29px !important;
    font-weight: 500 !important;
    margin-bottom: 0px !important;
    padding-right: 20px;
    padding-top: 0px !important;
    float: left !important;
}

.process-line{
    float: left;
    width: 100%;
    height: 2px;
    background-color: rgb(192 193 191 / 19%);
    margin-top: 38px;

}

.process-borders{
    float:left;
    width:100%;
    border-radius: 20px;
    border: solid 1px rgb(172 172 173 / 28%);
    padding: 30px;
    margin-bottom: 40px;
}

.cntr-align{
    text-align:center;
}

.pl-200{
    padding-left:200px;
}

.pb65{
    padding-bottom:65px !important;
}

.active-sub{
    border-left: solid 2px #93d50a;
}

.sr-icons{
    float:left;
    width:100%;
}

.sr-icons img{
    margin-top:0px !important;
    margin-bottom:20px !important;
    float:left !important;
    filter: invert(0.5);
}

.mt35{
    margin-top:35px;
}

.subicons{
    float:left;
    width:100%;
    margin-bottom:30px;
}

.subicons img{
    width:100px;
    filter: invert(0.5);
}

.news-updates{
    margin-top:0px !important;
}

.news-category{
    float:left;
    width:100%;
    font-size:13px;
    font-weight: 500;
    margin-top:13px;
    color: rgb(201 201 201);
}

.news-category span{
    font-weight:bold;
    color: #699907;
}


.mb70{margin-bottom:70px;}

.detail-border{
    border:none !important;
}

.radius20{
    border-radius:20px !important;
}


.news-pl{
    padding-left:0px !important;
} 

.news-tag{
    width: auto;
    float: left;
    margin-right: 25px;
    margin-top:0px !important;
}

.detail-headding{
    font-size: 26px !important;
    font-weight: 600 !important;
    padding-top: 21px !important;
}

.related-section{
    float:left;
    width:100%;
    border-radius: 7px;
    border: solid 1px #acacad;
}


.related-section h2{
    background: #f6f6f6;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 20px;
    text-align: center;
    font-size: 25px;
}

.related-list{
    float: left;
    width: 100%;
    border-bottom: solid 1px rgb(172 172 173 / 22%);
    padding: 24px;
    font-size: 15px;
    color: #59595c;
    font-weight: 500;
    /* margin-bottom: 15px; */
}

.related-list:hover{
    color: #699907;
    text-decoration:none !important;
}

.related-list img{
    width: 80px;
    margin-right:15px;
    float: left !important;
    border-radius: 10px !important;
    margin-top:0px !important;
}

.related-list strong{
    float: left;
    font-size: 12px;
    font-weight: 600;
    padding-top: 6px;
    color: #699907;
}

.related-list strong span{
    color: rgb(139 135 135);
    font-weight: 500;
}


.package-list{
    float:left;
    width:100%;
    margin-top:35px;
}

.package-bg{
    float:left;
    width:100%;
    background-color:white;
    border-radius:8px;
    padding:15px;
    padding-bottom:0px;
    box-shadow: -1px -2px 21px 0px rgba(0,0,0,0.34);
    -webkit-box-shadow: -1px -2px 21px 0px rgb(0 0 0 / 13%);
    -moz-box-shadow: -1px -2px 21px 0px rgba(0,0,0,0.34);
}

.package-bg h3{
    background: #f6f6f6;
    font-size: 19px !important;
    line-height: 25px !important;
    border-radius: 8px;
    padding-top:14px !important;
}


.package-type{
    color: #1d1d1f;
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    border-bottom: solid 1px rgb(231 228 228 / 67%);
    padding-bottom: 14px;
    padding-top: 14px;
    text-align: center;
}

.srv-home{
    float:left;
    width:100%;
}

.news-home{
    float:left;
    width: 100% !important;
    text-align: left !important;
}


.news-home .owl-nav{
    text-align:center;
    float:left;
    width:100%;
    margin-top: 45px;
}

.news-home .owl-prev img{
    width: 35px;
    margin-right: 10px;
    filter: invert(0.9);
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.news-home .owl-next img{
    width: 35px;
    margin-right: 10px;
    filter: invert(0.9);
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


.news-home .owl-next:hover img{
    filter: brightness(0.2) invert(0.9);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.news-home .owl-prev:hover img{
    filter: brightness(0.2) invert(0.9);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


.news-list .owl-stage-outer{
    padding-bottom:25px !important;
}


.review-list .owl-nav{
    text-align:center;
    float:left;
    width:100%;
    margin-top: 45px;
}

.review-list .owl-prev img{
    width: 35px;
    margin-right: 10px;
    filter: invert(0.9);
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.review-list .owl-next img{
    width: 35px;
    margin-right: 10px;
    filter: invert(0.9);
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


.review-list .owl-next:hover img{
    filter: brightness(0.2) invert(0.9);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.review-list .owl-prev:hover img{
    filter: brightness(0.2) invert(0.9);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}





.srv-home .owl-nav{
    text-align:center;
    float:left;
    width:100%;
    margin-top: 45px;
}

.srv-home .owl-prev img{
    width: 35px;
    margin-right: 10px;
    filter: invert(0.9);
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.srv-home .owl-next img{
    width: 35px;
    margin-right: 10px;
    filter: invert(0.9);
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


.srv-home .owl-next:hover img{
    filter: brightness(0.2) invert(0.9);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.srv-home .owl-prev:hover img{
    filter: brightness(0.2) invert(0.9);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}




















.textanim-container {
  position: relative;
  /* max-width: 250px; */
  min-height: 365px;
  margin: auto;
  /* border: 1px solid #ccc; */
  overflow: hidden;
  text-align: left;
  /* padding-top: 240px; */
  float: left;
  width: 100%;
}

.textanim-title {
  margin: 0;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 15%;
  transform: translateY(-50%);
  text-align: left;
  transition: 0.5s;
  padding-top: 400px;
}

.textanim-container:hover .textanim-title {
  top: 10px;
  transform: translateY(0);
}

.textanim-hidden {
  position: absolute;
  top: 400px;
  opacity: 0.8;
  transition: 0.8s;
  text-align: left;
  font-size: 15px;
  color: white;
  line-height: 24px;
}

.textanim-container:hover .textanim-hidden {
  top: 70%;
  transform: translateY(-50%);
}


.textanim-hidden strong{
    float:left;
    width:100%;
    font-size:20px;
    padding-bottom:8px;
    color:#93d50a !important;
}

.top-radius{
    border-top-left-radius:20px !important;
    border-top-right-radius:20px !important;
}

.bottom-radius{
    border-bottom-left-radius:20px !important;
    border-bottom-right-radius:20px !important;
}

.form-screen{
    /* max-width: 645px; */
    display: block;
    padding-left:60px;
    /* margin: 9px auto; */
}


.form-screen .log_set label {
    width: 100%;
    float: left;
    position: relative;
    font-size: 14px;
    /* font-family: 'Open Sans', sans-serif !important; */
    font-weight: 500;
    color: #fff;
    line-height: 25px;
    margin: 0 0 9px;
    text-align: left;
    font-family: 'Isidora Sans' !important;
}


.form-screen .log_set input[type="text"], .log_set input[type="password"], .log_set input[type="mail"], .form-screen .log_set input[type="email"], .log_set input[type="tel"], .log_set textarea, .log_set select {
    width: 100%;
    float: left;
    position: relative;
    height: 55px !important;
    border: none;
    padding: 10px 10px !important;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    font-weight: 500;
    /* border-radius: 4px; */
    -moz-border-radius: 4px;
    /* -webkit-border-radius: 4px; */
    border-radius: 3px;
    background: transparent;
    outline: none;
    border: solid 1px #fff;
    padding-left: 0px;
    padding-right: 0px;
    font-family: 'Isidora Sans' !important;
}


.enq-btn{
    float: left;
    width: 175px;
    height: 47px;
    border-radius: 50px;
    border: solid 1px #fff !important;
    text-align: center;
    line-height: 45px;
    font-weight: 500;
    color: #59595c;
    margin-top: 0px;
    background: #59595c;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    cursor: pointer;
    font-size: 15px;
    color: white;
}

.enq-btn:hover{
        border:solid 1px #93d50a !important;    
    color:white;
    background:#93d50a;
    text-decoration:none !important;
        transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.thumb-top{
    float:right !important;
}

.vision-section{
    float:left;
    width:100%;
    border-radius: 20px;
    border: solid 1px #acacad;
    padding:25px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.vision-titel{
    float:left;
    width:100%;
    font-size:30px;
    color:#59595c;
    font-weight:500;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.vision-desc{
    float: left;
    width: 100%;
    font-size: 15px;
    color: #1d1d1f;
    line-height: 28px;
    font-weight: 500;
    padding-top: 6px;
    /* margin-bottom: 7px; */
    text-align: left;
}

.vision-section img{
    width: 80px !important;
    float: left !important;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
     filter: invert(0.5);
}

.vm-section{
    float:left;
    width:100%;
    margin-top: 30px;
    margin-bottom: 15px;
}

.vision-section:hover{
    border: solid 1px #93d50a;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.vision-section:hover .vision-titel{
    color: #6a9d01 !important;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.mb-quality{
    float: left;
    width: 100%;
    color: white !important;
    font-size: 30px !important;
    font-weight: 400;
    margin-bottom: 10px;
    margin-bottom: 7px;
}

.mb-qdetails{
    float: left;
    width: 100%;
    font-size: 15px;
    color: white;
    line-height: 29px;
    font-weight: 500;
    margin-bottom:0px;

}

.modal-address{
    float: left;
    width: 100%;
    border-bottom: solid 1px rgb(255 255 255 / 18%);
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.modal-address h2 {
    float: left;
    width: 100%;
    font-size: 27px;
    color: white;
    font-weight: 500;
    text-align: left;
    margin-bottom: 10px;
}

.modal-address p{
    float:left;
    width:100%;
    font-size: 16px;
    color:white;
    text-align: left;
    line-height: 27px;
}

.news-align{float:left; width:100%;}

.border-qs{
    float:left;
    width:100%;
    padding:25px;
    border-radius:15px;
    border:solid 1px rgb(255 255 255 / 60%);
    margin-bottom:25px;
}

.border-qs img{
    width:80px !important;
    margin-bottom: 15px;
}

.aboutus-img{
    width:350px;
}

.sr-listing{
    float: left;
    width: 100%;
    border-radius: 20px;
    border: solid 1px #acacad;
    padding: 30px;
    text-align: center;
    color: #59595c;
    padding-top: 30px;
    padding-bottom: 20px;
    margin-bottom:35px;
}

.sr-listing h3 {
    float: left;
    width: 100%;
    font-size: 25px;
    margin-top: 25px;
    text-align:left;
}

.sr-listing img{
    width:80px;
    float:left !important;
    margin-top:0px !important;
        filter: invert(0.5);
}

.sr-listing p {
    float: left !important;
    width: 100% !important;
    font-size: 15px !important;
    color: #1d1d1f !important;
    line-height: 27px !important;
    font-weight: 500 !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 7px !important;
    text-align:left;
}


.news-btn-sr{
    float:left;
    width:134px;
    height:47px;
    border-radius:50px;
    border:solid 1px #59595c;
    text-align: center;
    line-height: 48px;
    font-weight: 500;
    color: #59595c;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    margin-top:10px;
    margin-bottom:10px;
    background: white;
}

.value-headding{
    float:left;
    width:100%;
    font-size: 25px;
    font-weight:600;
    color: #59595c;
    padding-bottom: 8px;
}



.sr-listing:hover .news-btn-sr{
    border:solid 1px #93d50a;   
    text-decoration:none !important;
        transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.sr-listing:hover{
    border:solid 1px #93d50a;   
}

.filter-style{
    float: right;
    border: solid 1px #acacad !important;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 600;
    outline: none !important;
    width: 161px;
    color: #59595c;
    cursor: pointer;
}

.cmg-soon{
        text-align: center !important;
    font-size: 65px !important;
    text-transform: uppercase !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important; 
}


.filter-style:hover{
    border: solid 1px #93d50a !important;
}

.mac-links{
    color:#1d1d1f !important;
}

.mac-links:hover{
    color:#1d1d1f !important;
    text-decoration:none !important;
}

.mac-links2{
    color:white !important;
    padding-right: 3px !important;
}

.mac-links2:hover{
    color:white !important;
    text-decoration:none !important;
}


select {
    /* display: block; */
    /* width: 100%; */
    font-size: 1em;
    padding: 0.8rem 0.5rem;
    border: 1px solid #333;
    font-family: inherit;
    /** for the dropdown indicator */
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em;
}









@media only screen and (max-width:390px) {
.aboutus-img{width:100%;}

}

@media only screen and (max-width:991px) {
#saudi-section img{float:none !important; margin-left:0px !important;}
#mpo p{padding-right:0px;}
#saudi-section img{width:100% !important;}
}


@media only screen and (max-width:1290px) {
.header_menu_area > ul{padding-right:22px !important;}
}


@media only screen and (max-width:1199px) {
.logo img{width:170px;}
.top-menu{margin-right:45px;}
.logo{margin-top:10px;}
nav.navShadow .logo img{width: 160px !important;}
nav.navShadow .logo{margin-top:6px;}
}

@media only screen and (max-width:1160px) {
.clients-portal{margin-right: 9px;}
}

@media only screen and (max-width:1320px) {
[id=main-navigation-toggle] ~ label{margin-right: -37px !important;}
}

@media only screen and (max-width:1024px) {
    .success-sec p{
        padding:0 !important;
    }
.thumb-top{display:none;}
.logo{margin-top:0px;}
.top-menu{margin-right:0px !important;}
.header_menu_area > .mob_nav{margin-right: 0px !important;}
nav.navShadow .header_menu_area {margin-top:10px !important;}
}


@media (min-width:401px) and (max-width:480px) {
.strip-md{top: 265px !important;}
}


@media (min-width:389px) and (max-width:400px) {
.strip-md{top: 179px !important;}
}

@media (min-width:230px) and (max-width:388px) {
.strip-md{top: 225px !important;}
}



@media only screen and (max-width:999px) {
#mpo p{padding-left:15px;  padding-right:15px;}
.minist-bg p{padding-left:0px !important; padding-right:0px !important;}
}

@media only screen and (max-width:991px) {
.ftr-wd{float:left; width:100%; min-width:100%; float:left !important; flex:100%;}
.social-txt{text-align:left; padding-top:25px;}
.ftr-icons{float:left;}
.vision-2k23{margin-top:25px;}
.powered{text-align: left; padding-top:20px;}
.copyright{padding-top:25px;}
}




@media only screen and (max-width:767px) {
.ins-border{border-left:none !important; padding-left:0px; margin-bottom: 25px;}
.kn-bg{text-align:center !important;}
.ip-bg h4{margin-top:0px !important;}
.ip-bg{margin-bottom:20px;}
.ip-bg p{text-align:center !important;}
.ip-bg h4{float:none !important; margin-right:auto; margin-left:auto;}
.number-grey{float:none !important; margin-right:auto; margin-left:auto;}
.key-numbers h3{text-align:center !important;}
.key-numbers p{text-align:center !important;}
.misa-list p{margin-bottom:30px !important;}
.process-line{margin-top: 0px;}
.process-borders{padding-bottom:10px;}
.misa-list p{padding-right:0px !important;}
.news-pl{padding-right: 0px !important;}
.address-border{margin-bottom:20px;}
.review-box{padding:15px;}
.small-quote{display:none !important;}
.review-img{margin-bottom:20px;}
.review-box p{padding-left:0px !important; padding-right:0px !important;}
.review-img img{margin-left:15px;}
.review-img span{left:100px;}
.owl-carousel.main-carousel h2{line-height:50px !important;}
.vision-section{margin-bottom:20px;}
.neom-city{float:left; margin-right:0px !important; margin-left:0px !important; width:100%; margin-bottom:15px !important;}
.standard-liste{height:auto !important;}
.standard-bg{margin-bottom:25px;}
.tm-bg{margin-bottom:15px;}
}

@media only screen and (max-width:1024px) {
.clients-portal{float: left !important;
    width: 100%;
    border-radius: 0px;
    color: white !important;
    text-align: left !important; line-height: 30px;
    padding: 10px 5%;}
}

@media only screen and (max-width:600px) {
.standard-liste p{text-align:left !important;}
.misa-list-new p{text-align:left !important; padding-bottom: 0px !important; margin-bottom: 10px !important;}
}

@media only screen and (max-width:830px) {
#values-section p{padding-left:15px !important; padding-right:15px !important;}
#panel-seven p{padding-left:15px !important; padding-right:15px !important;}
}

@media only screen and (max-width:400px) {
#panel-innerpage h1{font-size:27px;}
#mpo h3{font-size: 25px; line-height: 33px;}
#misa h4 {font-size:27px; padding-bottom: 0px;}
.title-pages{font-size:35px; line-height: 45px;}
}

@media only screen and (max-width:525px) {
.related-list strong{float:left; width:100%;}
.related-list img{margin-bottom:10px;}
}


@media only screen and (max-width:1275px) {
.highlits{padding-right:0px !important; padding-left:10px !important;}
}


@media only screen and (max-width:995px) {
.cntr-wd{display:none !important;}
.bg{display:none !important;}
#panel-four{height:100% !important; padding-top:45px; padding-bottom:10px;}
}

@media (min-width:996px) and (max-width:5200px) {
.hide-panelq{display:none !important;}
}

@media (min-width:1440px) and (max-width:1440px) {
.hide-panelq{display:none !important;}
.owl-carousel.main-carousel h2{font-size:45px;}
.owl-carousel.main-carousel p{font-size:15px;}
}

@media only screen and (max-width:407px) {
.tabs label{width:100%;}
}

@media only screen and (max-width:1299px) {
#panel-three img{width: 470px;}
}

@media only screen and (max-width:1199px) {
#panel-three h4{padding-top: 25px;}
#panel-three{padding-top:25px;}
.doc-white{width:100% !important; margin-right:0px !important;}
.white-new{width:100% !important; margin-right:0px !important; margin-bottom:15px !important;}
}

@media only screen and (max-width:1129px) {
#panel-three img{width: 410px;} 
#panel-three h4{padding-top: 25px;}
#panel-three{padding-top:25px;}
}

@media only screen and (max-width:1009px) {
#panel-three img{width: 360px; margin-top: 30px;}   
#panel-three h4{padding-top: 25px;}
#panel-three{padding-top:25px;}
}

@media only screen and (max-width:899px) {
.panel-three-wd{float:left !important; width:100% !important; flex:100% !important; min-width:100% !important; max-width:100% !important;}
.hide-panelimg{display:none !important;}
#panel-three img{margin-top:0px;}
#panel-five img{margin-top:35px;}
}

@media only screen and (max-width:900px) {
.features-section{padding-top: 30px;}
.fs-icons{margin-top:0px !important;}
.fs-icons-new{margin-top:0px !important;}
}


@media only screen and (max-width:414px) {
.strip2{display:none;}
}

@media only screen and (max-width:600px) {
.fs-icons img{left:0px !important;}
.fs-icons-new img{left:0px !important;}
.spe-section h3{text-align:left !important;}
.spe-section p{text-align:left !important;}
.spe-section{margin-bottom: 45px !important;}
}

@media (min-width:900px) and (max-width:5200px) {
.hide-desk{display:none;}
}

@media only screen and (max-width:428px) {
#panel-three img{width:100% !important;}
}

@media only screen and (max-width:999px) {
#panel-five img{width:430px; margin-top: 80px;}
}

@media (min-width:230px) and (max-width:899px) {
#panel-five img{display:none !important;}
#panel-five{padding-bottom:34px;}
#panel-five h4{padding-top:10px;}
}


@media only screen and (max-width:490px) {
.srv-btn{display:none;}
#panel-six{padding-top:30px; padding-bottom:25px;}
.news-details{padding:15px; }
.news-details h5{font-size:20px; line-height:25px;}
}

@media only screen and (max-width:1199px) {
.bnrimg{width:495px !important; margin-top:35px !important;}
}

@media only screen and (max-width:991px) {
.bnrimg{float:left !important; width:auto !important; margin-top:0px !important;}
.tabs label{font-size:15px;}
}

@media only screen and (max-width:768px) {
.owl-carousel.main-carousel h2{font-size:40px !important;}
.owl-carousel.main-carousel p{margin-top:7px !important;}
.top-banner{margin-top:90px;}
}

@media only screen and (max-width:500px) {
.owl-carousel.main-carousel h2{font-size:35px !important; line-height:43px !important;}
}

@media only screen and (max-width:327px) {
.bnr-nav2{width:125px;}
}

@media only screen and (max-width:309px) {
.bnr-nav2{width:100%; margin-right:0px;}
}

@media only screen and (max-width:1299px) {
.bg{top: 1868px !important;}
}

@media only screen and (max-width:1199px) {
.bg{top: 1913px !important;}
}

@media (min-width:1400px) and (max-width:1440px) {
[id=main-navigation-toggle] ~ label{right: 11rem !important;}
.owl-carousel.main-carousel h2{font-size:45px;}
}

@media (min-width:1321px) and (max-width:1330px) {
[id=main-navigation-toggle] ~ label{right: 7rem !important;}
}

@media (min-width:1231px) and (max-width:1320px) {
[id=main-navigation-toggle] ~ label{right: 10rem !important;}
}

@media (min-width:1200px) and (max-width:1230px) {
[id=main-navigation-toggle] ~ label{right: 7rem !important;}
}


@media (min-width:1140px) and (max-width:1199px) {
[id=main-navigation-toggle] ~ label{margin-right:-10px !important;}
}


@media (min-width:1090px) and (max-width:1139px) {
[id=main-navigation-toggle] ~ label{margin-right:-33px !important;}
}

@media (min-width:1025px) and (max-width:1089px) {
[id=main-navigation-toggle] ~ label{margin-right:-62px !important;}
}


@media (min-width:1440px) and (max-width:1440px) {
.bnrimg{width: 725px !important;}
.bg{top:1987px !important;}
#panel-five{height:390px;}
#panel-five h4{padding-top:35px;}
nav.navShadow .logo img{ /* margin-top: 5px !important; */}
nav.navShadow .header_menu_area > ul > li > a{margin-top: 2px !important; padding-top:10px !important;}
nav.navShadow .clients-portal{margin-top: 2px;}
nav.navShadow .clients-portal{line-height:40px !important;}
.clients-portal{padding-top:1px !importnt;}
.bnr-nav2{padding-top:11px !important;}
.clients-portal{ line-height:47px !important;}
.srv-btn{line-height:43px !important;}
.connect-btn{padding-top:11px;}
.news-btn{line-height:43px;}
.logo img{margin-top:6px;}
}

@media (min-width:1400px) and (max-width:1400px) {
.bnrimg{width: 725px !important;}
.bg{top:1987px !important;}
#panel-five{height:390px;}
#panel-five h4{padding-top:42px;}
nav.navShadow .logo img{ /* margin-top: 5px !important; */}
nav.navShadow .header_menu_area > ul > li > a{margin-top: 2px !important; 
padding-top:10px;}
nav.navShadow .clients-portal{margin-top: 2px;}
nav.navShadow .clients-portal{line-height:40px !important;}
.clients-portal{padding-top:1px !importnt;}
.clients-portal{ line-height:47px !important;}
.logo img{margin-top:6px;}
}

@media only screen and (max-width:490px) {
.news-btn{bottom:-39px !important;}
}


@media (min-width:1936px) and (max-width:1992px) {
[id=main-navigation-toggle] ~ label span{width: 39rem !important;}
}

@media only screen and (max-width:991px) {
.address-border{height:100%;}
}


@media only screen and (max-width:600px) {
.related-list strong{float:left; width:100%; text-align:center;}    
.related-imgs{float:left !important; width: 100%;}
.related-imgs img{margin-bottom:10px !important;}
#panel-innerpage p{text-align:center; float:left; width:100%;}
#panel-innerpage img{float:none !important; margin-bottom:35px;}
#panel-innerpage{text-align:center !important; padding-top:45px !important;}
#panel-innerpage h1{float:left; width:100%; text-align:center;}
.vision-desc{text-align:center;}
.title-pages{text-align:center;}
.strip{margin-left:auto; margin-right:auto; float:none !important; bottom:0px !important; top:200px; }
.six-br{border-bottom:none !important; margin-bottom:0px !important;}
#misa{text-align:center !important;}
.strip2{margin-left:auto; margin-right:auto; float:none !important; top:80px; position:relative !important;}
.strip3{ float:none !important; top:32px; position:relative !important;}
.news-details{text-align:center;}
.news-details h5{text-align:center;}
.posted-date{text-align:center;}
.news-align{text-align:center;}
.news-btn{float: none; margin-left:auto; margin-right:auto;}
.news-tag{width:100%; float:left; padding-right:0px; margin-right:0px; padding-bottom:10px;}
.news-updates{margin-bottom:0px !important;}
.service-business p{padding-left:0px;padding-right:0px;}
#panel-three{text-align:center;}
#panel-four{text-align:center;}
#panel-five{text-align:center;}
.review-box p{ text-align:center !important; float:left !important; width:100% !important;  padding:0px !important;}
.name-review{text-align:center;}
.name-review span{display:none;}
.review-img-client{margin-left:0px; display:inline !important;}
.small-quote{display:none !important;}
.review-img span{display:none !important;}
.owl-carousel.main-carousel h2{text-align:center !important;}
.owl-carousel.main-carousel p{text-align:center !important; margin-bottom:25px;}
.bnr-nav2{float:none !important; padding:15px; padding-right:25px; padding-left:25px;}
.bnr-btn-align{float:left; width:100% !important; text-align:center !important;}
.header_menu_area > .mob_nav{margin-top:-1px;}
nav.navShadow{height:66px !important;}
nav.navShadow .header_menu_area{margin-top:4px;}
.connect-btn{float:none !important; padding:15px; padding-right:25px; padding-left:25px;}
.connect-align{float:left; width:100%; text-align:center;}
#footer{text-align:center;}
.social-txt{text-align:center;}
.ftr-logo{float:none;}
.ftr-lnk{width:50%; float:left; text-align:center; padding-right:0px; margin-right:0px; padding-bottom: 15px;}
.social-icons{text-align:center;}
.ftr-icons{float:none !important;}
.powered{text-align:center;}
.sr-listing h3{text-align:center;}
.sr-listing img{margin-bottom:0px !important;}
.news-btn-sr{float:none; display: inline-block;}
.slider-wrapper{padding-bottom:20px !important;}
.main-carousel .owl-stage-outer{padding-bottom:15px !important;}
.top-banner{margin-bottom:10px !important;}
#panel-three p{padding-bottom: 15px !important;}
} 




@media only screen and (max-width:490px) {
#panel-two h2{float:left; width:100%; text-align:center;}
#panel-six h2{float:left; width:100%; text-align:center;}
}

@media only screen and (max-width:342px) {
.strip2{display:none !important;}
.strip3{display:none !important;}
}


@media only screen and (max-width:443px) {
.copyright strong{float:left !important; width:100% !important;}
}

@media only screen and (max-width:400px) {
.strip{top:179px;}
}

@media only screen and (max-width:279px) {
.strip-business {top: 223px;}
}

@media only screen and (max-width:600px) {
.doc-number{float:none; margin-right:auto; margin-left:auto;}
.doc-ns{margin-bottom:15px;}
}

@media only screen and (max-width:600px) {
.strip-accounting {top: 267px;}
}

@media only screen and (max-width:400px) {
.strip-accounting {top: 224px;}
}


@media (min-width:401px) and (max-width:425px) {
.strip-consulting {top:265px;}
}

@media only screen and (max-width:344px) {
.strip-consulting {top:225px;}
}

@media only screen and (max-width:287px) {
.strip-newsev {top:225px;}
}

@media (min-width:1536px) and (max-width:1536px) {
[id=main-navigation-toggle] ~ label span{left:-67px !important;}
}

@media (min-width:230px) and (max-width:600px) {
.clients-logo{display:none !important;}
}

@media (min-width:601px) and (max-width:5200px) {
.clients-logo-mb{display:none !important;}
}


.clients-logo-mb{
    float:left;
    width:100%;
}





.tt-select {
    position: relative;
    height: auto;
    padding: 0px;
    margin-bottom: 30px;
    text-align: left;
    float: right;
    /* border: solid 1px #acacad !important; */
    /* border-radius: 8px; */
    /* padding: 15px; */
    width: 150px;
}
.tt-select select {
    display: none;
}
.select-selected {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.8) !important;
}
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
}
.select-selected:before {
    position: absolute;
    content: "";
    top: 23px;
    right: 14px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-color: transparent transparent #000000 transparent;
    transform: rotate(180deg);
}
.select-selected.select-arrow-active:before {
    border: none;
}
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #000000 transparent;
    top: 20px;
    right: 14px;
}
.select-items div,.select-selected {
    color: #000000;
    padding: 8px 16px;
    border: 1px solid #333333;
    cursor: pointer;
    border: solid 1px rgb(172 172 173 / 21%) !important;
    /* border-radius: 8px; */
    padding: 15px;
    font-size: 14px;
    font-weight: 500;
}
.select-items {
    position: absolute;
    background-color: #fcfff6;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 8px;
}
.select-hide {
    display: none;
}
.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.document-bg{
    float: left;
    width:100%;
    border-radius: 10px;
    background: #f6f6f6;
    padding: 25px;
    font-size: 16px;
    font-weight: 500;
    margin-top:20px;
    line-height: 26px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.document-bg:hover .doc-number{
    background: #ffffff;
    color: #659103;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.document-bg:hover .number-grey{
        background: #58585c;
}

.timeline-section{
    float: left;
    width: 100%;
    border-top: dashed 2px rgb(224 224 222);
    padding-top: 15px;
    padding-bottom: 0px !important;
    margin-top: 24px;
    margin-bottom: 0px !important;
}

.tm-bg{
    float:left;
    width:100%;
    border-radius:8px;
    background-color:white;
    padding:15px;
    margin-top: -10px;
    /* position: relative; */
    /* z-index: 11111; */
}

.tm-bg h3{
    float:left;
    width: 100% !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    text-align: left;
    line-height: 25px !important;
    padding-bottom: 8px !important;
    padding-top: 9px !important;
}

.tm-bg p{
    float:left;
    width: 100% !important;
    padding-right: 0px !important;
    color: #1d1d1f !important;
    font-weight: 500 !important;
    text-align: left;
    font-size: 15px !important;
    padding-bottom: 12px !important;
    line-height: 25px !important;
    margin-bottom: 13px;
    border-bottom: solid 1px rgb(0 0 0 / 10%);
    padding-left: 21px;
}

.tm-bg p::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(../images/dot-list.png) no-repeat center center;
    background-size: 17px 17px;
    left: 13px;
    margin-top: -8px;
    /* top: 49px; */
}

.phase-count{
    float:left;
    padding-left: 15px;
    color: black;
    background-color: #dffdb8;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    padding-right: 15px;
    padding-top: 9px;
    padding-bottom: 7px;
    margin-bottom: 21px;
}

.border_none{
    border-bottom:none !important;
    margin-bottom:0px !important;
}

.dot-line{
    text-align:left !important;
    width:100%;
    float:left;
    margin-top: -15px;
    position: relative;
    z-index: 11;
} 

.dot-line img{
    width:auto !important;
    margin-bottom: 0px !important;
    margin-left: 16px;
}

.gcc-cntr{
    text-align:center;
    padding-top:0px !important;
    margin-top:0px !important;
} 

.gcc-sec{
    float:left;
    width:100%;
    margin-top:45px;
}

.gcc-sec h6 {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #59595c;
    font-weight: 600;
    padding-bottom: 6px;
}

.white-new{
    float: left;
    width: 32.333%;
    border-radius: 8px;
    background-color: white;
    padding: 15px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
    color: #1d1d1f !important;
    margin-bottom:0px;
}


.phase-one{
    float:left;
    width:100%;
    border-radius:15px;
    padding:15px;
    border: solid 1px rgb(0 0 0 / 11%);
    margin-bottom:25px !important;
}

.phase-one h4{
    float: left !important;
    width: 100% !important;
    font-size: 17px !important;
    color: #202022 !important;
    font-weight: 600 !important;
    padding-bottom: 6px !important;
    padding-top: 15px !important;
    background: #ecf5f0;
    border-radius: 8px;
    padding-left: 15px;
    padding-top: 16px !important;
    padding-bottom: 11px !important;
}

.phase-one p{
    float: left;
    width: 100% !important;
    padding-right: 0px !important;
    color: #1d1d1f !important;
    font-weight: 500 !important;
    text-align: left;
    font-size: 15px !important;
    padding-bottom: 12px !important;
    line-height: 25px !important;
    margin-bottom: 0px;
    /* border-bottom: solid 1px rgb(0 0 0 / 10%); */
    padding-left: 31px;
    font-weight:500 !important;
    margin-top: 10px;
}

.phase-one p::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(../images/dot-list.png) no-repeat center center;
    background-size: 17px 17px;
    left: 20px;
    margin-top: -8px;
    /* top: 49px; */
}

.misa-list-new{
    float:left;
    width:100%;
}

.misa-list-new p{
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    padding-left: 39px;
    color: #1d1d1f;
    padding-bottom: 25px;
}

.misa-list-new p::before {
    content: '';
    position: absolute;
    width: 78px;
    height: 86px;
    background: url(../images/process-dot.png) no-repeat center center;
    background-size: 21px 22px;
    left: -10px;
    margin-top: -29px;
    /* top: 49px; */
}

.mb30{
    padding-bottom:35px !important;
}

.minist-bg{
    float:left;
    width:100%;
    background-color:white;
    padding:25px;
    border-radius:20px;
    margin-bottom:25px;
}

.minist-bg h2{
    float: left;
    width: 100%;
    font-size: 20px;
    color: #59595c;
    font-weight: 600;
    padding-bottom: 3px;
    text-align: left;
}

.minist-bg p{
    float:left;
    width: 100%;
    font-size: 15px !important;
    color: #1d1d1f;
    text-align:left !important;
    line-height: 29px;
    font-weight: 500;
    padding-top:20px !important;
    padding-right: 0px !important;
}

.msp-list{
    float:left;
    width:100%;
    margin-top:25px;
}

.packages-list{
    float:left;
    width:100%;
    margin-top:45px;
}

.standard-bg{
    float:left;
    width:100%;
    background-color:white;
    border-radius:15px;
    border:solid 1px rgb(0 0 0 / 8%);
    /* padding: 15px; */
}

.standard-bg h3{
    float: left;
    width: 100%;
    text-align: center;
    color: white;
    padding: 15px;
    background-color: #638d07;
    font-size: 19px;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 14px;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}

.standard-liste{
    float:left;
    width:100%;
    margin-top:10px;
    padding: 15px;
    height:410px;
}

.standard-liste p{
    float: left;
    width: 100% !important;
    padding-right: 0px !important;
    color: #1d1d1f !important;
    font-weight: 500 !important;
    text-align: left;
    font-size: 15px !important;
    padding-bottom: 12px !important;
    line-height: 25px !important;
    margin-bottom: 13px;
    padding-left: 31px;
}

.standard-liste p::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(../images/check.png) no-repeat center center;
    background-size: 23px 22px;
    left: 20px;
    margin-top: -8px;
    /* top: 49px; */
}

.st-tab{
    float: left;
    width: 25%;
    font-size: 15px;
    font-weight: 500;
    color: #1d1d1f !important;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #f7fde0;
    border-right: solid 1px #e1e7ca;
}

.st-nbr{
    float:left;
    width:100%;
    border-top: solid 1px rgb(0 0 0 / 8%);
    border-bottom: solid 1px rgb(0 0 0 / 8%);
}

.st-br{
    border-right:none !important;
}

.st-btn{
    float: left;
    width: 100%;
    text-align: center;
    height:49px;
    line-height:51px;
    font-size: 17px;
    color:white;
    font-weight: 600;
    letter-spacing: 1px;
    background: rgb(99,141,7);
background: linear-gradient(0deg, rgba(99,141,7,1) 0%, rgba(144,193,37,1) 100%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.st-btn:hover{
    text-decoration:none !important;
    background: rgb(99,141,7);
background: linear-gradient(135deg, rgba(99,141,7,1) 0%, rgba(144,193,37,1) 100%);
}

.gold-bg{
    background-color:#58585c !important;
}


.st-btn2{
    float: left;
    width: 100%;
    text-align: center;
    height:49px;
    line-height:51px;
    font-size: 17px;
    color:white;
    font-weight: 600;
    letter-spacing: 1px;
  background: rgb(88,88,92);
background: linear-gradient(7deg, rgba(88,88,92,1) 0%, rgba(61,61,75,1) 100%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.st-btn2:hover{
    text-decoration:none !important;
    background: rgb(88,88,92);
background: linear-gradient(175deg, rgba(88,88,92,1) 0%, rgba(61,61,75,1) 100%);
}


.grey-bg{
        background: #f6f6f6;
        margin-top:20px;
}



.misa-section{
    float:left;
    width:100%;
}

.mb2{
    margin-bottom:2px !important;
}

.h-auto{
    height:auto;
}

.bg-grey{
    background: grey !important;
    border-radius: 0px !important;
}

.light-green{
    background: #f6f9ee;
    margin-top: 0px;
    margin-bottom: 0px !important;
}

.ip-benefits{
    float:left;
    width:100%;
    margin-top:45px;
    margin-bottom:15px !important;
}

.ip-bg{
    background-color:white;
    padding:15px;
    border-radius:10px;
    float:left;
    width:100%;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.ip-bg:hover h4{
    background: #e4e5e3;
    color: black;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.ip-bg h4{
    float: left;
    border-radius: 50%;
    background: #618b04;
    width: 45px;
    height: 45px;
    color: white;
    font-weight: 700;
    font-size: 17px;
    line-height: 46px;
    letter-spacing: 1px;
    margin-top: -35px;
}

.ip-bg p {
float: left;
    width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    font-size: 16px !important;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 3px;
}


.gr-nbr{
    float:left;
    width:100%;
    margin-bottom:15px;
}

.mb20{
    float:left;
    width:100%;
}

.number-grey{
    float: left;
    border-radius: 50%;
    background:#93d50a;
    width: 45px;
    height: 45px;
    color: white;
    font-weight: 700;
    font-size: 17px;
    line-height: 46px;
    letter-spacing: 1px;
    text-align: center;
}

.gdp-icons{
    float:left;
    width:100%;
}

.gdp-icons img{
   /* filter: invert(0.7); */
filter: grayscale(1);
}

.kn-bg:hover .gdp-icons img{
    filter: hue-rotate(100deg);
}.success-sec{
    width: 100%;
    float: left;
    padding: 70px 0;
}
.success-sec h1{
    width: 100%;
    font-size: 36px;
    color: #59595c;
    font-weight: 600;
    padding-bottom: 11px;
    padding-top: 0px;
    text-align: center;
}
.success-sec p{
    width: 100%;
    font-size: 15px;
    color: #1d1d1f;
    line-height: 29px;
    font-weight: 500;
    text-align: center;
    padding: 0 200px;
    margin: 0;
}