body{

}

p,h1,h2,h3,h4,h5,h6,a{
    direction: ltr;
}

.ltr{
    text-align: left !important;
    direction: ltr !important;
}
.text-main{
    color: #faab43;
}

.bg-main{
    background: #faab43 !important;
}

.bg-main2{
    background: #0E4747 !important;
}

.bg_one{background: #d3ffe6 !important;}
.bg_tow{background: #f4f8f9 !important;}

.advisar-header-area {
    position: relative;
    z-index: 3;
}
.sticky a.active_sticky{
    display: block;
}
a.active_sticky {
    display: none;
}
.sticky a.active_header {
    display: none;
}
.header-menu {
    display: flex;
    align-items: center;
    justify-content: right;
}
.advisar-header-area  ul {
    display: inline-block;
    margin-right: 45px;
}

.header-menu ul li {
    display: inline-block;
    margin: 0 8px 0;
    position: relative;
    z-index: 1;
}
.header-menu ul li.megamenu {
    position: static;
}
.header-menu ul li a {
    display: inline-block;
    padding: 30px 0;
    font-size: 16px;
    color: #0e4747;
    font-weight: 600;
}
.header-menu ul li span {
    font-size: 13px;
    color: #063232;
    margin-left: 5px;
    position: relative;
    top: -1px;
}

/*** Sub Menu Style ***/

.header-menu ul .sub_menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 225px;
    text-align: left;
    background: #fff;
    margin: 0;
    z-index: 1;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: .5s;
    visibility: hidden;
    border-top: 2px solid #faab43;
    opacity: 0;
    border-radius: 15px;
    overflow: hidden;
}

.header-menu ul li.megamenu .sub_menu {
    width: 100%;
}

.header-menu ul li:hover>.sub_menu {
    visibility: visible;
    top: 100%;
    opacity: 1;
}

.header-menu ul .sub_menu li {
    position: relative;
    margin: 0;
    display: block;
}
.header-menu ul .sub_menu li a {
    display: block;
    padding: 10px 20px;
    margin: 0;
    line-height: 1.3;
    letter-spacing: normal;
    transition: .1s;
    visibility: inherit !important;
    color: #000 !important;
    font-size: 16px;


}
.header-menu ul .sub_menu li:hover>a {
    background: transparent;
    color: #faab43 !important;
}


/* header button */
.advisar_header-right {
    display: flex;
    align-items: center;
}
.header-button {
    display: inline-block;
}
.header-button a {
    display: inline-block;
    border-radius: 30px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    background: #faab43;
    padding: 13px 30px;
}
.header-button a:hover {
    background-color: #063232;
    color: #ffffff;

}
.header-button.style_two a i {
    margin-left: 10px;
}
.advisar_header-right .header-search-button a {
    margin-right: 40px;
}
.advisar_header-right .nav-btn.navSidebar-button {
    top: 0;
}
.nav-btn.navSidebar-button span {
    text-align: center;
    width: 56px;
    height: 56px;
    border-radius: 4px;
    background-color: #f0f4f5;
    display: inline-block;
    line-height: 56px;
    font-size: 30px;
    margin-left: 5px;
}
.sticky .header-button a {
    border: 1px solid #fff;
}
/* sticky */
.sticky {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    transition: .5s;
    z-index: 9;
    background: #fff;
}

.sticky.header-button.style_two a {
    background: #ffff !important;
    background-color: #faab43 !important;
}
/*.sticky .header-menu ul li a {

}
.sticky .header-menu ul li span {

}
.sticky .advisar_header-right .header-search-button a {

}
*/
/*===========================================
<-- Start Css Hero Area -->
==============================================*/

section.hero_area.style_two .hero_content h4 {
    color: #fff;
    font-size: 30px;
}
/* hero btn */
.slider_button {
    display: flex;
    align-items: center;
}

.hero_btn a {
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    padding: 15px 40px;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: .5s;
    border: none;
    animation: 1s 1.8s fadeInUp both;
    border-radius: 30px;
    background-color: #faab43;


}
a.slider_butn_active {
    background: #063232;
    margin-left: 10px;
}
.hero_btn span {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    display: block;
    border-radius: 30px;
    background-color: #ffff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
    transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}
.hero_btn a:hover, .hero_btn a:focus {
    color: #faab43;
}
.hero_btn a:hover span, .hero_btn a:focus span {
    width: 200%;
    height: 500px;
}
.hero_btn a:before {
    position: absolute;
    content: "";
    left: 40px;
    bottom: 17px;
    background-color: rgba(255,255,255,0.5019607843137255);
    z-index: -1;
    width: 24px;
    height: 2px;
    transition: .5s;
}
.hero_btn a:hover:before {
    width: 120px;
    background: #faab43;
    z-index: 1;
}
.hero_btn.style_two a i {
    margin-left: 6px;
    display: inline-block;
    transform: rotate(-45deg);
    font-size: 15px;

    transition: .5s;
}
.hero_btn.style_two a:hover i {
    transform: rotate(0deg);
}
.hero_btn {
    margin-right: 30px;
}
.slider_info a {
    display: inline-block;
    color: #ffffff;
    font-weight: 500;
    margin-left: 20px;
}
.slider_info span {
    color: #fff;
}

.hero_btn.style_twos a:before {
    display: none;
}

/* hero thumb */
.hero-thumb {
    position: relative;
    z-index: 1;
    top: 19px;
}


/*===========================================
<-- Start Css Brand Area -->
==============================================*/
section.brand_area {
    padding: 67px 0 92px;
}
h2.brand_title {
    font-size: 18px;
    color: #063232;
    font-weight: 400;
    text-align: center;
    position: relative;
    z-index: 1;
}
h2.brand_title:before {
    position: absolute;
    z-index: -1;
    content: "";
    height: 2px;
    width: 50px;
    background: #006666;
    top: 29%;
    left: 0;
    right: 0;
    margin: auto;
}
.single-brand-item {
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 100px;
    border: 1px solid #eee;
    padding: 15px;
}

.brand-thumb{
    border: 1px solid #ddd;
    padding: 10px;
    display: flex;
    height: 100px;
    margin: 0 10px;
    border-radius: 5px;
    align-items: center;
}

.brand-thumb img {
    width: 100%;
    margin: 0;
}
.owl-carousel .owl-item img {
    display: inline-block !important;
}
section.brand_area.style_two {
    background: #0B204A;
    padding: 65px 0 65px;
    z-index: 1;
}
/*===========================================
<-- Start Css Section Title  -->
==============================================*/
.section_title.text-center {
    margin-bottom: 30px;
}
.section_title h4 {
    font-size: 20px;
    color: #0B5355;
    font-weight: 500;
    position: relative;
    z-index: 1;
}
.section_title h3 {
    font-size: 21px;
    line-height: 28px;
    color: #063232;
    font-weight: 500;
    margin: 20px 0 0 0;
}
.section_title.style_two h1 {
    color: #ffff;
}
.section_title.style_two h4 {
    color: #e0f1df;
}
.section_title.text-center p {
    width: 49%;
    text-align: center;
    margin: 23px auto 0;
}
.section_title p {
    width: 89%;
    margin: 28px 0 34px;
}
.section_title.left {
    margin-bottom: 50px;
}
.section_title.style_three {
    position: relative;
    z-index: 1;
}

.section_title.style_four:before {
    left: 0;
    bottom: -32%;
    height: 15px;
    width: 11%;
    right: 0;
    margin: auto;
    text-align: center;
}
.section_title.style_three p {
    margin: 23px 0 25px;

}
.section_title.style_four {
    margin-bottom: 20px !important;
}
/* advisar right */
.conslat_right p {
    width: 75%;
    margin-bottom: 0;
}
/*===========================================
<-- Start Css Feature Area -->
==============================================*/
section.feature_area {
    padding: 100px 0 163px;
    background: url(../images/home_one/service-bg2.html);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.feature_area.boxed {
    margin: 20px 20px 0px 20px;
}
.feature_item {
    background: url(../images/home_one/feature_shape.html);
    background-repeat: round;
    background-size: cover;
    padding: 40px 25px 30px 36px;
    position: relative;
    z-index: 1;
    transition: .5s;
    margin-bottom: 30px;
}
.feature_item.upper {
    margin-top: 30px;
}
.feature_item:hover {
    background: url(../images/home_one/feature_itm.html);
    background-repeat: round;
    background-size: inherit;
}
.feature_item:before {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #faab43;
    position: absolute;
    content: "";
    left: 0;
    bottom: 5px;
    right: 0;
    margin: auto;
    transition: .5s;
    opacity: 0;
}
.feature_item:after {
    width: 1px;
    height: 25px;
    background-color: #faab43;
    position: absolute;
    content: "";
    left: 1px;
    bottom: -12px;
    right: 0;
    margin: auto;
    transition: .5s;
    opacity: 0;
}
.feature_item:hover:before, .feature_item:hover:after {
    opacity: 1;
}
.feature_content h3 {
    font-size: 20px;
    line-height: 30px;
    color: #063232;
    font-weight: 600;
    margin-bottom: 16px;
    margin-top: 20px;
}
.feature_number {
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    transition: .5s;
}
h6.feature_no {
    font-size: 17px;
    line-height: 26px;
    color: #faab43;
    font-weight: 400;
}
.feature_item:hover .feature_number {
    bottom: -38px;
}

.feature_shape {
    position: absolute;
    top: 6%;
    right: 0;
}
/*===========================================
<-- Start Css Service Area -->
==============================================*/
section.service_area {
    background: #063232;
    padding: 179px 0 89px;
    position: relative;
    top: -75px;
    z-index: 1;
}
section.service_area.boxed {
    margin: 0 20px 20px 20px;
}
.service_single_item {
    position: relative;
    transition: .5s;
    display: inline-block;
    padding: 40px 0 0 40px;
    margin-bottom: 30px;
    z-index: 1;
}
.service_single_item:before {
    position: absolute;
    top: 0;
    background: #0a4b4b;
    width: 100%;
    content: "";
    height: 316px;
    z-index: -1;
    left: 0;
    border-radius: 20px;
    transition: .5s;
}
.service_single_item:hover:before {
    background: #faab43;
}
.service_thumb img {
    width: 100%;
}
.service_content {
    border-radius: 0 0 20px 20px;
    background-color: #0a4b4b;
    transition: .5s;
    text-align: left;
    padding: 34px 40px 27px;
    position: relative;
    z-index: 1;
}

.service_content h3 {
    font-size: 23px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 500;
    margin-top: 0;
}
.service_single_item:hover .service_content h3 {
    color: #063232;
}
/* ====Service Button====== */
.service_btn {
    margin-top: 15px;
}
.service_btn a {
    transition: .5s;
    display: inline-block;
    letter-spacing: -6px;
    font-size: 14px;
    line-height: 32px;
    text-transform: uppercase;
    color: #0a4b4b;
    font-weight: 500;
}
.service_btn a i {
    margin-left: -8px;
    font-size: 15px;

    color: #fff;
}
/* all hover */
.service_single_item:hover .service_btn a {
    letter-spacing: 0;
}
.service_single_item:hover .service_btn a i {
    margin-left: 8px;
    color: #0a4b4b;
}
.service_shape {
    position: absolute;
    bottom: -3%;
    left: 0;
    margin: 0;
}
.service_shape img {
    width: 100%;
}
.service_fuor {
    position: absolute;
    top: 2%;
    left: 3px;
    width: 97px;
    height: 97px;
    border-radius: 49px;
    background-color: #faab43;
    line-height: 97px;
    text-align: center;
    right: 0;
    margin: auto;
}

/*===========================================
<-- Start Css Marquee Area -->
==============================================*/
.marquee_area {
    background: #fff;
    padding: 15px 0 75px;
}
.marquee {
    position: relative;
    --duration: 40s;
    --gap: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap:0;
}
.marquee-block h3 {
    margin: 0;
}
.marquee-block {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap:0px;
    min-width: 100%;
    -webkit-animation: scroll 30s linear infinite;
    animation: scroll 30s linear infinite;
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-100% - var(--gap)));
        transform: translateX(calc(-100% - var(--gap)));
    }
}
@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-100% - var(--gap)));
        transform: translateX(calc(-100% - var(--gap)));
    }
}
.marquee.style2 .marquee-block h3 {
    font-size: 120px;
    font-weight: 700;
    margin: 0 50px 0 50px;
    -webkit-background-clip: text;
    letter-spacing: 0;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #faab43;
    color: transparent;
    -webkit-mask-image: linear-gradient(-75deg, #faab43 50%, #faab43 50%, #faab43);
    -webkit-mask-size: 200%;
    animation: shine 3s infinite;
    transition: .5s;
}
.marquee.style2 .marquee-block span {
    color: #faab43;
    font-size: 120px;
    font-weight: 700;
}

/*===========================================
<-- Start Css About Area -->
==============================================*/
section.about_area {
    padding: 105px 0 120px;
    border-radius: 20px;
    background: #f0f7ef;
    position: relative;
    z-index: 1;
}
.about_thumb {
    position: relative;
    width: 90%;
}
.about_thumb img{
    width:100%;
}
.about_play {
    position: absolute;
    top: 0%;
    right: 13%;
}
/*animation circle*/
.text-inner {
    animation: circle 15s linear infinite;
    animation: circle 15s linear infinite;
    position: relative;
    z-index: 22;
    fill: transparent;
}
.text-inner svg {
    width: 100px;
    max-width: 100%;
    height: auto;
    overflow: visible;
    word-spacing: 10px;
    transform: rotate(0) scaleX(1) scaleY(1);
    position: relative;
}
.text-inner:before {
    position: absolute;
    content: "";
    top: 44%;
    left: 0%;
    height: 16px;
    width: 16px;
    background: #fff!important;
    right: 0;
    margin: auto;
    text-align: center;
    border-radius: 50%;
}
.text-inner text {
    fill: #ffffff;
    direction: ltr;
    transition: 0.3s stroke, 0.3s stroke-width, 0.3s fill;
    font-size: 30px;
    font-weight: 500;
    position: relative;
    z-index: 2;
}
a.banner-play-btn {
    width: 142px;
    height: 142px;
    border-radius: 71px;
    background-color: #faab43!important;
    overflow: hidden;
    line-height: 142px;
    text-align: center;
    position: relative;
    display: inline-block;
}
.like {
    position: absolute;
    top: 52%;
    transform: translate(-50%, -50%);
    left: 50%;
}
@keyframes circle {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}
.circle {
    animation: circle 15s linear infinite;
}
.right {
    animation: right 15s linear infinite;
}
.spin2 {
    animation: spin2 15s linear infinite;
}
@keyframes right {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-positive {
    0% {
        width: 0;
    }
}

.about_content {
    position: relative;
    z-index: 1;
}
.about_content h3 {
    font-size: 16px;
    color: #faab43;
    font-weight: 500;
    margin-bottom: 3px;
    display: inline-block;
}
.about_content h1 {
    font-size: 28px;
    line-height: 38px;
    color: #063232;
    font-weight: 500;
    margin-bottom: 20px;
}
/* ====== About List====== */

.about_list ul li {
    font-size: 18px;
    line-height: 38px;
    color: #063232;
    font-weight: 500;
}
.about_list ul li i {
    font-size: 22px;
    top: 3px;
    position: relative;
    margin-right: 15px;
}

/* ======= Hero button ========== */

.about_button {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.about_btn a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #ffffff;
    font-size: 16px;

    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 30px;
    display: inline-block;
    background-color: #faab43;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border: none;
}
.about_btn span {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    display: block;
    border-radius: 30px;
    background-color: #063232;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
    transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}
.about_btn a:hover, .about_btn a:focus {
    color: #ffff;
}
.about_btn a:hover span, .about_btn a:focus span {
    width: 200%;
    height: 500px;
}
.about_btn a:before {
    position: absolute;
    content: "";
    left: 40px;
    bottom: 17px;
    background-color: #ffffffa1;
    z-index: -1;
    width: 12%;
    height: 2px;
    transition: .5s;
}
.about_btn a:hover:before {
    width: 105px;
    background-color: #ffff;
    z-index: 1;
}
.about_btn {
    margin-right: 30px;
}
.about_info a {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    color: #faab43;
    font-weight: 500;
}
.about_info span {
    color: #faab43;
    position: relative;
    top: -5px;
}
/* about shape */
.about_shape {
    position: absolute;
    bottom: -9%;
    right: -8%;
}

section.about_area.style_four {
    background: transparent;
    padding: 50px 0 50px;
}
section.about_area.style_four .about_play.style_three {
    right: 0;
}
section.about_area.style_four .about_play.style_three .text-inner text {
    fill: #2B494B;
    font-weight: 500;
    font-size: 30px;
    text-transform: uppercase;
}
section.about_area.style_four .about_play.style_three  a.banner-play-btn {
    line-height: 138px;
}

/* =================================
  <--- start advisar button css --->
=============================== */
.advisar_btn {
    text-align: right;
}
.advisar_btn a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #ffffff;
    font-size: 16px;

    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 30px;
    display: inline-block;
    background-color: #faab43;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border: none;
}
.advisar_btn span {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    display: block;
    border-radius: 30px;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
    transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}
.advisar_btn a:hover, .advisar_btn a:focus {
    color: #faab43;
}
.advisar_btn a:hover span, .advisar_btn a:focus span {
    width: 200%;
    height: 500px;
}
.advisar_btn a:before {
    position: absolute;
    content: "";
    left: 40px;
    bottom: 17px;
    background-color: #ffffffa1;
    z-index: -1;
    width: 12%;
    height: 2px;
    transition: .5s;
}
.advisar_btn a:hover:before {
    width: 105px;
    background-color: #faab43;
    z-index: 1;
}


/* =================================
  <--- start advisar Why choose Area css --->
=============================== */

section.why_choose_area {
    padding: 105px 0 30px;
    position: relative;
    z-index: 1;
    background: url(../images/home_two/why-choose-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
section.why_choose_area::after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #053131E6;
    content: "";
    z-index: -1;

}
.choose_warpper {
    margin-left: 65px;
}
.why_choose_thumb img {
    width: 100%;
    border-radius: 20px;
}
.why_choose_single_item {
    display: flex;
    gap: 25px;
    padding: 0;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    align-items: center;
    background: #064443;
    padding: 32px 30px 32px;
    border: 1px solid #faab43;
    transition: .5s;
    margin-bottom: 20px;
}
.why_choose_single_item:hover{
    background:#faab43;
    margin-left:-10px;
}

.choose_icon {
    margin-right: 0;
    flex-shrink: 0;
    position: relative;
}
.choose_content h3 {
    font-size: 23px;
    font-weight: 500;
    margin: 0;
    color: #fff;
    margin: 0 0 9px;
}
.choose_content p {
    margin: 0;
    color: #A3B7B7;
}
.choose_icon {
    background: #1c9a98;
    color: #fff;
    width: 75px;
    height: 75px;
    line-height: 75px;
    font-size: 28px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
}
.why_choose_single_item .round-circle:before {
    position: absolute;
    content: '';
    background: #1c9a98;
    width: 8px;
    height: 8px;
    left: 10px;
    bottom: 9px;
    border-radius: 50%;
    z-index: 1;
}
.why_choose_single_item .round-circle {
    position: absolute;
    width: 95px;
    height: 95px;
    left: -10px;
    top: -10px;
    border: 2px solid #1c9a98;
    border-radius: 50%;
    clip-path: polygon(0% 0%,50% 0%,50% 100%,0% 100%,0 0);
    transition: all 500ms ease;
    animation: service_hexagon 2s infinite linear;
    animation-play-state: paused;
    opacity: 0;
}
.why_choose_single_item:hover .round-circle:before {
    position: absolute;
    content: '';
    background: #1c9a98;
    width: 8px;
    height: 8px;
    left: 10px;
    bottom: 9px;
    border-radius: 50%
}
.why_choose_single_item:hover .round-circle {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
    opacity: 1;
}
.why_choose_single_item:hover .round-circle {
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,0 0)
}
.why_choose_single_item.active .round-circle {
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,0 0)
}
.why_choose_single_item.active .round-circle {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
    opacity: 1;
}
.why_choose_single_item.active .round-circle {
    opacity: 1;
}

/* =====================================
  <--- Start advisar Counter Area CSS --->
========================================= */

section.counter_area {
    background: #0E4747;
    padding: 67px 0 42px;
}
/* .counter_upper {

} */
.counter-single-item {
    margin-bottom: 30px;
}
.counter-content {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.counter-content.none:before {
    display: none;
}
.counter-_number h1 {
    display: inline-block;
    font-size: 40px;
    line-height: 52px;
    color: #beffd9;

}
.counter-_number span {
    display: inline-block;
    font-size: 40px;
    line-height: 52px;
    color: #beffd9;

}
.counter_title {
    margin-left: 40px;
    position: relative;
}
.counter_title:before {
    position: absolute;
    content: "";
    left: -22px;
    top: 20px;
    width: 1px;
    height: 30px;
    background-color: rgba(255,255,255,0.30196078431372547);
}
.counter_title h5 {
    font-size: 15px;
    line-height: 24px;
    text-transform: uppercase;
    color: #beffd9;
    font-weight: 400;
}
.proconsul_btn.right_btn {
    text-align: right;
    height: 180px;
    padding: 0 0 0 0;
}

.proconsul_btn.right_btn a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #ffffff;
    font-size: 16px;

    text-align: center;
    margin: 115px 0 0 0;
    padding: 10px 25px;
    width: 90%;
    border-radius: 30px;
    display: inline-block;
    background-color: #faab43;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border: none;
}
.proconsul_btn.right_btn span {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    display: block;
    border-radius: 30px;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
    transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}
.proconsul_btn.right_btn a:hover, .proconsul_btn.right_btn a:focus {
    color: #faab43;
}
.proconsul_btn.right_btn a:hover span, .proconsul_btn.right_btn a:focus span {
    width: 200%;
    height: 500px;
}


/* =========================================================
  <--- Start advisar Steps Area CSS --->
============================================================ */

section.steps_area {
    background: #E0F1DF;
    border-radius: 20px 20px 0 0;
    padding: 105px 0 112px;
}
.steps-single-item {
    margin-bottom: 30px;
    padding: 40px 40px 31px;
    background: url(../images/home_one/steps_bg.html);
    background-repeat: no-repeat;
    border-radius: 10px;
    background-size: cover;
    position: relative;
}
.steps-single-item:before {
    position: absolute;
    top: 20px;
    right: 59px;
    width: 30px;
    height: 1px;
    background-color: #faab43;
    content: "";
}
h3.steps_number {
    position: absolute;
    right: 30px;
    top: 0;
    font-size: 18px;
    color: #faab43;
    font-weight: 400;
}
.steps_icon {
    width: 76px;
    height: 76px;
    border-radius: 38px;
    background-color: #e0f1df;
    line-height: 76px;
    text-align: center;
    transition: .5s;
}
.steps-single-item:hover .steps_icon {
    background: #faab43;
}
.steps_icon img {
    transition: .5s;
}
.steps-single-item:hover .steps_icon img {
    filter: brightness(0) invert(1);
}
.steps-content h3 {
    font-size: 20px;
    color: #002c2a;
    font-weight: 500;
    margin: 25px 0 16px;
}
.steps_btn a {
    color: #faab43;
    display: inline-block;
    margin-top: 4px;
    font-size: 16px;
}

/* =======Pagination ========= */
.pagination {
    text-align: center;
    justify-content: center;
    margin-top: 2px;
}
.pagination span {
    font-size: 15px;
    line-height: 26px;
    color: #063232;
    font-weight: 500;
}
.pagination a {
    display: inline-block;
    color: #0D6E6D;
    font-weight: 500;
    text-decoration: underline;
}

/* =========================================================
  <--- Start advisar Pricing Area CSS --->
============================================================ */
section.pricing-area {
    background-color: #063232;
    padding: 158px 0 90px;
    border-radius: 0 0 20px 20px;
    margin-top: -20px;
}
section.pricing-area .section_title p {
    margin: 28px 0 40px;
    color: #fff9;
}
.pricing-single-items {
    position: relative;
    z-index: 1;
    padding: 50px 30px 21px;
    border-radius: 10px;
    margin-bottom: 30px;
    background: url(../images/home_one/price-bg1.html);
    background-repeat: no-repeat;
    background-size: cover;
}
.pricing-single-items.upper {
    margin-top: -40px;
}
.pricing-single-items:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 0%;
    width: 100%;
    background: url(../images/home_one/pricing-hover.html);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    border-radius: 10px;
    transition: .5s;
}
.pricing-single-items:hover:after {
    height: 100%;
}
.pricing_inner {
    display: flex;
    align-items: center;
}
.pricing_icon {
    float: left;
    margin-right: 20px;
    width: 76px;
    height: 76px;
    border-radius: 38px;
    background-color: #e0f1df;
    line-height: 76px;
    text-align: center;
    transition: .5s;
}
.pricing-single-items:hover .pricing_icon {
    background: #ffff;
}
.pricing-title h3 {
    font-size: 24px;
    color: #063232;
    font-weight: 500;
    margin: 0;
}
.pricing-title span {
    font-size: 16px;
    color: #6b7a7a;
    font-weight: 400;
}

/* pricing body */
.pricing-body {
    margin-top: 36px;
}
.pricing-feature ul li {
    margin-bottom: 12px;
    transition: .5s;
    font-size: 16px;
    line-height: 26px;
    color: #6b7a7a;
    font-weight: 400;
    border-bottom: 1px dashed #1717173d;
    padding-bottom: 12px;
}

.pricing-feature ul li img {
    margin-right: 12px;
    position: relative;
    margin-top: -2px;
}

/* ====Price item ===*/

.pricing-item-text {
    position: relative;
    margin: 39px 0 32px;
    z-index: 1;
}
.pricing-item-text span.tk {
    font-size: 46px;
    color: #faab43;

    margin-left: 20px;
}
.pricing-item-text span.currency {
    font-size: 22px;
    color: #faab43;
    font-weight: 500;
    position: absolute;
    top: -6px;
}

/* advisar button */

.advisar_btn.style_two {
    text-align: left;
}
.advisar_btn.style_two a:before {
    display: none;
}
.advisar_btn.style_two a {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid rgba(12,110,109,0.3);
    background: transparent;
    color: #faab43;
}
.advisar_btn.style_two a:hover {
    color: #ffff;
}
.advisar_btn.style_two span {
    background-color: #faab43;

}

/* advisar button style three  */
.advisar_btn.style_three a {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 10px;
    border: 0;
    background: #faab43;
    color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background-color: #faab43;
    line-height: 80px;
}
.advisar_btn.style_three a:hover {
    color: #faab43;

}
.advisar_btn.style_three span {
    background-color: #ffff;

}
.advisar_btn.style_three a i {
    display: inline-block;
    transform: rotate(-45deg);
    font-size: 20px;
    font-weight: 700;
}
/* =========================================================
  <--- Start advisar Case study Area CSS --->
============================================================ */
section.case-study-area {
    padding: 105px 0 30px;
    position: relative;
    z-index: 1;
}
section.case-study-area .section_title.text-center {
    margin-bottom: 64px;
}
section.case-study-area::before {
    background: url(../images/home_two/why-choose-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 62%;
    width: 100%;
    content: "";
    z-index: -1;
}

section.case-study-area::after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 62%;
    width: 100%;
    background: #053131E6;
    content: "";
    z-index: -1;

}

.case-study-thumb {
    position: relative;
    overflow: hidden;
}
.case-study-thumb {
    position: relative;
    overflow: hidden;
    background: #faab43;
    padding: 0;
    border-radius: 10px;
    transition: all 500ms linear;
    height: 520px;
}
.case-study-thumb:hover {
    padding: 20px;
}
.case-study-thumb::before {
    background: rgba(12,109,109, 0.6);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    transition: all 500ms linear;
    z-index: 1;
}
.service_thumb:hover:before {
    left: 10%;
    right: 10%;
    opacity: 0;
    transition: all 500ms linear;
}
.case-study-content {
    width: 75%;
    background: #faab43;
    padding: 30px 30px 10px;
    position: absolute;
    bottom: -16%;
    border-radius: 0 5px 5px 5px;
    z-index: 1;
    transition: .5s;
    opacity: 0;
}
.case-study-thumb:hover .case-study-content {
    bottom: 0%;
    opacity: 1;
}
.case-study-thumb img {
    width: 100% !important;
    transition: .5s;
    border-radius: 10px;
}
.case-study-content h3 {
    font-size: 22px;
    color: #ffffff;
    font-weight: 500;
    margin: 0;
}
.case-study-content p {
    font-size: 15px;
    color: #e0f1df;
    font-weight: 400;
    margin-top: 5px;
}

.single_portfolio_icon {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0;
    transition: .5s;
}
.case-study-single-box:hover .single_portfolio_icon {
    opacity: 1;
    top: 50%;
}
.single_portfolio_icon a {
    background: #e0f1df;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    line-height: 60px;
    color: #095a59;
    transform: rotate(-45deg);
}
/* =========================================================
  <--- Start advisar Team Area CSS --->
============================================================ */

section.team_area {
    padding: 105px 0 56px;
}
.single-team_item {
    transform: translateY(0px);
    transition: .5s;
    margin-bottom: 30px;
}
.single-team_item:hover {
    transform: translateY(30px);
}
.single-team_item.style_upper {
    transform: translateY(30px);
}
.team-content {
    text-align: center;
    padding: 9px 0 0;
    margin: 0 35px 30px 0;
}
.team-content h3 a {
    font-size: 24px;
    color: #0e4747;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 8px;
}
.single-team_item.style_four .team_thumb::before {
    display: none;
}

.single-team_item.style_four .team_thumb::after {
    background: rgba(12,109,109, 0.6);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    transition: all 500ms linear;
    z-index: 9999;
}
.single-team_item.style_four:hover .team_thumb::after {
    left: 10%;
    right: 10%;
    opacity: 0;
    transition: all 500ms linear;
}

/* team social */

.team_social {
    position: absolute;
    top: 8%;
    left: 0%;
    transition: .5s;
}
.single-team_item.style_four:hover .team_social {
    left: 30px;
}
.single-team_item.style_four .team_social ul li {
    list-style: none;
    display: block;
}
.single-team_item.style_four .team_social ul li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: #faab43;
    margin-right: 10px;
    font-size: 16px;
    transition: .5s;
    background: #fff;
    transform: translateX(0px);
    transition: .5s;
    overflow: hidden;
    opacity: 0;
    text-align: center;
}
.single-team_item.style_four .team_social ul li:nth-child(2) a {
    transition-delay: .1s;
}
.single-team_item.style_four .team_social ul li:nth-child(3) a {
    transition-delay: .2s;
}
.single-team_item.style_four .team_social ul li:nth-child(4) a {
    transition-delay: .3s;
}
.single-team_item.style_four .team_social ul li a:hover{
    color: #fff;
    background: #faab43;
}
.single-team_item.style_four:hover .team_social ul li a{
    transform: translateX(15px);
    opacity: 1;
}
.single-team_item.style_four .team-content {
    background: transparent !important;
    filter: none !important;
}
.single-team_item.style_four .team-content h3 a {
    font-size: 24px;
    margin: 8px 0 5px;
    color: #063232;
    font-weight: 500;
}
.single-team_item.style_four .team-content span {
    margin: 0;
    font-size: 16px;
    color: #faab43;
    font-weight: 400;
}
section.team_area.inner_page {
    padding: 105px 0 112px;
}

/* =========================================================
  <--- Start advisar Testimonial Area CSS --->
============================================================ */

.testimonial_area {
    padding: 30px 0 30px;
    position: relative;
    border-radius: 30px;
}
.tesimonial_img {
    margin-left: -254px;
    position: relative;
}
.testi_icon img {
    width: inherit !important;
}
/* testimonial star rating */
.testi-star-rating {
    display: flex;
    align-items: center;
    position: absolute;
    right: 12%;
    bottom: 3%;
}
.testimonial_star i {
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #ff9c00;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    margin-right: 15px;
}
.testi-star-rating h4 {
    font-size: 22px;
    color: #ffffff;
    font-weight: 500;
    margin: 0;
}
/* testi star */
.testi-star i {
    font-size: 16px;
    color: #ff9c00;
    margin: 30px 5px 18px 0;
}
.testimonial-content p {
    font-size: 24px;
    line-height: 38px;
    color: #ffffff;
    font-weight: 400;
    font-style: italic;
}
.tesit-auothor {
    display: flex;
    align-items: center;
    margin-top: 49px;
}
.tesit-auothor .bio {
    margin-left: 20px;
}
.tesit-auothor .bio h4.name {
    font-size: 20px;
    color: #ffffff;
    font-weight: 500;
    margin: 0;
}
.tesit-auothor .bio h5.designation {
    font-size: 15px;
    color: #e0f1df;
    font-weight: 400;
}
.testi_shape {
    position: absolute;
    right: 7%;
    top: 16%;
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-position: center center;
}
@keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



/* =========================================================
  <--- Start advisar Blog Area CSS --->
============================================================ */
.blog_area {
    padding: 85px 0 172px;
}
.single-blog-thumb{
    position: relative;
}
/*.single-blog-thumb:before {*/
/*    background: rgba(12,110,109);*/
/*    position: absolute;*/
/*    height: 0;*/
/*    width: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    -moz-transition: all .6s ease-out 0s;*/
/*    -webkit-transition: all .6s ease-out 0s;*/
/*    -ms-transition: all .6s ease-out 0s;*/
/*    -o-transition: all .6s ease-out 0s;*/
/*    transition: all .6s ease-out 0s;*/
/*    content: "";*/
/*    z-index: 2;*/
/*    opacity: .4;*/
/*    border-radius: 10px;*/
/*}*/
/*.single-blog-thumb:after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background: rgba(12,110,109);*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    opacity: 0;*/
/*    z-index: 3;*/
/*    -moz-transition: all .6s ease-out 0s;*/
/*    -webkit-transition: all .6s ease-out 0s;*/
/*    -ms-transition: all .6s ease-out 0s;*/
/*    -o-transition: all .6s ease-out 0s;*/
/*    transition: all .6s ease-out 0s;*/
/*    border-radius: 10px;*/
/*}*/
.single-blog-box:hover .single-blog-thumb:before {
    height: 100%;
    opacity: .1
}

.single-blog-box:hover .single-blog-thumb:after {
    height: 0;
    opacity: .2
}
.single-blog-thumb img {
    border-radius: 10px;
    width: 100%;
}
.blog-content {
    background: #F7F9F8;
    padding: 35px 13px 20px 30px;
    border-radius: 0 0 5px 5px;
}
.meta-blog {
    margin-bottom: 19px;
}
.meta-blog p {
    font-size: 16px;
    color: #6b7a7a;
    font-weight: 400;
}
.meta-blog p span{
    background-color: #faab43;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    border-radius: 30px;
    padding: 3px 18px;
    position: relative;
    margin-right: 38px;
}

.single-blog-thumb span{
    background-color: #faab43;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    border-radius: 30px;
    padding: 3px 18px;
    position: absolute;
    margin-right: 38px;
    top: 30px;
    left: 30px;
}

.meta-blog p span:before {
    position: absolute;
    content: "";
    right: -26px;
    top: 10px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #faab43;
}
.blog-title h3 a {
    font-size: 22px;
    line-height: 32px;
    color: #0e4747;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 14px;
}

.blog_btn a {
    transition: .5s;
    display: inline-block;
    letter-spacing: -6px;
    font-size: 14px;
    line-height: 32px;
    text-transform: uppercase;
    color: #F7F9F8;
    font-weight: 500;
    color: transparent;
}
.blog_btn a i {
    margin-left: -8px;
    font-size: 15px;

    color: #0a4b4b;
}
/* all hover */
.single-blog-box:hover .blog_btn a{
    letter-spacing: 0;
    color: #0a4b4b;
}
.single-blog-box:hover .blog_btn a i {
    margin-left: 8px;
    color: #0a4b4b;
}
/* owl dots */

.blog_list .owl-dots {
    position: absolute;
    bottom: -15%;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

.blog_list .owl-dot {
    display: inline-block;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #B5D3D1 !important;
}

.blog_list .owl-dot.active {
    background: #faab43 !important;
    width: 12px;
    border-radius: 50%;
    height: 12px;
}

/* =========================================================
  <--- Start advisar Footer Area CSS --->
============================================================ */
.footer_area {
    background: #063232;
    padding: 120px 0 30px;
}
p.footer_desc {
    font-size: 15px;
    line-height: 24px;
    color: #a3b7b7;

    margin: 37px 0 15px;
    width: 100%;
}
.subscribe_form {
    border-bottom: 1px solid rgba(255,255,255,0.30196078431372547);
    position: relative;
}
.subscribe_form input {
    background: transparent;
    border: none;
    width: 100%;
    outline: 0;
    height: 50px;
    color: #fff !important;
}
.subscribe_form input::placeholder {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
}
.subscribe_form input:focus {
    outline: 0;
    background: transparent;
    box-shadow: none;
}
button.btn {
    width: 119px;
    height: 36px;
    border-radius: 18px;
    background-color: #faab43;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    position: absolute;
    top: 0;
    right: 0;
}
button.btn:hover {
    background: #fff;
    color: #063232;
}
.footer-widget-title h4 {
    font-size: 22px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 34px;
}
.footer-widget-menu ul li a {
    font-size: 17px;
    color: #a3b7b7;

    display: inline-block;
    margin-left: -15px;
    margin-bottom: 9px;
}
.footer-widget-menu ul li a:hover{
    margin-left: .0;
    color: #ffff;
}

.footer-widget-menu ul li a i {
    font-size: 12px;
    opacity: 0;
    transition: .5s;
}
.footer-widget-menu ul li a:hover i {
    opacity: 1;
}
.footer-widget-address.style_two {
    border-bottom: 1px dashed #ffffff78;
    padding-bottom: 12px;
}
.footer-widget-address {
    margin-bottom: 20px;
}
.footer_widget_icon.style_upper {
    top: 7px;
    position: relative;
}
.footer_widget_icon i {
    width: 25px;
    height: 25px;
    border-radius: 13px;
    background-color: #faab43;
    font-size: 9px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    float: left;
    margin-right: 10px;
}
.footer-widget-address_text {
    overflow: hidden;
}
.footer-widget-address_text p {
    font-size: 15px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 400;
    margin: 0;
}
.footer-widget-address_text span {
    font-size: 15px;
    line-height: 24px;
    color: #ffffff99;
    font-weight: 400;
}
/* footer bottom */
.row.add-border {
    position: relative;
    padding-top: 30px;
    margin-top: 71px;
}
.row.add-border:before {
    position: absolute;
    top: 0;
    left: 12px;
    height: 1px;
    width: 98%;
    background: rgba(255,255,255,0.30196078431372547);
    content: "";
}
.footer-bottom-content-copy p {
    font-size: 15px;
    line-height: 28px;
    color: #ffffff;

    margin: 0;
}
.footer-bottom-content.right {
    text-align: right;
}
.footer-bottom-menu {
    text-align: right;
}
.footer-bottom-menu ul li {
    display: inline-block;
    margin-right: 20px;
}
.footer-bottom-menu ul li a {
    display: inline-block;
    font-size: 15px;
    color: #bdd3d3;

}
.footer-bottom-menu ul li a:hover {
    color: #fff;
}



/* =========================================================
  <--- Start advisar Hero Area Style Two CSS --->
============================================================ */
section.hero_area.style_two {
    background: url(../images/home_two/banner.jpg);
    height: 900px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
section.hero_area.style_two.slider_three {
    background: url(../images/home_two/banner-Img2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;


}
.hero_content h4 {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    margin-bottom: 23px;
    padding-left: 12px;
}
section.hero_area.style_two .hero_content h4{
    color: #fff;
}
section.hero_area.style_two .hero_content h1 {
    font-size: 110px;
    line-height: 110px;
    margin: 30px 0 34px;
    color: #fff;
}
section.hero_area.style_two .hero_content h1:before {
    display: none;
}
.hero_area.style_two .hero_content p {
    margin: 24px 0 47px;
    font-size: 18px;
    color: #fff;
}
.hero_btn.style_two a:before {
    display: none;
}
.home_two_button {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero_btn a i {
    margin-left: 8px;
    transform: rotate(-52deg);
}
.hero_video_btn a {
    color: #faab43;
    display: inline-block;
}
.hero_video_btn span {
    font-size: 20px;
    color: #faab43;
    margin-left: 4px;
}
.hero_area.style_two .hero-thumb {
    position: relative;
    z-index: 1;
    top: 109px;
}
/* hero shape home two */
.hero_shape_2 {
    position: absolute;
    left: 4%;
    top: 45%;
}
.hero_shape_3 {
    position: absolute;
    bottom: 10%;
    transform: translate(-50%, -50%);
    left: 44%;
}
.hero_shape_4 {
    position: absolute;
    right: 17%;
    top: 25%;
}


/* =========================================================
  <--- Start advisar Feature Area Style Six CSS --->
============================================================ */
section.feature_area.style_sixs {
    padding: 0;
    background: transparent;
}
.row.feature_upper {
    margin-top: -163px;
}
.feature_item.style_sixs {
    background: #f4f8f8 !important;
    padding: 55px 30px 40px !important;
    border: 0 !important;
    filter: none !important;
}
.feature_item.style_sixs:hover {
    border: inherit !important;
    transform: translateY(0px) !important;
}
.feature_item.style_sixs .feature_content h3 {
    font-size: 22px;
    color: #063232;
    margin-bottom: 6px;
    margin-top: 40px;

}
.feature_item.style_sixs .feature_icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #faab43;
    color: #fff;
    display: block;
    border-radius: 100%;
    font-size: 34px;
    display: inline-block;
    position: relative;
    transition: .5s;
}

.feature_item.style_sixs .round-circle {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
    opacity: 0;
}
.feature_item.style_sixs:hover .round-circle {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
    opacity: 1;
}

.feature_item.style_sixs:hover .round-circle {
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,0 0)
}

.feature_item.style_sixs:hover .round-circle:before {
    opacity: 1;
}

.feature_item.style_sixs .round-circle:before {
    position: absolute;
    content: '';
    background: #faab43;
    width: 8px;
    height: 8px;
    left: 10px;
    bottom: 9px;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    transition: .5s;
}

.round-circle {
    position: absolute;
    width: 100px;
    height: 100px;
    left: -10px;
    top: -10px;
    border: 2px solid #faab43;
    border-radius: 50%;
    clip-path: polygon(0% 0%,50% 0%,50% 100%,0% 100%,0 0);
    transition: all 500ms ease;
    animation: service_hexagon 2s infinite linear;
    animation-play-state: paused;
    opacity: 0;
}

/* boxs active */
.feature_item.style_sixs.active .round-circle {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
    opacity: 1;
}

.feature_item.style_sixsactive .round-circle {
    position: absolute;
    width: 100px;
    height: 100px;
    left: -10px;
    top: -10px;
    border: 2px solid #faab43;
    border-radius: 50%;
    clip-path: polygon(0% 0%,50% 0%,50% 100%,0% 100%,0 0);
    transition: all 500ms ease;
    animation: service_hexagon 2s infinite linear;
    animation-play-state: paused;
    opacity: 1;
}
.feature_item.style_sixs.active .round-circle:before {
    position: absolute;
    content: '';
    background: #faab43;
    width: 8px;
    height: 8px;
    left: 10px;
    bottom: 9px;
    border-radius: 50%;
    z-index: 1;
    opacity: 1;
    transition: .5s;
}
.feature_item.style_sixs.active .round-circle {
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,0 0);
}

.feature_btns {
    margin-top: 25px;
}
.feature_btns a {
    color: #101210;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
}
.feature_btns a:hover {
    color: #faab43;
}
.feature_btns a i {
    font-size: 20px;
    height: 30px;
    width: 30px;
    background: #faab43;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    margin-right: 5px;
    margin-left: 0;
    color: #fff;
    display: inline-block;
    top: 2px;
    position: relative;
    transition: .5s;
}
.feature_btns a:hover i {
    background: #101210;
}

@keyframes service_hexagon {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes service_hexagon {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes service_hexagon {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes service_hexagon {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}




/* =========================================================
  <--- Start advisar Counter Area Style Two CSS --->
============================================================ */

.counter_area.style_two {
    background: transparent;
    padding: 0;
    border-bottom: 1px solid #e6eaea;
}
.counter-single-item.style_two {
    margin: 0;
    padding: 45px 50px 52px;
}
.counter-single-item.style_two.second {
    background: #f3f8f8;
}
.counter-single-item.style_two .counter-_number h1 {
    color: #063232;
}
.counter-single-item.style_two .counter-_number span {
    color: #063232;
}
.counter-single-item.style_two .counter_title h5 {
    font-size: 18px;
    line-height: 24px;
    text-transform: unset;
    color: #6b7a7a;
    font-weight: 400;
}
h5.title_two {
    margin-top: 5px;
}
.counter-single-item.style_two .counter_title {
    margin-left: 23px;
    position: relative;
}
.counter-star i {
    color: #faab43;
    font-size: 15px;
}

/* =========================================================
  <--- Start advisar About Area Style Two CSS --->
============================================================ */
section.about_area.style_two {
    background: #ffff;
    position: relative;
    padding: 198px 0 120px;
}
.about_play.style_two {
    top: -15%;
}
.about_play.style_two a.banner-play-btn {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background-color: #f3f8f8 !important;
    line-height: 180px;
}
.about_play.style_two .text-inner text {
    fill: #063232;
}
.about_play.style_two .text-inner:before {
    display: none;
}
.about_play.style_two .text-inner svg {
    width: 66%;
}
.about_area.style_two .section_title p {
    width: 88%;
    margin: 23px 0 24px;
}
.like {
    position: absolute;
    top: 49%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.about_icon {
    margin-right: 20px;
}
.about-icon_box {
    display: flex;
    align-items: center;
    padding: 0 0 0 15px;
}
.about_icon {
    margin-right: 20px;
    position: relative;
    top: 18px;
    z-index: 1;
}
.about_icon:before {
    position: absolute;
    top: -13px;
    left: -15px;
    height: 50px;
    width: 50px;
    background: #EDF4F4;
    content: "";
    z-index: -1;
    border-radius: 5px;
}
.about_content.style_two h3 {
    font-size: 20px;
    color: #063232;
    line-height: 30px;
    margin-bottom: 0;
}
.about_button.style_upper {
    border-top: 1px solid #e6eaea;
    padding-top: 35px;
    margin-top: 36px;
}
.about_btn.style_two {
    margin-left: 30px;
}
.about_btn.style_two a  {
    padding-left: 42px;
    padding-right: 42px;
    padding-top: 17px;
    padding-bottom: 17px;
}
.about_btn.style_two a:before {
    display: none;
}
.about_btn.style_two a i {
    margin-right: 10px;
}
.about_info.style-two span a i {
    transform: rotate(-45deg);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px;
}

.about_shape.two {
    top: 21%;
    right: 0%;
    position: absolute;
    z-index: -1;
}

/* =========================================================
  <--- Start advisar Service Area Style Two CSS --->
============================================================ */

.container-fluid.custom_container {
    margin: 0 0 0 290px;
}

.service_area.style_two {
    background: #F4F8F9;
    position: relative;
    z-index: 1;
    padding: 105px 0 120px;
    top: 0;
}
.service_single_item.style_two {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background: transparent;
    margin-bottom: 0;
}
.service_single_item.style_two:before {
    display: none;
}
.service_single_item.style_two .service_content {
    background: #fff;
    padding: 42px 0 28px 40px;
    border-radius: 5px;
}
.service_single_item.style_two:hover .service_content:before {
    display: none;
}
.style_two.service_single_item .service_content h4 {
    color: #faab43;
    font-size: 15px;
    font-weight: 400;
    margin: 36px 0 20px;
    position: relative;
}
.service_single_item.style_two .service_content h3 {
    color: #063232;
    font-size: 20px;
}
.service_single_item.style_two .service_content h3 a{
    color: #063232;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    line-height: 30px;
}
.service_single_item.style_two .service_btn {
    position: absolute;
    top: 10px;
    right: 20px;
}
.service_single_item.style_two .service_btn a {
    color: #fff;
}
.service_single_item.style_two:hover .service_btn a {
    color: #000;
}
.service_single_item.style_two .service_btn a i {
    color: #0a4b4b;
    font-size: 16px;
    transform: rotate(-45deg);
    display: inline-block;
}
.service_single_item.style_two:hover .service_btn a i {
    transform: rotate(0deg);
}
.style_two.service_single_item .service_thumb img {
    width: 100%;
}

.service_list.owl-carousel .owl-item img {
    display: block;
    width: inherit;
}


.service_list .owl-nav {
    position: absolute;
    top: -37%;
    right: 34%;
    display: block;
}
.service_list button.owl-prev i {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid rgba(6,50,50,0.2);
    display: inline-block;
    line-height: 61px;
    transition: .5s;
    font-size: 25px;
    transform: rotate(45deg);
    margin-right: 15px;
}
.service_list button.owl-next i {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid rgba(6,50,50,0.2);
    display: inline-block;
    line-height: 61px;
    transition: .5s;
    font-size: 25px;
    transform: rotate(-45deg);
}
.service_list button.owl-prev i, .service_list button.owl-next i:hover {
    background: #006666;
    color: #fff;
}

/* ======Service Shape========== */

.service_shape.style_two {
    position: absolute;
    top: 17%;
    left: -1%;
    z-index: -1;
}

.service_shape_three {
    position: absolute;
    top: 46%;
    left: 4%;
    z-index: 1;
    margin: auto;
    text-align: center;
}

/* =========================================================
  <--- Start Service Area  Style Four CSS --->
============================================================ */
section.service_area.style_four {
    background: #f3f8f8;
    top: 0;
    padding: 50px 0 50px;
}
.service_single_item.style_four {
    background: #eee;
    padding: 10px;
    display: inherit;
    margin: 0 0 20px 0;
    box-shadow: 0 0 10px #ddd;
}

.service_single_item.style_four:hover {
    background: #beffd9;
}

.service_single_item.style_four:hover .service_content h3 a ,
.service_single_item.style_four:hover .service_btn a i{

}

.service_single_item.style_four .service_thumb img {
    width: 100% !important;
    border-radius: 5px;
}
.service_single_item.style_four .service_content {
    background: transparent;
    padding: 32px 0 24px 30px;
    border-radius: 5px;
}

.service_list .owl-nav {
    position: absolute;
    top: -21%;
    right: 0;
    display: flex;
}
.service_list .owl-prev i {
    line-height: 60px;
    width: 60px;
    border-radius: 50%;
    height: 60px;
    margin-bottom: 10px;
    transition: .5s;
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(6, 50, 50, 0.1);
    display: inline-block;
    margin-right: 15px;
    font-size: 20px;
    transform: rotate(45deg);
}
.service_list .owl-next i {
    line-height: 60px;
    width: 60px;
    border-radius: 50%;
    height: 60px;
    margin-bottom: 10px;
    transition: .5s;
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(6, 50, 50, 0.1);
    display: inline-block;
    margin-right: 15px;
    font-size: 20px;
    transform: rotate(-45deg);
}
.service_list .owl-prev i, .service_list .owl-next i:hover {
    background: #006666;
    color: #fff;
}
/* =========================================================
  <--- Start advisar Skill Area CSS --->
============================================================ */

section.skills_area {
    position: relative;
    padding: 100px 0 0;
    overflow: hidden;
}
/* prossess ber plugin */

.prossess-ber-plugin {
    margin-top: 27px;
}

.prossess-ber-plugin span {
    margin-top: 11px;
    font-size: 16px;
    color: #063232;
    font-weight: 400;
}
.barfiller {
    position: relative;
    margin-bottom: 24px;
    margin-top: 4px;
    width: 100% !important;
    height: 10px;
    border-radius: 5px;
    background-color: rgba(12,110,109,0.14901960784313725);
}
span.fill {
    background-color: #faab43 !important;
}
.barfiller .fill {
    display: block;
    position: relative;
    width: 0px;
    height: 100%;
    background: #333;
    z-index: 1;
    border-radius: 5px;
}
.barfiller .tip {
    margin-top: -35px;
    position: absolute;
    font-size: 18px;
    color: #1b1b1b;
    font-weight: 400;
    left: 0;
}

/* skills author */
.skills_author {
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.skills_author-thumb {
    margin-right: 20px;
}
.skills_author_text {
    margin-left: 20px;
}
.sskills_author_text h3 {
    font-size: 20px;
    line-height: 26px;
    color: #063232;
    font-weight: 500;
    margin: 0 0 5px;
}
.skills_author_text span {
    margin-top: 12px;
    font-size: 14px;
    color: #484747;
    display: inline-block;
}
.author_siganature {
    margin-left: 60px;
}

/* ====Skills Shape======== */
.skill_shape {
    position: absolute;
    top: 15%;
    right: 8%;
    z-index: -1;
}
.skill_shape.style_two {
    top: 53%;
    right: -45px;
    z-index: -1;
}

/* =========================================================
  <--- Start advisar Call  Area CSS --->
============================================================ */

section.call_area {
    background: #faab43;
    position: relative;
    padding: 33px 0 40px;
    z-index: 1;
}
.call-do-content h4 {
    font-size: 16px;
    color: #e0f1df;
    font-weight: 500;
    margin-bottom: 16px;
}
.call-do-content h2 {
    font-size: 34px;
    color: #ffffff;
    font-weight: 500;
}
/* call rigit */
.call-right {
    display: flex;
    justify-content: space-between;
}
.call-do-action-info {
    display: flex;
    align-items: center;
    justify-content: center;
}

.call-do-social_icon  i {
    cursor: pointer;
    height: 55px;
    width: 55px;
    line-height: 55px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    margin-right: 20px;
}

.call_info p {
    font-size: 17px;
    color: #ffffff;

    margin: 0;
}
.call_info h3 {
    font-size: 17px;
    color: #ffffff;
    font-weight: 500;
    margin: 7px 0 0;
}
.call_info h2 {
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
    margin: 0 0 10px 0;
}

.advisar_btn.style_four a {
    border: 1px solid #ffffff91;
    color: #fff;
    padding: 15px 43px 15px;
}
.advisar_btn.style_four a:hover {
    color: #006666;
}
.advisar_btn.style_four a i {
    margin-right: 10px;
}
.advisar_btn.style_four span {
    background: #fff;
}
.call_shape {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    transform: translateY(-50%);
    z-index: -1;
}

/* =========================================================
  <--- Start advisar Testimonial Area Style Two CSS --->
============================================================ */
section.testimonial_area.style_two {
    border-radius: 0;
    padding: 50px 0 50px 0;
}
.testimonial_area.style_two .section_title p {
    margin: 15px auto 0 auto;
    color: #000;
    width: 65%;
}
.counter-single-item.style_three {
    padding: 0;
    border-top: 1px solid rgba(255,255,255,0.2);
    padding-top: 22px;
}
.counter-single-item.style_three .counter-_number h1 {
    font-size: 56px;
    color: #ffffff;
    font-weight: 500;
}
.counter-single-item.style_three .counter_title {
    margin-left: 38px;
}
.counter-single-item.style_three .counter_title:before {
    top: 9px;
    height: 45px;
    background: rgba(255,255,255,0.2);
}
.counter-single-item.style_three .counter_title h5 {
    color: #a3b7b7;
}

/* === testimonial item style two === */

.testimonial_item.style_two {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.testimonial_item.style_two .testi-author-thumb {
    flex-shrink: 0;
}
.testimonial_item.style_two .testimonal-content {
    padding: 0 30px 0;
}
.testimonial_item.style_two .testi-star i {
    font-size: 16px;
    color: #ff9c00;
    margin: 20px 5px 22px 0;
}
.testimonial_item.style_two .tesit-auothor {
    margin-top: 25px;
}
.testimonial_item.style_two .tesit-auothor .bio {
    margin-left: 0;
}
.testimonial_item.style_two .tesit-auothor .bio h4.name {
    color: #063232;
    margin: 0;
}
.testimonial_item.style_two .tesit-auothor .bio h5.designation {
    color: #6b7a7a;
}

.testi_list .owl-nav {
    position: absolute;
    top: 50%;
    right: -3%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
}
.testi_list .owl-prev i {
    width: 45px;
    height: 45px;
    border-radius: 23px;
    background-color: #ffffff;
    border: 1px solid rgba(6,50,50,0.2);
    display: inline-block;
    line-height: 45px;
    margin-bottom: 10px;
    transition: .5s;
    text-align: center;
}
.testi_list .owl-next i {
    width: 45px;
    height: 45px;
    border-radius: 23px;
    background-color: #ffffff;
    border: 1px solid rgba(6,50,50,0.2);
    display: inline-block;
    line-height: 45px;
    transition: .5s;
    text-align: center;
}
.testi_list .owl-prev i, .testi_list .owl-next i:hover {
    background: #006666;
    color: #fff;
}
/* ====== Brand style Uppwer ===== */
.row.brand_upper {

}

/* =========================================================
  <--- Start advisar CaseStudy Area Style Two CSS --->
============================================================ */
section.case-study-area.style_two {
    padding: 105px 0 107px;
    background: #F4F8F9;
}

.case-study_box {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 30px;
}
.case-study_box .case-study-single-box {
    margin-bottom: 30px;
}
.case-study_box .case-study-single-box.upper {
    margin-top: 87px;
}
.case-study_box .case-study-thumb {
    position: relative;
    height: inherit;
    background: none;
}
.case-study_box .case-study-thumb:hover {
    padding: 0;
}
.case-study_box .case-study-thumb::before {
    display: none;
}
.case-study_box .case-study-thumb::after {
    border-radius: 5px;
    background-color: rgba(12,110,109,0.9490196078431372);
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0;
    transition: .5s;
}
.case-study_box .case-study-thumb:hover::after {
    opacity: 1;
}
.case-study_box .case-study-thumb img {
    border-radius: 5px;
}
.case-study_box .case-study-single-box:hover .case-study-thumb img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}
.case-study_box .case-study-content {
    width: 100%;
    background: transparent;
    padding: 33px 40px 0;
    position: absolute;
    top: -23%;
    border-radius: 5px;
    z-index: 2;
    transition: .5s;
    opacity: 0;
}
.case-study_box .case-study-thumb:hover .case-study-content {
    top: 0%;
    opacity: 1;
}
.case-study_box .case-study-content h3 {
    margin: 0;
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
}
.case-study_box .case-study-content p {
    margin: 0 0 5px;
    color: #e0f1df;
    font-size: 15px;
}
.case-study_box .case-study-content p.case_text {
    font-size: 16px;
    color: #fff;
    margin-top: 12px;
}
.case-study_box .advisar_btn {
    position: absolute;
    bottom: 10%;
    opacity: 0;
    transition: .5s;
}
.case-study_box .case-study-thumb:hover .advisar_btn {
    opacity: 1;
}
.case-study_box .case-study-single-box .advisar_btn a {
    background: #e0f1df;
    color: #063232;
    padding: 7px 25px 7px;
}
.case_box-shape {
    position: absolute;
    bottom: 10%;
    right: 20%;
    z-index: 2;
    opacity: 0;
    transition: .5s;
}
.case-study_box .case-study-thumb:hover .case_box-shape {
    bottom: 20%;
    right: 23%;
    opacity: 1;
}

/* =========================================================
  <--- Start advisar Pricing Area Style Two CSS --->
============================================================ */
section.pricing-area.style_two {
    position: relative;
    background: #ffff;
    z-index: 1;
}
.pricing-area.style_two .section_title p {
    margin: 28px 0 20px;
    color: #6b7a7a;
    width: 92%;
}
/* pricing list */

.pricing_list {
    display: inline-block;
    margin-right: 48px;
}
.pricing_list ul li img {
    margin-right: 6px;
}
.pricing_list ul li {
    font-size: 16px;
    color: #063232;
    font-weight: 500;
}
.advisar_btn.five {
    margin-top: 36px;
}
.advisar_btn.five a {
    border: 1px solid #ffffff91;
    color: #fff;
    padding: 15px 42px 15px;
    background: #faab43;
}
.advisar_btn.five span {
    background: #fff;
}
/* pricing style two */
.pricing-single-items.style_two {
    background: #F4F8F9;
    padding: 35px 30px 25px;
    z-index: 2;
    overflow: hidden;
}
.pricing-single-items.style_two:after {
    background: #faab43;
}
.pricing-single-items.style_two:before {
    position: absolute;
    content: "";
    bottom: -100%;
    right: -38%;
    height: 100%;
    width: 100%;
    background: url(../images/home_two/pricing_shape2.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    -webkit-animation: dance3 5s alternate infinite;
    animation: dance3 5s alternate infinite;
    opacity: 0;
    transition: .5s;
}
@keyframes dance3 {
    0% {
        -webkit-transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
    }
}
.pricing-single-items.style_two:hover:before {
    opacity: 1;
    bottom: -62%;
}
.pricing-single-items.style_two .pricing_icon {
    background: #fff;
    transition: .5s;
}
.pricing-single-items.style_two:hover .pricing_icon {
    background: #129695;
}
.pricing-single-items.style_two .pricing_icon img {
    filter: brightness(1) invert(0);
    transition: .5s;
}
.pricing-single-items.style_two:hover .pricing_icon img {
    filter: brightness(0) invert(1);
}
.pricing-single-items.style_two .pricing-title h3 {
    transition: .5s;
}
.pricing-single-items.style_two

.pricing-title span {
    transition: .5s;
}
.pricing-single-items.style_two:hover .pricing-title span {
    color: #fff;
}
.pricing-single-items.style_two:hover .pricing-title h3 {
    color: #fff;
}
.pricing-single-items.style_two .pricing-feature ul li {
    transition: .5s;
}
.pricing-single-items.style_two:hover .pricing-feature ul li {
    color: #fff;
    border-bottom: 1px dashed #e2cece;
}
.pricing-single-items.style_two .pricing-feature ul li img {
    transition: .5s;
}
.pricing-single-items.style_two:hover .pricing-feature ul li img {
    filter: brightness(0) invert(1);
}
.pricing-single-items.style_two .pricing-item-text span {
    transition: .5s;
}
.pricing-single-items.style_two:hover .pricing-item-text span {
    color: #E3F1E2;
}
.pricing-single-items.style_two:hover .advisar_btn a {
    background: #119695;
    color: #fff;
}
.pricing_shape {
    position: absolute;
    top: 23%;
    left: 0;
    z-index: -1;
}

/* =========================================================
  <--- Start advisar Call Area Style Two CSS --->
============================================================ */
section.call_area.style_two {
    background: url(../images/home_two/call_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 112px 0 112px;
}
section.call_area.style_two .call-do-content h2 {
    font-size: 42px;
    color: #ffffff;

}
.call-do-content p {
    color: #a3b7b7;
    width: 80%;
    margin: 20px 0 0;
}

.form-box {
    position: relative;
    margin-bottom: 20px;
}
.form-box input {
    width: 100%;
    height: 56px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 0;
    outline: 0;
    padding: 0 25px;
    text-align: left;
}
.form-box i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.form-box input::placeholder {
    font-size: 15px;
    color: #6b7a7a;
    font-weight: 400;
}
.contact-form button {
    width: 100%;
    height: 56px;
    border-radius: 30px;
    background: #faab43;
    border: 0;
    outline: 0;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    transition: .5s;
}
.contact-form button:hover {
    background: #ffff;
    color: #faab43;
}
/* call shape  */
.call_shape_two {
    position: absolute;
    top: 33%;
    left: 2%;
}
.call_shape_three {
    position: absolute;
    top: 20%;
    right: 6%;
}

/* =========================================================
  <--- Start advisar Blog Area Style Two CSS --->
============================================================ */

section.blog_area.style_two {
    background: url(../images/home_two/blod_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 40px 0 30px;
}
section.blog_area.style_two .section_title.style_four:before {
    bottom: -27%;
}
.blog_area.style_two  .single-blog-box {
    margin: 15px 0;
    border-radius: 20px;
    overflow: hidden;
}
.blog_area.style_two .single-blog-thumb img {
    width: 100%;
}
.blog_area.style_two .blog-content {
    background: #d3ffe6;
    height: 220px;
}

/* =========================================================
  <--- Start advisar Call  Area Style Three CSS --->
============================================================ */
.call_area.style_three .call-do-action-info {
    justify-content: left;
}
.call_area.style_three .call_info p {
    opacity: 1;
    font-size: 17px;
    color: #ffffff;
    font-weight: 400;
    margin: 0;
}
.call_area.style_three .call-do-social_icon  i {
    line-height: 60px;
    border: 0;
    width: 60px;
    height: 60px;
    background-color: rgba(255,255,255,0.2);
}
.call_area.style_three .footer_logo {
    text-align: center;
    border-left: 2px solid rgba(255,255,255,0.10196078431372549);
    border-right: 2px solid rgba(255,255,255,0.10196078431372549);
    padding: 8px 0 8px;
}
/* call social icon */
.call_social_icon {
    text-align: right;
}
.call_social_icon ul li {
    display: inline-block;
    margin-right: 8px;
}
.call_social_icon ul li a {
    line-height: 48px;
    text-align: center;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.14901960784313725);
    display: inline-block;
    color: #fff;
    width: 48px;
}
.call_social_icon ul li a:hover {
    background-color: #fff;
    color: #006666;
}

/* =========================================================
  <--- Start advisar footer Area Style Two CSS --->
============================================================ */
section.footer_area.style_two {
    border-radius: 0;
    background: #053131;
    position: relative;
}
.footer_area.style_two button.btn {
    background-color: #faab43;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 12px;
}
/*recent post image*/

.recent-post-item {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}

.recent-post-item.upper {
    margin-top: 43px;
}

.recent-post-text {
    flex: 1;
}
.recent-post-text h6 {
    margin: 0;
}
.recent-post-text a {
    transition: .5s;
    overflow: hidden;
    font-size: 16px;
    line-height: 26px;

    font-weight: 500;
    display: inline-block;
}
.recent-post-text span {
    padding: 0 0 0 20px;
    display: inline-block;
    line-height: 26px;
    font-size: 14px;
    color: #a3b7b7;
    font-weight: 400;
    position: relative;
    z-index: 1;
}
.recent-post-text span:before {
    position: absolute;
    z-index: 1;
    content: "";
    left: 0px;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #faab43;
}

/* ================= Start Home Three Css================= */

/* =========================================================
  <--- Start advisar advisar Topber Area Style Two CSS --->
============================================================ */
.topber_area.style_two {
    background: #0E4747;
    position: relative;
    z-index: 1;
    padding: 7px 0 7px;
}
.topber_area.style_two:before {
    position: absolute;
    content: "";
    left: -24px;
    height: 100%;
    width: 37%;
    background: #faab43;
    z-index: -1;
    transform: skew(-34deg);
    top: 0;
}
.topber_area.style_two:after {
    position: absolute;
    content: "";
    right: 0;
    left: 50px;
    margin: auto;
    background: #0E4747;
    width: 5px;
    height: 100%;
    top: 0;
    transform: skew(-34deg);
}
.topber_area.style_two .header-address-info p {
    color: #ffffff;
    font-size: 15px;
    margin: 0;
}
.topber_area.style_two .header-address-info p a{
    color: #ffffff;
}
.topber_area.style_two .header-address-info span i {
    font-size: 14px;
    margin-right: 6px;
}
.topber_right_social.style_two {
    display: flex;
    align-items: center;
    justify-content: right;
}
.topber_right_social.style_two h2 {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    margin: 4px 12px 0 0;
}
ul.top_header_social li {
    display: inline-block;
}
ul.top_header_social li a {
    color: #fff;
    font-size: 15px;
    margin: 0 8px;
}

/* =========================================================
  <--- Start advisar Hero Area Style Three CSS --->
============================================================ */

section.hero_area {
    background: url(../images/main-home/hero_3_bg.jpg);
    height: 750px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
}
.hero_content h4 {
    color: #faab43;
    margin-bottom: 18px;
    padding-left: 0;

}
.hero_content h1 {
    font-size: 56px;
    overflow: hidden;
    line-height: 70px;
    position: relative;
    color: #fff;

}

.hero_content p {
    margin: 40px 0 33px;
    color: #fff;

}
.hero_video_btn a {
    color: #063232;
    transform: rotate(-52deg);
    font-size: 24px;
}
.hero_video_btn span {
    color: #fff;
}
.hero_btn a {
    border-radius: 30px;
}
.hero-thumb {
    position: absolute;
    z-index: 1;
    top: 0;
    height: 100%;
}
.hero-thumb img{
    height: 100%;
}
.hero_thumb_shape {
    position: absolute;
    top: 14%;
    right: -10%;
    z-index: -1;
}
.powerful_box {
    background: #ffff;
    display: inline-block;
    padding: 20px 45px 20px 20px;
    position: absolute;
    bottom: 43%;
    right: -8%;
    border-radius: 5px;
}
.hero_power_check {
    height: 55px;
    width: 55px;
    line-height: 57px;
    background: #faab43;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 25px;
    float: left;
    margin-right: 20px;
}
.hero_powerful_content {
    overflow: hidden;
}
.hero_powerful_content h4 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 6px;
}
.hero_powerful_content p {
    margin: 3px 0 0;
    font-size: 14px;
}
.hero_shape {
    position: absolute;
    top: 26%;
    left: 47%;
    transform: translateX(-50%);
}
/* =========================================================
  <--- Start advisar About Area Style Three CSS --->
============================================================ */

.about_area.style_three {
    padding: 192px 0 115px;
}
.about_area.style_three .section_title.style_three p {
    margin: 45px 0 19px;
}
.about_icon.style_none:after {
    display: none;
}
.about_area.style_three .about_thumb {
    position: relative;
    margin-left: -56px;
}
.about_play.style_three {
    top: -10px;
    right: 20%;
}
.about_play.style_three  a.banner-play-btn {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #e6f4f4 !important;
    line-height: 190px;
    border: 5px solid #fff;
}
.about_play.style_three .text-inner text {
    fill: #063232;
    font-weight: 400;
    font-size: 30px;
    text-transform: uppercase;
}
.about_btn.style_three a {
    border-radius: 28px;
    padding: 15px 30px;
}
.about-icon_box.style_two .about_icon:before {
    display: none;
}
.about-icon_box.style_two .about_icon {
    top: 5px;
    position: relative;
}
.about-icon_box.style_two .about_icon:after {
    position: absolute;
    content: "";
    top: -13px;
    left: -16px;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background-color: #edf4f4;
    z-index: -1;
}
/* about shape */
.about_shape.style_five {
    right: 14%;
    top: 19%;
}
.about_shpe-three {
    position: absolute;
    right: 0%;
    bottom: 9%;
}
.about_shpe-four {
    position: absolute;
    bottom: 14%;
    right: 31%;
}
.about_details a {
    font-size: 17px;
    text-transform: lowercase;
    fill: #063232;
    color: #063232;
    margin: -7px 0 0 0;
    display: block;
}
.about_details a i {

    font-size: 15px;
    margin-left: 8px;
}
.section_title.style_shape:before {
    display: none;
}

/* =========================================================
  <--- Start advisar marquee Area Style Two CSS --->
============================================================ */

.marquee_area.style_two {
    background: #faab43;
    padding: 43px 0 42px;
    position: relative;
    margin: 16px 0 16px;
}
.marquee_area.style_two:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #063232;
    z-index: -1;
    transform: rotate(-1deg);
}
.slide-har .box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation: slide-har 80s linear infinite;
    animation: slide-har 80s linear infinite;
}
@-webkit-keyframes slide-har {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes slide-har {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes slide-har-revers {
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes slide-har-revers {
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
.slide-har .box .item h4 {
    margin: 0;
}
.slide-har .box .item h4 a {
    display: inline-block;
    font-size: 26px;
    line-height: 32px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
}
.slide-har .box .item span.icon-img-50 {
    margin: 0 30px;
}
.slide-har .box .item img.marqee_img_left {
    margin-right: 30px;
}

/* =========================================================
  <--- Start advisar Service Area Style Three CSS --->
============================================================ */

section.service_area.style_three {
    background-image: linear-gradient(0deg, #ffffff 0%, #eff3f5 100%);
    padding: 105px 0 190px;
}
section.service_area.style_two.style_three.inner_page {
    background: #fff;
}
.service_area.style_two.style_three.inner_page .service_single_item.style_three {
    filter: drop-shadow(0px 10px 40px rgba(162,186,186,0.25));
    margin-bottom: 2px;
}
.service_single_item.style_three {
    display: block;
    background: #ffff;
    text-align: center;
    padding: 20px;
}
.service_single_item.style_three:before {
    display: block;
    top: inherit;
    width: 0%;
    bottom: 0px;
    height: 5px;
    border-radius: 2px;
    background-color: #faab43;
    left: 50%;
}
.service_single_item.style_three:hover:before {
    width: 100%;
    left: 0%;
}
.service_single_item.style_three:before {
    display: block;
}
.service_single_item.style_three .service_thumb {
    position: relative;
    overflow: hidden;
}
.service_single_item.style_three .service_thumb:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 45%);
    transition: 0.5s;
    right: 0;
    margin: auto;
    top: 0;
    opacity: 0;
    background-repeat: no-repeat;
    border-radius: 10px;
}
.service_single_item.style_three:hover .service_thumb:before {
    opacity: 1;
}
.service_single_item.style_three .service_icon {
    position: absolute;
    top: 60%;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
    transition: .5s;
}
.service_single_item.style_three:hover .service_icon {
    top: 50%;
    opacity: 1;
}
.service_single_item.style_three .service_content {
    background: #fff;
    padding: 17px 20px 10px;
    border-radius: 5px;
    text-align: center;
    z-index: 1;
    overflow: hidden;
}
.service_single_item.style_three .service_content:before {
    background: url(../images/main-home/service_dot2.png);
    height: 100%;
    width: 100%;
    left: 83%;
    opacity: 0;
    background-repeat: no-repeat;
    top: 17%;
}
.service_single_item.style_three:hover .service_content:before {
    opacity: 1;
    display: block;
}
.service_single_item.style_three .service_content::after {
    position: absolute;
    content: "";
    left: 0%;
    bottom: 4%;
    background: url(../images/main-home/service_dot.png);
    height: 30px;
    width: 85px;
    z-index: -1;
    transition: .5s;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
}
.service_single_item.style_three:hover .service_content::after {
    opacity: 1;
}
.style_three.service_single_item .service_content h4 {
    color: #ffff;
    font-size: 14px;
    margin: 14px 0;
    background: #faab43;
    display: inline-block;
    padding: 3px 20px;
    line-height: 28px;
    border-radius: 3px;
    margin-bottom: 18px;
    position: relative;
    z-index: 1;
}
.style_three.service_single_item .service_content h4:before {
    position: absolute;
    content: "";
    left: 0;
    height: 100%;
    width: 0%;
    background: #063232;
    top: 0;
    z-index: -1;
    border-radius: 3px;
    transition: .5s;
}
.style_three.service_single_item:hover .service_content h4:before {
    width: 100%;
}
.service_single_item.style_three .service_btn {
    margin-top: 17px;
}
.service_single_item.style_three .service_btn a {
    letter-spacing: 0px;
    color: #063232 !important;
    text-transform: capitalize;
    font-size: 15px;
}
.service_single_item.style_three:hover .service_btn a {
    color: #faab43 !important;
}
.service_single_item.style_three .service_btn a i {
    font-size: 15px;
    transform: rotate(0deg);
    margin-left: 5px;
}
.service_single_item.style_three:hover .service_btn a i {
    color: #faab43 !important;
}

/* === service all shape=== */

.service_shape_three.style_four {
    position: absolute;
    right: -64%;
    top: 13%;
    z-index: -1;
}
.service_shape_five {
    position: absolute;
    top: 35%;
    left: 6%;
}
.style_six {
    position: absolute;
    right: -45%;
    top: 13%;
}
.service_shape_seven {
    position: absolute;
    top: 13%;
    left: 23%;
}

/* owl dots */

.service_list2 .owl-dots {
    position: absolute;
    bottom: -13%;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

.service_list2 .owl-dot {
    display: inline-block;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #B5D3D1 !important;
}

.service_list2 .owl-dot.active {
    background: #faab43 !important;
    width: 12px;
    border-radius: 50%;
    height: 12px;
}

/* =========================================================
  <--- Start advisar Why Choose Area CSS --->
============================================================ */

section.why_choose_us {
    background: url(../images/main-home/choose_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 30px 0 10px;
}
.why_choose_us .section_title.style_three:before {
    bottom: 55%;
}
.why_choose_us .section_title.style_three p {
    margin: 15px 0 20px;
    width: 100%;
}
.choose_thumb {
    position: relative;
    z-index: 1;
    margin-left: 0;
    overflow: hidden;
}
.choose_thumb_shpae {
    position: absolute;
    top: 10%;
    right: 12%;
    z-index: -1;
}
.choose_thumb_shpae2 {
    position: absolute;
    bottom: -6%;
    left: 7%;
    z-index: -1;
}

/* choose right */
.choose_right {
    position: relative;
    z-index: 1;
}
.choose_one {
    position: absolute;
    top: -7%;
    right: -5%;
}
.choose_two {
    position: absolute;
    bottom: 7%;
    right: -18%;
    z-index: -1;
}
.choose_list {
    border-radius: 4px;
    filter: drop-shadow(0px 5px 20px rgba(189,202,202,0.3));
    background-color: #ffffff;
    padding: 20px 30px;
    margin-bottom: 30px;
}
.choose_list ul li {
    font-size: 16px;
    color: #063232;
    font-weight: 400;
}
.choose_list ul li i {
    margin-right: 10px;
}
.choose_right .about_button {
    margin-top: 10px;
}
.choose_right .hero_video_btn a {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-color: #faab43;
    line-height: 64px;
    font-size: 30px;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
}
.choose_right .hero_video_btn a:before {
    position: absolute;
    content: "";
    left: -14%;
    top: -12%;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background-color: rgba(12,110,109,0);
    border: 1px solid #faab43;
}
.choose_right .hero_video_btn span {
    margin-left: 4px;
    font-size: 16px;
    color: #063232;
    font-weight: 500;
    position: relative;
    top: -6px;
    margin-left: 30px;
}


/* =========================================================
  <--- Start advisar Team Area Style Two CSS --->
============================================================ */

.team_area.style_two {
    padding: 30px 0 30px;
    position: relative;
    z-index: 1;
}
.single-team_item.style_two {
    position: relative;
    z-index: 1;
    border-radius: 20px;
    overflow: hidden;
}
.team_box_shape {
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    opacity: 0;
    transition: .5s;
    z-index: -1;
}
.single-team_item.style_two:hover .team_box_shape {
    opacity: 1;
    bottom: -9%;
}
.single-team_item.style_two:hover {
    transform: inherit;
}
.single-team_item.style_two .team_thumb {
    position: relative;
    z-index: 1;
    height: 250px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.single-team_item.style_two .team_thumb:before {
    position: absolute;
    background-image: linear-gradient(0deg, #053131 0%, #074949 100%);
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0;
    transition: .6s;
}
.single-team_item.style_two:hover .team_thumb::before {
    opacity: 0.4;
}
.single-team_item.style_two .team_thumb img {
    width: 100%;
}
.team-share {
    position: absolute;
    right: 7%;
    top: 7%;
    z-index: 1;
}
.team-share-icon span i {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #faab43;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    transition: 0.5s;
    line-height: 42px;
}
.team-share-icon span i:hover {
    background: #fff;
    color: #faab43;
}
.team-social-icon {
    position: absolute;
    right: 25px;
    top: 73px;
    transition: .5s;
    z-index: 1;
}
.team-social-icon ul li {
    list-style: none;
    display: block;
    margin-left: 6px;
    margin-bottom: 0px;
}
.team-social-icon ul li a {
    display: inline-block;
    height: 36px;
    width: 35px;
    line-height: 36px;
    text-align: center;
    color: #faab43;
    border-radius: 50%;
    transition: 0.5s;
    transform: translateY(-50px);
    opacity: 0;
    visibility: hidden;
    font-size: 15px;
    background: #fff;
}
.team-social-icon.active ul li a {
    transform: translateY(0px);
    opacity: 1;
    overflow: hidden;
    visibility: visible;
}
.team-social-icon ul li:nth-child(1) a {
    transition-delay: 0s;
}
.team-social-icon ul li:nth-child(2) a {
    transition-delay: 0.2s;
}
.team-social-icon ul li:nth-child(3) a {
    transition-delay: 0.4s;
}
.team-social-icon ul li a:hover {
    background: #faab43;
    color: #fff;
}
.single-team_item.style_two .team-content {
    padding: 8px 15px 25px;
    filter: drop-shadow(0px 5px 40px rgba(189,202,202,0.35));
    background: #d3ffe6;
    margin: 0;
    height: 220px;
}
.single-team_item.style_two .team-content h3 a {
    font-size: 22px;
}


/* team all shape */
.shape_one {
    position: absolute;
    top: 4%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: -1;
}
.shape_two {
    position: absolute;
    top: 18%;
    left: 21%;
}
.shape_three {
    position: absolute;
    top: 19%;
    right: 21%;
}

/* =========================================================
  <--- Start advisar Testimonial Area Style Three CSS --->
============================================================ */
section.testimonial_area.style_three {
    background: url(../images/main-home/testi_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 104px 0 260px;
    overflow: hidden;
}
.counter-single-item.style_four {
    padding: 0 0 30px;
    border-top: 1px solid rgba(6,50,50,0.10196078431372549);
    padding-top: 22px;
    border-bottom: 1px solid rgba(6,50,50,0.10196078431372549);
    position: relative;
}
.counter-single-item.style_four .counter-_number h1 {
    color: #faab43;
}
.counter-single-item.style_four .counter_title:before {
    top: 9px;
    height: 45px;
    background: rgba(6,50,50,0.10196078431372549);
}
.counter_shape {
    position: absolute;
    bottom: 35%;
    right: 10%;
}
.testi-list ul li {
    font-size: 15px;
    line-height: 26px;
    color: #6b7a7a;
    margin-top: 16px;
}
.testi-list ul li i {
    height: 18px;
    width: 18px;
    line-height: 18px;
    background: #faab43;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}
.testimonial_item.style_three {
    display: block;
    text-align: center;
    border-radius: 5px 80px 5px 5px;
    padding: 40px 0 18px;
    position: relative;
    z-index: 1;
}
.testimonial_item.second {
    border-radius: 80px 5px 5px 5px;
}
.testimonial_item.style_three:before {
    position: absolute;
    content: "";
    width: 0%;
    bottom: 0px;
    height: 5px;
    background-color: #faab43;
    left: 50%;
    transition: .5s;
    z-index: -1;
}
.testimonial_item.style_three:hover:before {
    left: 0%;
    width: 100%;
}
.testimonial_item.style_three .tesit-auothor {
    display: inline;
}
.testimonial_item.style_three .auothor {
    position: relative;
    z-index: 1;
}
.testi_quote {
    position: absolute;
    top: 57%;
    right: -20%;
    left: 0;
    text-align: center;
    margin: auto;
}
.testimonial_item.style_three .tesit-auothor .bio {
    margin-top: 20px;
    margin-bottom: 22px;
}
.testimonial_item.style_three .testi-star i {
    font-size: 14px;
    color: #faab43;
    margin: 16px 5px 22px 0;
}
.testi_list2.owl-carousel .owl-item img {
    width: inherit;
}
.testi_item_shape {
    position: absolute;
    top: 14%;
    left: 12%;
}
.testi_item_shape2 {
    position: absolute;
    top: 14%;
    right: 12%;
}

/* owl dots */

.testi_list2 .owl-dots {
    position: absolute;
    bottom: -14%;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

.testi_list2 .owl-dot {
    display: inline-block;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #B5D3D1 !important;
}

.testi_list2 .owl-dot.active {
    background: #faab43 !important;
    width: 12px;
    border-radius: 50%;
    height: 12px;
}

/* testi all shape */
.testi_shape_two {
    position: absolute;
    left: -7%;
    top: 21%;
}
.testi_shape_three {
    position: absolute;
    bottom: 16%;
    right: 4%;
}
.testi_shape_four {
    position: absolute;
    top: 17%;
    right: 35%;
}

/* =========================================================
  <--- Start advisar Counter Area Style Three CSS --->
============================================================ */

.counter_area.style_three {
    border: 0;
    position: relative;
    margin-top: -100px;
}
.row.style_bg_two {
    background: url(../images/main-home/counter_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: 0;
    padding: 63px 0 43px 67px;
    border-bottom: 0;
}
.counter-single-item.style_five .counter-_number h1 {
    color: #fff;
}
.counter-single-item.style_five .counter-_number span {
    color: #fff;
}
.counter-single-item.style_five .counter_title h5 {
    color: #fff;
}

/* =========================================================
  <--- Start advisar Contact Area CSS --->
============================================================ */

section.contact_area {
    padding: 118px 0 217px;
    position: relative;
    overflow: hidden;
}
.contact_thumb {
    position: relative;
}
.call-do-action-info.style_two {
    border-radius: 40px;
    background-color: rgba(255,255,255,0.2);
    border: 2px solid #ffffff45;
    position: absolute;
    bottom: 10%;
    padding: 18px 40px 20px 0;
    left: 10%;
}
.call-do-action-info.style_two .call-do-social_icon {
    position: relative;
    z-index: 1;
    margin-right: 30px;
}
.call-do-action-info.style_two .call-do-social_icon:before {
    position: absolute;
    top: -60%;
    left: -39%;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #faab43;
    content: "";
    z-index: -1;
}
.call-do-action-info.style_two .call-do-social_icon:after {
    position: absolute;
    top: -88%;
    left: -61%;
    width: 103px;
    height: 103px;
    border-radius: 50%;
    border: 2px solid #faab43;
    content: "";
    z-index: -1;
}
.call-do-action-info.style_two .call-do-social_icon  i {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 13px;
    margin-right: 20px;
}
.call-do-action-info.style_two .call_info h3 {
    font-size: 24px;
    color: #ffffff;
    font-weight: 500;
    margin: 0;
}
.contact_thumb_shape {
    position: absolute;
    bottom: 29%;
    left: 6%;
}
.contact-form-box.style_two {
    background: #fff;
    filter: drop-shadow(0px 5px 40px rgba(189,202,202,0.35));
    padding: 44px 50px 60px;
    position: relative;
    top: 100px;
}
.contact-form-box.style_two .section_title.style_four {
    margin-bottom: 62px;
}
.contact-form-box.style_two .section_title.style_four h2{
    margin: 0;
    font-size: 24px;
}
.contact-form-box.style_two .section_title.style_four:before {
    width: 37%;
}
.contact-form-box.style_two .section_title h1 {
    font-size: 34px;
}
.contact-form-box.style_two .form-box input {
    height: 54px;
    background-color: #ffffff;
    border: 1px solid #e6eaea;
}
.form-box.message {
    margin-bottom: 8px;
}
.form-box textarea {
    width: 100%;
    height: 120px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid rgba(6,50,50,0.1);
    padding: 15px 25px;
    outline: 0;
}
.form-box textarea::placeholder {
    font-size: 15px;
    color: #6b7a7a;
    font-weight: 400;
}
.checkbox {
    margin: 0 0 22px;
}
.checkbox label {
    font-size: 15px;
    color: #6b7a7a;
    font-weight: 400;
}
.contact-form-box.style_two .contact-form button {
    width: 46%;
    height: 56px;
    font-size: 16px;
    font-weight: 500;
}
.contact-form-box.style_two .contact-form button:hover {
    background: #ff9307;
    color: #ffff;
}
.contact-form-box.style_two .contact-form i {
    margin-right: 5px;
}
.contact_shape {
    position: absolute;
    top: -11%;
    left: 21%;
}
.contact_shape1 {
    position: absolute;
    bottom: 4%;
    left: 7%;
    z-index: -1;
}
.contact_shape2 {
    position: absolute;
    right: 9%;
    bottom: 3%;
    z-index: -1;
}

/* =========================================================
  <--- Start advisar Blog Area Style Three CSS --->
============================================================ */

.blog_category {
    position: absolute;
    top: 7%;
    right: 5%;
}
.blog_category a {
    display: inline-block;
    background: #faab43;
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    padding: 5px 20px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}
.blog_category a:before {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 0%;
    background: #faab43;
    left: 0;
    top: 0;
    content: "";
    transition: .5s;
    border-radius: 5px;
}
.single-blog-box.style_three:hover .blog_category a:before {
    width: 100%;
}
.single-blog-box.style_three .blog-content {
    background: #fff;
    padding: 18px 35px 12px 35px;
}
.single-blog-box.style_three:hover .blog-title h3 a {
    text-decoration: underline;
}
.single-blog-box.style_three p.blog_text {
    margin: 0 0 31px;
}
.single-blog-box.style_three .blog-title h3 a {
    margin-bottom: 10px;
}
.meta-blog.style_two p {
    position: relative;
    padding-left: 20px;
}
.meta-blog.style_two p:before {
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #faab43;
}
.meta-blog.style_two p span {
    display: inline-block;
    font-size: 16px;
    text-transform: capitalize;
    color: #6b7a7a;
    font-weight: 400;
    border-radius: 0;
    padding: 0;
    margin-right: 0;
    background: transparent;
}
.meta-blog.style_two p span:before {
    display: none;
}
.meta-blog.style_two span.solution {
    float: right;
}
.meta-blog.style_two p i {
    color: #faab43;
    font-size: 15px;
    margin-right: 2px;
}

/* =========================================================
  <--- Start advisar Footer Area Style Three CSS --->
============================================================ */

section.footer_area.style_three {
    background: url(../images/main-home/footer_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    padding: 30px 0 30px;
}
.footer-widget-content.style_two p.footer_desc {
    color: #063232;
}
.footer-widget-content.style_two .subscribe_form input {
    border-bottom: 1px solid rgba(6,50,50,0.30196078431372547);
    border-radius: 0;
    color: #0B7574 !important;
}
.footer-widget-content.style_two .subscribe_form input::placeholder {
    color: #063232;
}
.footer-widget-content.style_two .footer-widget-title h4 {
    margin-bottom: 34px;
    font-size: 17px;
    color: #063232;
}
.footer-widget-content.style_two .footer-widget-menu ul li a {
    color: #063232;
    line-height: 17px;
}
.footer-widget-content.style_two .footer-widget-menu ul li a:hover {
    color: #faab43;
}
.recent-post-text.style_two a {
    color: #063232;
}
.recent-post-text.style_two span {
    color: #6b7a7a;
}
/* footer all shape*/
.footer_shape_one {
    position: absolute;
    bottom: 33%;
    left: 3%;
}
.footer_shape_two {
    position: absolute;
    right: 5%;
    top: 23%;
}
/* copy right */
.row.add-border.style_two {
    margin-top: 20px;
}
.row.add-border.style_two:before {
    background: #0632326b;
}
.footer-bottom-content-copy.style_two p {
    color: #063232;
}
.footer-bottom-menu.style_two ul li a {
    color: #063232;
}
.footer-bottom-menu.style_two ul li a:hover {
    color: #063232;
}





/* ====================================================
<-- Start advisar Inner page Breadcumb Area -->
========================================================*/
.advisar-header-area.inner_page {
    background: #F4F8F9;
    padding: 0 55px 0;
}
.advisar-header-area.inner_page .advisar_header-right {
    justify-content: right;
}
.advisar-header-area.inner_page .header-button.style_two a {
    background: #faab43;
    padding: 15px 35px;
    border: 1px solid transparent;
    border-radius: 30px;
}
.advisar-header-area.inner_page .nav-btn span i {
    color: #faab43;
    width: inherit;
    height: inherit;
    border-radius: 0;
    background-color: transparent;
    line-height: inherit;
}
.sticky.advisar-header-area.inner_page .header-button.style_two a {
    border: 1px solid #fff;
}
.sticky.advisar-header-area.inner_page .nav-btn span i {
    color: #fff;
}

.breadcumb-area {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 50px 0 50px;
    position: relative;
}

.breadcumb-area.style_two {

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    padding: 172px 0 192px;
    position: relative;
}
.breadcumb-area:before {
    position: absolute;
    content: "'";
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
    background: #F4F8F9;
    z-index: -1;
}

.breadcumb-title h1 {
    padding-bottom: 20px;
    font-size: 48px;
    color: #ffffff;

    position: relative;
    z-index: 1;
    display: inline-block;
}
.breadcumb-title p{
    color: #fff;
}

.breadcumb-content.style_two span.category {
    background-color: #faab43;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    border-radius: 0 30px 30px 0;
    padding: 3px 18px;
    margin-bottom: 12px;
}
.breadcumb_meta-blog p span {
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 500;
    margin-right: 31px;
    position: relative;
}
.breadcumb_meta-blog p span:before {
    position: absolute;
    content: "";
    left: -21px;
    top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #faab43;
}
.breadcumb-content ul li {
    display: inline-block;
    margin-right: 0;
    color: #fff;
}

.breadcumb-content ul li a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    position: relative;
}
.breadcumb-content ul li a i {
    margin-right: 4px;
}
.breadcumb-content ul li.rotates i {
    transform: rotate(-27deg);
    margin-right: 2px;
    display: inline-block;
    font-size: 14px;
}

/* =================================
   Start Inner Page Marquee Area
==================================== */

.marquee_area.inner_page {
    margin: 0;
}
.marquee_area.style_two.inner_page:before {
    display: none;
}


/* =================================
   Start Inner Page Team Area
==================================== */

.single-team_item.style_three .team_thumb {
    position: relative;
    z-index: 1;
}
.single-team_item.style_three .team-content {
    text-align: center;
    padding: 9px 0 0;
    margin: 0 35px 0 0;
}
.single-team_item.style_three .team-social-icon {
    position: absolute;
    top: 86%;
    left: 45%;
    transition: .5s;
    z-index: 1;
    margin: auto;
    text-align: center;
    transform: translate(-50%);
}
.single-team_item.style_three .team-social-icon ul li {
    display: inline-block;
}
.single-team_item.style_three .team-social-icon ul li a {
    height: 40px;
    width: 40px;
    line-height: 40px;
}
.single-team_item.style_three:hover .team-social-icon ul li a {
    transform: translateY(0px);
    opacity: 1;
    overflow: hidden;
    visibility: visible;
}
.team-social-icon ul li:nth-child(4) a {
    transition-delay: 0.5s;
}

/* =================================
   Start Inner Page Pricing Area
==================================== */

section.pricing-area.style_two.inner_page {
    padding: 105px 0 90px;
    margin-top: 0;
}
section.pricing-area.inner_page .pricing-single-items .pricing_icon {
    background: #e0f1df;
}
section.pricing-area.inner_page .pricing-single-items:hover .pricing_icon {
    background: #129695;
}

/* =================================
   Start Inner Page Faq Area
==================================== */
section.faq_area {
    background: #fff;
    padding: 20px 0 30px;
}

.tab_container {

}
/*accordion*/
.accordion li {
    list-style: none;
    padding: 2px 0px 15px;
}
.accordion li a {
    position: relative;
    width: 100%;
    cursor: pointer;
    background: #ffffff;
    padding: 10px 0 10px 25px;
    border-radius: 5px;
    z-index: 1;
    font-size: 22px;
    line-height: 24px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    border: 1px solid #ddd;
}
.accordion li a.active{
    background: #faab43 !important;
}
.accordion li a.active h3{
    color:#fff;
}

.accordion li a:before {
    position: absolute;
    content: "";
    left: 4%;
    bottom: 0;
    height: 2px;
    width: 0%;
    background-color: rgba(12,110,109,0.10196078431372549);
    transition: .5s;
}
.accordion li a.active:before {
    width: 91%;

}
.accordion li p {
    display: none;
    font-size: 16px;
    color: #6b7a7a;
    padding: 24px 42px 33px 40px;
    margin: 5px 0 0 0;
    filter: drop-shadow(0px 10px 40px rgba(12,110,109,0.1)) !important;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}
a.active {
    color: #063232 !important;
    background: #fff !important;
    filter: drop-shadow(0px 10px 100px rgba(12,110,109,0.1)) !important;
}
.accordion li a span {
    position: relative;
    z-index: 1;
}
.accordion li a i {
    font-size: 15px;
    color: #063232;
    transform: rotate(0deg);
}
.accordion li a.active i {
    transform: rotate(90deg);
    background: #fff;
    color: #faab43;
}
.accordion li.ctive {
    background: #faab43 !important;
}
/* ==========================================
   Start Inner Page Portfolio Area
============================================== */
.case-study-area.inner_page {
    padding: 105px 0 80px;
}

.portfolio_menu ul {
    text-align: center;
    list-style: none;
    margin-bottom: 50px;
}
.portfolio_nav ul li {
    transition: all 0.5s ease 0s;
    cursor: pointer;
    padding: 5px 30px;
    display: inline-block;
    margin-left: 6px;
    position: relative;
    z-index: 1;
    font-size: 16px;
    line-height: 32px;
    color: #063232;
    font-weight: 500;
    background: #F3F8F8;
    border-radius: 30px;
}

.portfolio_nav ul li:hover {
    color: #fff;
}
.portfolio_menu ul li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    transition: .5s;
}
.portfolio_nav ul li:hover, .portfolio_nav ul li.current_menu_item {
    color: #fff;
    background: #faab43;
}

.portfilo_main_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.portfolio_item {
    margin-bottom: 40px;
}
.portfolio_thumb img {
    width: 100%;
}
.portfolio_content {
    display: flex;
    padding: 27px 20px 30px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border-bottom: 2px solid rgba(12,110,109,0.10196078431372549);
}
.portfolio_content:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: "";
    height: 2px;
    background: #063232;
    width: 0%;
    transition: .5s;
}
.portfolio_item:hover .portfolio_content::before {
    width: 100%;
    left: 0%;
}
.prot-text h3 a {
    font-size: 34px;
    color: #063232;

    display: inline-block;
}
.prot-text span {
    font-size: 16px;
    color: #faab43;
    font-weight: 500;
    padding-left: 40px;
    margin-bottom: 3px;
    display: inline-block;
    position: relative;
}
.prot-text span:before {
    position: absolute;
    content: "";
    left: 0;
    top: 11px;
    height: 2px;
    width: 30px;
    background: #faab43;
}
.port_right a {
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 32px;
    background-color: rgba(12,110,109,0.10196078431372549);
    display: inline-block;
    text-align: center;
    font-size: 30px;
    color: #faab43;
    transform: rotate(-45deg);
}

/* ==============================================
   Start Inner Page Portfolio Details
================================================= */
section.portfolio_details {
    padding: 0 0 120px;
}
.port_main {
    background: #ffff;
    margin-top: -60px;
    position: relative;
    padding: 42px 0 0 50px;
    border-radius: 20px;
}
.port_details_content {
    border-bottom: 1px solid rgba(6,50,50,0.10196078431372549);
    padding-bottom: 19px;
}
.port_details_content.style_two {
    border: 0;
}
.port_details_content.three {
    margin: 32px 0 17px;
}
.port_details_content h2 {
    font-size: 42px;
    color: #063232;

}
p.quote {
    margin: 20px 153px 25px 0;
}
p.port_text {
    font-size: 20px;
    line-height: 30px;
    color: #063232;
    font-weight: 500;
    padding-left: 80px;
    width: 69%;
    position: relative;
}
p.port_text:before {
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
    width: 68px;
    height: 2px;
    background-color: #faab43;
}
.port_details_thumb img {
    width: 100%;
}

/* sidebar box */
.sidebar_box.style_two {
    padding: 0 0 0 15px;
    border-left: 6px solid #faab43;
    border-radius: 0;
}
.sidebar_icon_box {
    border-top: 1px dashed rgb(0 0 0 / 18%);
    padding-top: 10px;
    margin-top: 10px;
}
.sidebar_icon_box:nth-child(5) {

}
.sidebar_icon {
    float: left;
    margin-right: 15px;
    position: relative;
    top: 3px;
}
.sidebar_icon i {
    color: #faab43;
    font-size: 20px;
}
.sidebar_text {
    overflow: hidden;
}
.sidebar_text h5 {
    font-size: 16px;
    color: #063232;
    font-weight: 500;
    margin: 6px 0 0;
}
.sidebar_box.style_two .advisar_btn.sidebar_style {
    margin-top: 30px;
}
.advisar_btn.sidebar_style a {
    padding: 15px 40px;
    border: 1px solid #006666;
}

/* pagination container */

.pagination_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(6,50,50,0.10196078431372549);
    border-bottom: 1px solid rgba(6,50,50,0.10196078431372549);
    padding: 30px 0 30px;
}
.pagination_container .call_social_icon ul li a {
    color: #faab43;
    width: 40px;
    height: 40px;
    background-color: #eef4f6;
    line-height: 40px;
}
.pagination_container .call_social_icon ul li a:hover {
    background: #faab43;
    color: #fff;
}
.pagination_btn a {
    display: inline-block;
    font-size: 18px;
    color: #063232;
    font-weight: 500;
}
.pagination_btn a img {
    margin-right: 10px;
}
.pagination_btn.style_right a img {
    margin-right: 0;
    margin-left: 10px;
}
/* ==============================================
   Start Inner Page Blog Area Inner Page
================================================= */

section.blog_area.inner_page {
    padding: 105px 0 90px;
}
section.blog_area.inner_page .single-blog-box {
    margin-bottom: 30px;
}
section.blog_area.inner_page.two {
    background: #f4f8f9;
}
section.blog_area.inner_page.two .blog-content {
    filter: drop-shadow(0px 10px 40px rgba(162,186,186,0.25));
}

/* ==============================================
   Start Inner Page Blog Details Inner Page
================================================= */
.port_main.style_two {
    padding: 42px 27px 0 100px;
}
.pagination_container.style_two {
    border: 0;
    padding: 25px 0 50px;
}
.style_two p.quote {
    margin: 31px 0 25px 0;
}
p.port_text.style_two {
    margin: 40px 0 15px;
}
ul.blog-category li {
    display: inline-block;
    margin-right: 10px;
}
ul.blog-category li a {
    padding: 8px 25px;
    display: inline-block;
    background: #f4f8f9;
    font-size: 14px;
    text-transform: uppercase;
    color: #6b7a7a;
    font-weight: 500;
    border-radius: 20px;
}

/* Comment CSS */

.blog-details-contents h3 {
    margin-bottom: 28px;
    font-size: 28px;
    color: #063232;
    font-weight: 500;
    margin-top: 90px;
}

.blog-details-comment {
    margin-bottom: 20px;
    position: relative;
    background: #F5F6F8;
    padding: 45px 253px 26px 40px;
    border-radius: 20px;
    filter: drop-shadow(0px 10px 30px rgba(178,191,191,0.2));
    background-color: #ffffff;
}

.blog-details-comment-thumb {
    float: left;
    margin-right: 25px;
}

.blog-details-comment-content {
    overflow: hidden;
}
.blog-details-comment-content h2 {
    font-size: 20px;
    color: #063232;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 4px;
}
.blog-details-comment-content span {
    font-size: 15px;
    color: #6b7a7a;
    margin-bottom: 21px;
    display: inline-block;
}
.blog-details-comment-reply a {
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
    color: #6b7a7a;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    top: 50px;
    right: 40px;
    border-radius: 20px;
    background-color: #f4f8f9;
    padding: 8px 25px;
}
.blog-details-comment-reply a i {
    margin-right: 10px;
}

.blog-details-comment.reply {
    margin-left: 80px;
}

/* commet form */
.comment-form {
    margin-top: 75px;
}
.comment-title {
    margin-bottom: 32px;
}
.comment-title h3 {
    margin-bottom: 12px;
    font-size: 28px;
    color: #063232;
    font-weight: 500;
}
#comment-msg-box {
    width: 100%;
    transition: .5s;
    border: 0;
    padding: 21px 25px;
    height: 194px;
    border-radius: 5px;
    background-color: #f4f8f9;
    margin-bottom: 20px;
}
#comment-msg-box::placeholder {
    font-size: 16px;
    color: #6b7a7a;
    font-weight: 400;
}
input.comment-box {
    border: 0;
    width: 100%;
    padding: 25px;
    height: 64px;
    border-radius: 5px;
    background-color: #f4f8f9;
    margin-bottom: 30px;
}
input.comment-box::placeholder {
    font-size: 16px;
    color: #6b7a7a;
    font-weight: 400;
}

.comment-box:focus, #comment-msg-box:focus {
    border-color: #318d8b;
    outline: 0;
    box-shadow: 0 0 6px #318d8b;
}

/*form button*/
.comment-form .submit-comment {
    border: 1px solid transparent;
    transition: .5s;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    height: 64px;
    border-radius: 5px;
    background-color: #faab43;
    width: 100%;
    text-transform: uppercase;
}
.comment-form .submit-comment:hover {
    background: #fff;
    border: 1px solid #faab43;
    color: #faab43;
}

/* =================================
   Start Inner Page Conatct Area
==================================== */
section.contact_area.inner_section {
    padding: 30px 0 50px;
}
.contact_main_info {
    background: #f4f8f9;
}
.contact_main_info {
    padding: 40px 40px 42px;
    background: #f4f8f9;
    border-radius: 20px;
}
.contact_main_info .call-do-action-info {
    justify-content: left;
    border-bottom: 1px dashed #faab437d;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.contact_main_info .call-do-action-info:nth-child(3) {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.contact_main_info .call-do-social_icon  i {
    height: 50px;
    width: 50px;
    line-height: 47px;
    border: 2px solid transparent;
    background: #fff;
    color: #faab43;
    transition: .5s;
}
.contact_main_info .call-do-action-info:hover .call-do-social_icon i {
    color: #fff;
    background: #faab43;
}
.contact_main_info .call_info p {
    color: #6b7a7a;
}
.contact_main_info .call_info h3 {
    color: #063232;
    font-weight: 500;
    margin: 5px 0 0;
    font-size: 16px;
}
.contact_main_info .call_info span {
    color: #063232;
    margin: 10px 0 0;
    display: inline-block;
}
.inner_section .contact-form-box.style_two {
    border-radius: 20px;
    padding: 30px 50px 40px;
    top: 0;
}
.inner_section .section_title p {
    margin: 28px 0 40px;
}
.inner_section .contact_shape2 {
    right: 2%;
    bottom: 3%;
}

/*--==============================================->
  <!--Start Feature area css-->
 ==================================================-*/

section.feature_area.inner_page {
    background: #fff;
    padding: 40px 0 0;
}
.feature_item.style_two {
    background: #fff;
    border-radius: 10px;
    filter: drop-shadow(0px 5px 30px rgba(171,199,198,0.3));
    padding: 35px 25px 25px 35px;
    transition: .5s;
    border: 1px solid #fff;
    transition: .5s;
    transform: translateY(0px);
    min-height: 185px;
}
.feature_item.style_two:hover {
    transform: translateY(-10px);
}
.feature_item.style_two:hover {
    border: 1px solid #faab43;
}
.feature_item.style_two:before, .feature_item:after{
    display: none;
}
.feature_item.style_two .feature_content h3 {
    transition: .5s;
}
.feature_item.style_two .feature_content h3:hover {
    color: #faab43;
}
.feature_btn a {
    display: inline-block;
    color: #faab43;
    font-size: 24px;
    margin-top: 6px;
}
.feature_item.style_two .feature_content p {
    margin: 0;
    min-height: 75px;
}

/*--==============================================->
  <!--Start Service Details css-->
 ==================================================-*/
section.service_details {
    background: #f4f8f9;
    padding: 120px 0 246px;
}
.breadcumb-title.style_two h4:before {
    left: 37%;
    width: 100%;
}

.breadcumb-title.style_three h4:before {
    display: none;
}
.service_details_content {
    padding: 0 63px 0 0;
}
.service_details_content h2 {
    font-size: 42px;
    color: #063232;

}
p.details_decs1 {
    margin: 18px 23px 25px 0;
}
p.details_decs2 {
    margin: 0 17px 25px 0;
}
.service_details_item {
    padding: 0 4px 0 0;
    margin-bottom: 30px;
}
.service_detls_icon {
    width: 76px;
    height: 76px;
    border-radius: 38px;
    background-color: #e0f1df;
    line-height: 76px;
    text-align: center;
    float: left;
    margin-right: 20px;
}
.service_dtls_content h3 {
    font-size: 20px;
    color: #002c2a;
    font-weight: 500;
    margin-bottom: 15px;
}
/* sidebar box */
.sidebar_box {
    background: #fff;
    padding: 45px 50px 50px;
    border-radius: 15px;
}
h2.sidebar_title {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 12px;
}
.sidebar_box p ,.sidebar_box p a {
    margin: 0;
}


.sidebar-list ul li {
    font-size: 16px;
    line-height: 38px;
    color: #063232;
    font-weight: 400;
}
.sidebar-list ul li i {
    color: #faab43;
    font-size: 15px;
    margin-right: 15px;
}
.advisar_btn.sidebar_style {
    text-align: left;
}
/*--==============================================->
  <!--Start Counter Inner Page Area Css -->
 ==================================================-*/
section.counter_area.inner_page {
    margin-top: -162px;
    border-bottom: 0;
    border-top: 1px solid rgba(6,50,50,0.10196078431372549);
    border-radius: 0;
}
.inner_page .counter-single-item.style_two.second {
    background: #faab43;
}
.inner_page .counter-single-item.style_two.second .counter_title:before {
    display: none;
}
/*--==============================================->
  <!--Start Error area css-->
 ==================================================-*/
.error-area {
    background: url(../images/inner-img/440_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 760px;
}
.error-page-content {
    position: relative;
    z-index: 1;
}
.error-page-content:before {
    content: "";
    position: absolute;
    z-index: 1;
    height: 73%;
    width: 100%;
    background: url(../images/inner-img/error_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: -22%;
    left: 38%;
    transform: rotate(-3deg);
}
h2.error-title {
    margin: 83px 0 13px;
    display: inline-block;
    font-size: 40px;
    color: #063232;

}

h1.error-text {
    color: #063131;
    font-size: 200px;
    font-weight: 800;
}

p.lead {
    color: #6b7a7a;
    font-size: 18px;
    font-weight: 400;
}
.error-info a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 37px;
    margin-top: 9px;
    display: inline-block;
    border-radius: 30px;
    background: #faab43;
}

.error-info a i {
    margin-right: 8px;
}
/* error shape */
.error_shape1 {
    position: absolute;
    top: -4%;
    left: 31%;
}
.error_shape2 {
    position: absolute;
    bottom: 36%;
    left: 61%;
}
.error_shape3 {
    position: absolute;
    top: -4%;
    left: 31%;
    z-index: -1;
}
.error_shape4 {
    position: absolute;
    top: -21%;
    left: 51%;
}

/* ================ All Animation CSS ===================*/

.rotate {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-position: center center;
}
@keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.bounce-animate {
    animation-name: float-bob;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.bounce-animate2 {
    animation-name: float-bob2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob2;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob2;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob2;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.bounce-animate3 {
    animation-name: float-bob3;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob3;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob3;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob3;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.bounce-animate4 {
    animation-name: float-bob4;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob4;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob4;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob4;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.bounce-animate5 {
    animation-name: float-bob5;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob5;
    -moz-animation-duration: 6s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob5;
    -ms-animation-duration: 6s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob5;
    -o-animation-duration: 6s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.bounce-animate-slow {
    animation-name: float-bob5;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob5;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob5;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob5;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.bounce-animate-3 {
    animation-name: float-bob6;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob6;
    -moz-animation-duration: 6s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob6;
    -ms-animation-duration: 6s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob6;
    -o-animation-duration: 6s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@keyframes float-bob {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}
@keyframes float-bob2 {
    0% {
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px);
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px);
    }
}
@keyframes float-bob3 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}
@keyframes float-bob4 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}
@keyframes float-bob5 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}
@keyframes float-bob6 {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}
@keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

/*--==============================================->
  <!-- Consen Animation Dance -->
 ==================================================-*/
.dance3 {
    -webkit-animation: dance3 8s alternate infinite;
    animation: dance3 8s alternate infinite;
}

@keyframes dance3 {
    0% {
        -webkit-transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

.dance {
    -webkit-animation: dance 2s alternate infinite;
    animation: dance 2s alternate infinite;
}

@keyframes dance {
    0% {
        -webkit-transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1.2);
    }
}

.dance2 {
    -webkit-animation: dance2 4s alternate infinite;
    animation: dance2 4s alternate infinite;
}

@keyframes dance2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(25px, -25px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, -25px, 25px);
    }
}

.watermark-animate {
    -webkit-animation: watermark-animate 8s infinite;
    animation: watermark-animate 8s infinite;
    animation-direction: alternate-reverse;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes watermark-animate {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}



/*=====================================
<-- Constre Search Box Css -->
=======================================*/
/*nav button*/
.search-box-btn.search-box-outer {
    display: inline-block;
}

.nav-btn.navSidebar-button {
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0 12px;
    cursor: pointer;
}

.nav-btn.navSidebar-button a i {
    font-size: 15px;
    width: 32px;
    line-height: 35px;
    height: 32px;
    border-radius: 50px;
    text-align: center;
    background: #efefef;
    display: inline-block;
    color: #232323;
    position: relative;
    z-index: 1;
    margin-left: 15px;
    transition: .5s;
    cursor: pointer;
}

.nav-btn.navSidebar-button a i:after {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #006666;
    border-radius: 50%;
    transition: .5s;
    transform: scale(0);
}

.nav-btn.navSidebar-button a i:hover:after {
    transform: scale(1);
}

.nav-btn.navSidebar-button a i:hover {
    color: #fff;
}

.xs-sidebar-group .xs-overlay {
    left: 100%;
    top: 0;
    position: fixed;
    z-index: 101;
    height: 100%;
    opacity: 0;
    width: 100%;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in 0.8s;
    -o-transition: all 0.4s ease-in 0.8s;
    transition: all 0.4s ease-in 0.8s;
}

.xs-sidebar-group .widget-heading {
    position: absolute;
    top: 23px;
    right: 0;
    padding: 25px;
}

.xs-sidebar-widget {
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 360px;
    z-index: 999999;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #272727;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    visibility: hidden;
    opacity: 0;
}

.xs-sidebar-group.isActive .xs-overlay {
    opacity: 0.7;
    visibility: visible;
    -webkit-transition: all 0.8s ease-out 0s;
    -o-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s;
    left: 0;
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
    opacity: 1;
    visibility: visible;
    right: 0;
    -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
    -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
    transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.sidebar-textwidget {
    padding: 40px 32px;
}

.close-side-widget i {
    color: #006666;
    font-size: 28px;
    display: block;
}

.sidebar-widget-container {
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in 0.3s;
    -o-transition: all 0.3s ease-in 0.3s;
    transition: all 0.3s ease-in 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.xs-sidebar-group.isActive .sidebar-widget-container {
    top: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 1s ease-out 1.2s;
    -o-transition: all 1s ease-out 1.2s;
    transition: all 1s ease-out 1.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.xs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 0;
}

.xs-bg-black {
    background-color: #006666;
}

/*html css*/
.nav-logo {
    margin: 0 0 50px;
}
.content-thumb-box {
    margin-bottom: 20px;
}
.content-thumb-box img {
    width: 100%;
    border-radius: 10px;
}

.content-box h2 {
    color: #fff;
    font-size: 26px;

}

.content-box p {
    display: inline-block;
    color: #fff;
    padding: 15px 0 0;
}

a.theme-btn.btn-style-two span {
    color: #fff;
    font-size: 20px;
}

a.theme-btn.btn-style-two i {
    color: #006666;
}

.contact-info h2 {
    color: #fff;
    font-size: 26px;
    margin-bottom: 15px;

}

ul.list-style-one li {
    display: block;
    list-style: none;
    color: #fff;
    padding: 16px 0 0;
    overflow: hidden;
}

ul.list-style-one li i {
    margin-right: 10px;
}

ul.list-style-one li span {
    font-size: 20px;

    color: #006666;
    margin: 0 10px 0 0px;
}

ul.social-box {
    margin: 30px 0 0;
}

ul.social-box li {
    display: inline-block;
    list-style: none;
    margin: 0 6px 0 0;
}

ul.social-box li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    color: #006666;
    transition: .5s;
    font-size: 18px;
    border-radius: 3px;
}

ul.social-box li a:hover {
    background: #006666;
    color: #fff;
}

/***
====================================================================
    Search Popup
====================================================================
***/
.search-popup{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0,0,0,0.90);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.search-popup{
    width: 100%;
}

.search-active .search-popup{
    transform: translateY(0%);
    margin-top: 0;
}

.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 50%;
    text-align: center;
    background-color: #006666;
    width: 70px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    border-bottom: 3px solid #fff;
    border-top: 3px solid #fff;
    border-right: 3px solid #1a1a1a;
    border-left: 3px solid #1a1a1a;
    -webkit-transition: all 500ms ease;
    height: 70px;
    line-height: 70px;
    text-align: center;
}

.search-active .search-popup .close-search{
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.search-popup form{
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin:-35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111111;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-active .search-popup form{
    transform: scaleX(1);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.search-popup .form-group{
    position:relative;
    margin:0px;

    overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
    position:relative;
    display:block;
    font-size:18px;
    line-height: 50px;
    color:#000000;
    height:70px;
    width:100%;
    padding: 10px 30px;
    background-color: #ffffff;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    font-weight:500;
    text-transform:capitalize;
}

.search-popup .form-group input[type="submit"], .search-popup .form-group button {
    position: absolute;
    right: 30px;
    top: 0px;
    height: 70px;
    line-height: 70px;
    background: transparent;
    text-align: center;
    font-size: 24px;
    color: #006666;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    border: none;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
    color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder{
    color:#000000;
}

.search-popup .close-search.style-two{
    position: absolute;
    right: 25px;
    left: auto;
    color:#ffffff;
    width:auto;
    height:auto;
    top:25px;
    margin:0px;
    border:none;
    background:none !important;
    box-shadow:none !important;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

.search-box-btn {
    display: inline-block;
    padding-left: 22px;
}

.search-box-btn i {
    display: inline-block;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    transition: .5s;
}

.upp.search-box-btn i {
    color: #9E9FA1;
}

.search-box-btn.search-box-outer span i {
    font-size: 20px;
    display: inline-block;
    color: #fff;
    padding-left: 17px;
    position: relative;
    z-index: 1;
}

.upp.search-box-btn.search-box-outer span i {
    color: #9E9FA1;
}

.search-box-btn.search-box-outer span i:after {
    position: absolute;
    content: "0";
    right: -10px;
    top: -4px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #006666;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 12px;
}

.flaticon-multiply:before {
    content: inherit;
}

button.close-search i {
    font-size: 25px;
    color: #fff;
    display: inline-block;
}

/*===========================
<-- Loader Css -->
=============================*/
.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s 0.5s ease;
    z-index: 666;
}



.loader-wrapper .loder-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #0E4747;
    z-index: 2;
}

.loader-wrapper .loder-section.left-section {
    left: 0;
    transition: 0.5s 0.4s ease;
}

.loader-wrapper .loder-section.right-section {
    right: 0;
    transition: 0.5s 0.4s ease;
}

/*/ When page loaded /*/
.loaded .loder-section.left-section {
    left: -100%;
}

.loaded .loder-section.right-section {
    right: -100%;
}

.loaded .loader-wrapper {
    visibility: hidden;
}

.loaded .loader {
    top: -100%;
    opacity: 0;
}

.loader img{
    z-index: 99;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.nav-tabs-menu{
    margin: 0 !important;
    border: 0;
    height: 100%;
    border-right: 1px solid #ddd;
    width: 100%;
}
.nav-tabs-menu li{

}
.nav-tabs-menu li button{
    border: 0 !important;
    width: 100%;
    border-radius: 0 !important;
    padding: 15px;
    position: relative;

}

.nav-tabs-menu li button.active:before{
    content: "\f0da";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    position: absolute;
    right: -15px;
    font-family: "Font Awesome 6 Free";
    font-size: 35px;
    color: #0e4747;
}

.nav-tabs-menu li button,
.nav-tabs-menu li button:hover{
    color: #faab43;
}

.nav-tabs-menu li button.active{
    background: #0e4747 !important;
    color: white !important;
}

.header-menu ul.menu_tabs{
    width: 100%;
    margin: 0;
    padding: 15px 30px 15px 0;
}

.header-menu ul.menu_tabs li{
    float: right;
    width: 50%;
}

.list_about{
    padding: 0 0 0 0;
}
.list_about li{

    position: relative;
}

.list_about li i{
    color: green;
}
.mc4wp-form-fields {
    position: relative;
}
.mc4wp-form-fields input[type="email"] {
    width: 100%;
    background-color: transparent;
    padding: 15px 20px;
    border-radius: 10px;
    border-bottom: 1px solid #a3b7b7;
    border-left: none;
    border-right: none;
    border-top: none;
}

.mailchimp-form{
    display: flex;
    gap: 10px;
}

.mc4wp-form-fields input[type="email"] {

    background-color: #e0f1df;
    border-radius: 5px;
}
.mc4wp-form-fields .mailchimp-form button {
    font-size: 12px;
    padding: 16px 20px 16px 15px;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    border-radius: 5px 30px 30px 5px;
    position: relative;
    z-index: 1;
    transition: .5s;
    margin: 0px;
    border: none;
    animation: 1s 1.8s fadeInUp both;
    background-color: #0E4747;
    top: 0;
    right: 0;
}
.mc4wp-form-fields .mailchimp-form button:before {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 90%;
    border-radius: 0 35px 35px 0;
    background-color: #3a7b7a;
    transform: scale(1);
    transition: .5s;
    z-index: -1;
}
.mc4wp-form-fields .mailchimp-form button:hover:before {
    top: 0px;
    color: #fff;
    width: 100%;
    height: 100%;
    transition: .5s;
}
.mailchimp-form input{
    text-align: left;
    direction: ltr;
}

.slide-img.parallax-effect{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.word-slider:before{
    position: absolute;
    content: "";
    left: 0px;
    bottom: -4px;
    width: 100%;
    height: 10px;
    background: #92ffc0;
    z-index: -1;
    animation: slideInLeft 5s infinite;
}

.block_view_jobs{
    padding:50px 0;
}

.details_job{

}
.details_job h2{
    font-size: 24px;
    margin: 0 0 5px 0;
}
.details_job h3{
    font-size: 19px;
    margin: 30px 0 10px 0;
}
.details_job p{

}
.details_job ul{
    list-style-type: disc;
    padding: 0 0 0 20px;
}
.details_job ul li{
    list-style-type: disc;
}
.date-input{
    text-align: right;
}
.date-input:before{
    position: absolute;
    content: "Start Date";
    background: #fff;
    width: 35%;
    left: 20px;
    text-align: left;
}
.cv-input{
    padding: 10px 10px 0 0 !important;
}
.cv-input:before{
    position: absolute;
    content: "Upload CV";
    background: #fff;
    width: 40%;
    left: 0;
    height: 100%;
    padding: 3px 0 0 25px;
}

.social_icon_share{
    border-radius: 15px;
    border: 1px solid #ddd;
    padding: 20px 20px;
    margin: 0 0 15px 0;
}

.sharing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--sharing-gap, 0.5rem);
}
.sharing-item {
    transition: background 0.3s, color 0.3s;
    color: var(--sharing-color, #fff);
    background-color: var(--sharing-bg, #000);
    padding: var(--sharing-padding, 0.700rem);
    border-radius: var(--sharing-radius, 0.5rem);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1), 0 2px 5px -1px rgba(0, 0, 0, 0.05);
}
.sharing-item .i {
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    transition: transform 0.3s;
    stroke-width: 2;
    width: var(--sharing-size, 22px);
    height: var(--sharing-size, 22px);
    display: block;
}
.sharing-item:hover {
    background-color: #fff;
    --sharing-color: var(--sharing-bg, #000);
}
.sharing-item:hover .i {
    transform: rotate(360deg);
}
.sharing-facebook {
    --sharing-bg: #1778F2 ;
}
.sharing-bluesky {
    --sharing-bg: #0085ff ;
}
.sharing-twitter {
    --sharing-bg: #55ACEE ;
}
.sharing-pinterest {
    --sharing-bg: #F0002A ;
}
.sharing-threads {
    --sharing-bg: #000000 ;
}
.sharing-tumblr {
    --sharing-bg: #35465C ;
}
.sharing-reddit {
    --sharing-bg: #FF4500 ;
}
.sharing-vk {
    --sharing-bg: #4376A6 ;
}
.sharing-whatsapp {
    --sharing-bg: #4FCE5D ;
}
.sharing-telegram {
    --sharing-bg: #0088CC ;
}
.sharing-linkedin {
    --sharing-bg: #0077B5 ;
}
.sharing-envelope {
    --sharing-bg: #464EB8 ;
}

#FormContactjob .form-box{
    margin-bottom: 15px;
}
#FormContactjob .form-box input{
    height: 50px;
}

.search_blog{
    width: 400px;
    margin: auto;
}

.search_blog input{
    width: 100%;
    height: 50px;
    border-radius: 25px;
    border: 0;
    padding: 10px 20px;
    text-align: center;
}
.search_blog i{
    position: absolute;
    left: 20px;
    top: 17px;
}
.head_bread{
    margin: 10px 0 0 0;
    font-size: 18px;
}
.head_bread strong{
    font-weight: normal;
}
.head_bread b{
    font-weight: normal;
    color: #beffd9;
}

.widget-viewBlog{
    background: #eee;
    padding: 15px 25px 15px;
    border-radius: 15px;
    margin: 0 0 30px 0;
}

.footer-widget-title h2{
    font-size: 26px;

    font-weight: 500;
    margin-bottom: 12px;
}

.content--blog{

}

.img_view_blog{
    overflow: hidden;
    display: flex;
    border-radius:15px;
    margin: 0 0 30px 0;
}

.img_view_blog img {
    width: 100%;
    min-height: 100%;
}

.img-block-view{
    position: absolute;
    height: 140px;
    width: 85%;
    top: -36px;
    left: 27px;
    right: 0;
    border-radius: 20px;
}

.block_contact_left{
    background: #0E4747;
    color: #fff;
}

.select_contact{
    width: 100%;
    height: 56px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 0;
    outline: 0;
    padding: 0 25px;
    height: 54px;
    background-color: #ffffff;
    border: 1px solid #e6eaea;
}

.contact-form-box.contact-form-box-NoFillter.style_two{
    filter: none;
}

.block_ebook_left{
    background: #d3ffe6;
    padding: 20px;
    border-radius: 25px;
    margin: -270px 0 0 0;
    position: relative;
}
.block_ebook_left img{
    border-radius: 25px;
}
.content_ebooks{
    margin: 50px 0;
}
.content_ebooks h2{
    margin: 0 0 10px 0;
    font-size: 32px;
}
.content_ebooks p{

}
.content_ebooks ul{
    list-style-type: disc;
    padding: 0 0 0 15px;
}
.content_ebooks ul li{
    list-style-type: disc;
}

.slider_ebook{
    padding: 20px;
    border-radius: 25px;
    margin: 0 0 0 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
}
.slider_ebook .carousel-item img{
    width: 100%;
    min-height: 100%;
}

.img_main_searvice{
    border-radius: 25px;
    overflow: hidden;
    margin: 30px 0;
    height: 350px;
}

.img_main_searvice img{
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.list_view_service{
    list-style-type: disc;
    padding: 15px 0 0 20px;
}
.list_view_service li{
    list-style-type: disc;
    color: #fff;
}


.sidebar_Career.NewClassCareer{
    position: fixed;
    transform: translateY(100px);
    width: 368px;
    z-index: 9;
}

.sidebar_service.NewClassService{
    position: fixed;
    transform: translateY(100px);
    width: 368px;
    z-index: 0;
    top: 0;
}

.sucribe.NewClassBlog{
    position: fixed;
    transform: translateY(100px);
    width: 368px;
    z-index: 0;
    top: 0;
}

.NewClassCareer.hiddenNewClass,
.NewClassService.hiddenNewClass,
.NewClassBlog.hiddenNewClass
{
    position: relative;
}
.NewClassBlog.hiddenNewClass
{
   position: fixed;
    transform: translateY(-170px);
    width: 368px;
    z-index: 0;
    margin-top:20%;
}

.content_service_one{
    padding: 10px 0;
    margin: 0 0 15px 0;
    border-radius: 15px;
}
.content_service p{
    margin: 15px 0;
}

.content_service ul{
    padding: 0;
}

.content_service ul li{
    list-style-type: disc;
    color: #000;
    margin: 0 20px 0 15px;
}

.icon_ser{
    border-radius: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 45px;
}
.img_section_four{
    overflow: hidden;
    height: auto;
    margin: 15px 0 30px 0;
    border-radius: 25px;
    display: flex;
    align-items: center;
}

.d-flex.justify-content-between.align-items-center .w-75.p-2{
    width: 90% !important;
}

.img_section_four img{
    width: 100%;
    min-height: 100%;
}

.accordion.list-style-one i{
    margin-right: 10px;
    width: 40px;
    height: 40px;
    background: #faab43;
    text-align: center;
    line-height: 45px;
    border-radius: 3px;
    color: #fff;
}
.brand-thumb-service{
    padding: 10px;
    display: flex;
    height: 50px;
    margin: 0 5px;
    border-radius: 5px;
}


.block_eight {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    background: #eee;
}
.img_block_eight{
    overflow: hidden;
    height: 140px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.img_block_eight a{
    display: block;
    height: 100%;
}
.img_block_eight img{
    width: 100%;
    min-height: 100%;
}
.block_eight label{
    color: #000;
    line-height: 20px;
    margin: 10px 0 0 0;
    height: 80px;
    overflow: hidden;
}

.img_iso{
    margin: 0 0 15px 0;
}
.img_iso img{

}
.pagination .page-item a{
    text-decoration: auto;
}

.block__career{
    padding: 30px;
    box-shadow: 0 0 10px #ddd;
    border-radius: 15px;
    background: #d3ffe6;
    margin-bottom: 15px;
}

.accr-blog{
    background: #ddd;
    margin: 0 0 15px 0;
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #faab43;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.content-article{
    border: 1px solid #ddd;
    padding: 30px 15px;
    margin: 0 0 15px 0;
    border-radius: 15px;
}
.content-article ul{
    padding: 0 20px;
}
.content-article ul ,
.content-article ul li{
    list-style-type: disc;
}

.newslitter-sidebar{
    background: #faab43;
    padding: 15px;
    border-radius: 15px;
}
.newslitter-sidebar label{
    font-size: 19px;
    margin: 5px 0 15px 0;
}

.sidebar_box.style_two.sidebar_service.sidebar_service_single{
    background: #ddd;
    border: 0;
    padding: 30px;
    border-radius: 15px;
}

.sidebar_box.style_two.sidebar_service.sidebar_service_single .list_view_service li{
    color: #000;
}
.list_point_desc li i{
    color: green;
}
.block_whatsapp {
    position: fixed;
    z-index: 9;
    background: #0da94b;
    width: 50px;
    height: 50px;
    left: 15px;
    bottom: 15px;
    text-align: center;
    line-height: 50px;
    border-radius: 50px;
}

.block_whatsapp a {
    color: #fff;
    font-size: 36px;
}

.social_sharing {
    position: fixed;
    z-index:8;
    top: 50%;
    width: 50px;
    left: 15px;
    text-align: center;
    line-height: 60px;
    border-radius: 35px;
    background: #faab43;
    padding-top: 20px;
    /*opacity: 0.8;*/
}

.social_sharing a {
    color: #fff;
    font-size: 25px;
}

.img_sector{
    height: 500px;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #000;
}
.img_sector img{
    object-fit: cover;
    width: 100%;
    opacity: 0.5;
}

.desc-sector{
    height: 500px;
    overflow: hidden;
    background: #0E4747;
    padding: 100px 60px 0 100px;
}
.desc-sector h2{color: #d3ffe6;}
.desc-sector p{color:#fff;}
.icon_img_sector{
    background: #ffffff;
    border: 6px solid #e3e3e3;
    position: absolute;
    width: 100px;
    height: 100px;
    left: -50px;
    top: 40%;
    border-radius: 100%;
    align-items: center;
    display: flex;
}
.icon_img_sector img{
    margin: auto;
}
.img_tit_sector{
    margin: 0 10px 5px 0;
    background: #fff;
    padding: 6px;
    border-radius: 100%;
}
.img_tit_sector img{
    height: 34px;
}

.img_sidebar_sector{
    width: 100%;
    margin: 140px 0 0 0;
    border-radius: 15px;
}
.sidebar_sector.NewClassSector{
    position: fixed;
    transform: translateY(0);
    width: 278px;
    z-index: 9;
    top: 0;
}

/*********************** Style Quote ***********************/
#wizard[data-step="1"] .steps li:nth-child(1) a,
#wizard[data-step="2"] .steps li:nth-child(2) a,
#wizard[data-step="3"] .steps li:nth-child(3) a,
#wizard[data-step="4"] .steps li:nth-child(4) a,
#wizard[data-step="5"] .steps li:nth-child(5) a,
#wizard[data-step="6"] .steps li:nth-child(6) a {
    pointer-events: none;
}
#wizard[data-step="1"] .steps li:nth-child(1) a .bullet,
#wizard[data-step="2"] .steps li:nth-child(2) a .bullet,
#wizard[data-step="3"] .steps li:nth-child(3) a .bullet,
#wizard[data-step="4"] .steps li:nth-child(4) a .bullet,
#wizard[data-step="5"] .steps li:nth-child(5) a .bullet,
#wizard[data-step="6"] .steps li:nth-child(6) a .bullet {
    background-color: #0B5355;
    border-color: #0B5355;
    color: #beffd9;
    transition-delay: 0.3s;
    font-weight: bold;
}
#wizard[data-step="1"] .steps li:nth-child(1) a .bullet span,
#wizard[data-step="2"] .steps li:nth-child(2) a .bullet span,
#wizard[data-step="3"] .steps li:nth-child(3) a .bullet span,
#wizard[data-step="4"] .steps li:nth-child(4) a .bullet span,
#wizard[data-step="5"] .steps li:nth-child(5) a .bullet span,
#wizard[data-step="6"] .steps li:nth-child(6) a .bullet span {
    animation: bulletNumbers cubic-bezier(0, 1.8, 1, 1.8) 0.3s 0.3s;
}
#wizard[data-step="1"] .steps li:nth-child(1) + li a,
#wizard[data-step="2"] .steps li:nth-child(2) + li a,
#wizard[data-step="3"] .steps li:nth-child(3) + li a,
#wizard[data-step="4"] .steps li:nth-child(4) + li a,
#wizard[data-step="5"] .steps li:nth-child(5) + li a,
#wizard[data-step="6"] .steps li:nth-child(6) + li a,
#wizard[data-step="1"] .steps li:nth-child(1) + li + li a,
#wizard[data-step="2"] .steps li:nth-child(2) + li + li a,
#wizard[data-step="3"] .steps li:nth-child(3) + li + li a,
#wizard[data-step="4"] .steps li:nth-child(4) + li + li a,
#wizard[data-step="5"] .steps li:nth-child(5) + li + li a,
#wizard[data-step="6"] .steps li:nth-child(6) + li + li a,
#wizard[data-step="1"] .steps li:nth-child(1) + li + li + li a,
#wizard[data-step="2"] .steps li:nth-child(2) + li + li + li a,
#wizard[data-step="3"] .steps li:nth-child(3) + li + li + li a,
#wizard[data-step="4"] .steps li:nth-child(4) + li + li + li a,
#wizard[data-step="5"] .steps li:nth-child(5) + li + li + li a,
#wizard[data-step="6"] .steps li:nth-child(6) + li + li + li a,
#wizard[data-step="1"] .steps li:nth-child(1) + li + li + li + li a,
#wizard[data-step="2"] .steps li:nth-child(2) + li + li + li + li a,
#wizard[data-step="3"] .steps li:nth-child(3) + li + li + li + li a,
#wizard[data-step="4"] .steps li:nth-child(4) + li + li + li + li a,
#wizard[data-step="5"] .steps li:nth-child(5) + li + li + li + li a,
#wizard[data-step="6"] .steps li:nth-child(6) + li + li + li + li a,
#wizard[data-step="1"] .steps li:nth-child(1) + li + li + li + li + li a,
#wizard[data-step="2"] .steps li:nth-child(2) + li + li + li + li + li a,
#wizard[data-step="3"] .steps li:nth-child(3) + li + li + li + li + li a,
#wizard[data-step="4"] .steps li:nth-child(4) + li + li + li + li + li a,
#wizard[data-step="5"] .steps li:nth-child(5) + li + li + li + li + li a,
#wizard[data-step="6"] .steps li:nth-child(6) + li + li + li + li + li a {
    pointer-events: none;
}
#wizard[data-step="1"] .steps li:nth-child(1) + li a .bullet,
#wizard[data-step="2"] .steps li:nth-child(2) + li a .bullet,
#wizard[data-step="3"] .steps li:nth-child(3) + li a .bullet,
#wizard[data-step="4"] .steps li:nth-child(4) + li a .bullet,
#wizard[data-step="5"] .steps li:nth-child(5) + li a .bullet,
#wizard[data-step="6"] .steps li:nth-child(6) + li a .bullet,
#wizard[data-step="1"] .steps li:nth-child(1) + li + li a .bullet,
#wizard[data-step="2"] .steps li:nth-child(2) + li + li a .bullet,
#wizard[data-step="3"] .steps li:nth-child(3) + li + li a .bullet,
#wizard[data-step="4"] .steps li:nth-child(4) + li + li a .bullet,
#wizard[data-step="5"] .steps li:nth-child(5) + li + li a .bullet,
#wizard[data-step="6"] .steps li:nth-child(6) + li + li a .bullet,
#wizard[data-step="1"] .steps li:nth-child(1) + li + li + li a .bullet,
#wizard[data-step="2"] .steps li:nth-child(2) + li + li + li a .bullet,
#wizard[data-step="3"] .steps li:nth-child(3) + li + li + li a .bullet,
#wizard[data-step="4"] .steps li:nth-child(4) + li + li + li a .bullet,
#wizard[data-step="5"] .steps li:nth-child(5) + li + li + li a .bullet,
#wizard[data-step="6"] .steps li:nth-child(6) + li + li + li a .bullet,
#wizard[data-step="1"] .steps li:nth-child(1) + li + li + li + li a .bullet,
#wizard[data-step="2"] .steps li:nth-child(2) + li + li + li + li a .bullet,
#wizard[data-step="3"] .steps li:nth-child(3) + li + li + li + li a .bullet,
#wizard[data-step="4"] .steps li:nth-child(4) + li + li + li + li a .bullet,
#wizard[data-step="5"] .steps li:nth-child(5) + li + li + li + li a .bullet,
#wizard[data-step="6"] .steps li:nth-child(6) + li + li + li + li a .bullet,
#wizard[data-step="1"] .steps li:nth-child(1) + li + li + li + li + li a .bullet,
#wizard[data-step="2"] .steps li:nth-child(2) + li + li + li + li + li a .bullet,
#wizard[data-step="3"] .steps li:nth-child(3) + li + li + li + li + li a .bullet,
#wizard[data-step="4"] .steps li:nth-child(4) + li + li + li + li + li a .bullet,
#wizard[data-step="5"] .steps li:nth-child(5) + li + li + li + li + li a .bullet,
#wizard[data-step="6"] .steps li:nth-child(6) + li + li + li + li + li a .bullet,
#wizard[data-step="1"] .steps li:nth-child(1) + li a .title,
#wizard[data-step="2"] .steps li:nth-child(2) + li a .title,
#wizard[data-step="3"] .steps li:nth-child(3) + li a .title,
#wizard[data-step="4"] .steps li:nth-child(4) + li a .title,
#wizard[data-step="5"] .steps li:nth-child(5) + li a .title,
#wizard[data-step="6"] .steps li:nth-child(6) + li a .title,
#wizard[data-step="1"] .steps li:nth-child(1) + li + li a .title,
#wizard[data-step="2"] .steps li:nth-child(2) + li + li a .title,
#wizard[data-step="3"] .steps li:nth-child(3) + li + li a .title,
#wizard[data-step="4"] .steps li:nth-child(4) + li + li a .title,
#wizard[data-step="5"] .steps li:nth-child(5) + li + li a .title,
#wizard[data-step="6"] .steps li:nth-child(6) + li + li a .title,
#wizard[data-step="1"] .steps li:nth-child(1) + li + li + li a .title,
#wizard[data-step="2"] .steps li:nth-child(2) + li + li + li a .title,
#wizard[data-step="3"] .steps li:nth-child(3) + li + li + li a .title,
#wizard[data-step="4"] .steps li:nth-child(4) + li + li + li a .title,
#wizard[data-step="5"] .steps li:nth-child(5) + li + li + li a .title,
#wizard[data-step="6"] .steps li:nth-child(6) + li + li + li a .title,
#wizard[data-step="1"] .steps li:nth-child(1) + li + li + li + li a .title,
#wizard[data-step="2"] .steps li:nth-child(2) + li + li + li + li a .title,
#wizard[data-step="3"] .steps li:nth-child(3) + li + li + li + li a .title,
#wizard[data-step="4"] .steps li:nth-child(4) + li + li + li + li a .title,
#wizard[data-step="5"] .steps li:nth-child(5) + li + li + li + li a .title,
#wizard[data-step="6"] .steps li:nth-child(6) + li + li + li + li a .title,
#wizard[data-step="1"] .steps li:nth-child(1) + li + li + li + li + li a .title,
#wizard[data-step="2"] .steps li:nth-child(2) + li + li + li + li + li a .title,
#wizard[data-step="3"] .steps li:nth-child(3) + li + li + li + li + li a .title,
#wizard[data-step="4"] .steps li:nth-child(4) + li + li + li + li + li a .title,
#wizard[data-step="5"] .steps li:nth-child(5) + li + li + li + li + li a .title,
#wizard[data-step="6"] .steps li:nth-child(6) + li + li + li + li + li a .title {
    color: #444;
}
#wizard[data-step="2"] .steps li:nth-child(1) a .bullet,
#wizard[data-step="3"] .steps li:nth-child(1) a .bullet,
#wizard[data-step="3"] .steps li:nth-child(2) a .bullet,
#wizard[data-step="4"] .steps li:nth-child(1) a .bullet,
#wizard[data-step="4"] .steps li:nth-child(2) a .bullet,
#wizard[data-step="4"] .steps li:nth-child(3) a .bullet,
#wizard[data-step="5"] .steps li:nth-child(1) a .bullet,
#wizard[data-step="5"] .steps li:nth-child(2) a .bullet,
#wizard[data-step="5"] .steps li:nth-child(3) a .bullet,
#wizard[data-step="5"] .steps li:nth-child(4) a .bullet,
#wizard[data-step="6"] .steps li:nth-child(1) a .bullet,
#wizard[data-step="6"] .steps li:nth-child(2) a .bullet,
#wizard[data-step="6"] .steps li:nth-child(3) a .bullet,
#wizard[data-step="6"] .steps li:nth-child(4) a .bullet,
#wizard[data-step="6"] .steps li:nth-child(5) a .bullet {
    background-color: #0B5355;
    border-color: #0B5355;
    color: #FFF;
}
#wizard[data-step="2"] .steps li:nth-child(1) a .bullet span,
#wizard[data-step="3"] .steps li:nth-child(1) a .bullet span,
#wizard[data-step="3"] .steps li:nth-child(2) a .bullet span,
#wizard[data-step="4"] .steps li:nth-child(1) a .bullet span,
#wizard[data-step="4"] .steps li:nth-child(2) a .bullet span,
#wizard[data-step="4"] .steps li:nth-child(3) a .bullet span,
#wizard[data-step="5"] .steps li:nth-child(1) a .bullet span,
#wizard[data-step="5"] .steps li:nth-child(2) a .bullet span,
#wizard[data-step="5"] .steps li:nth-child(3) a .bullet span,
#wizard[data-step="5"] .steps li:nth-child(4) a .bullet span,
#wizard[data-step="6"] .steps li:nth-child(1) a .bullet span,
#wizard[data-step="6"] .steps li:nth-child(2) a .bullet span,
#wizard[data-step="6"] .steps li:nth-child(3) a .bullet span,
#wizard[data-step="6"] .steps li:nth-child(4) a .bullet span,
#wizard[data-step="6"] .steps li:nth-child(5) a .bullet span {
    opacity: 0;
}
#wizard[data-step="2"] .steps li:nth-child(1) a .bullet i.material-icons,
#wizard[data-step="3"] .steps li:nth-child(1) a .bullet i.material-icons,
#wizard[data-step="3"] .steps li:nth-child(2) a .bullet i.material-icons,
#wizard[data-step="4"] .steps li:nth-child(1) a .bullet i.material-icons,
#wizard[data-step="4"] .steps li:nth-child(2) a .bullet i.material-icons,
#wizard[data-step="4"] .steps li:nth-child(3) a .bullet i.material-icons,
#wizard[data-step="5"] .steps li:nth-child(1) a .bullet i.material-icons,
#wizard[data-step="5"] .steps li:nth-child(2) a .bullet i.material-icons,
#wizard[data-step="5"] .steps li:nth-child(3) a .bullet i.material-icons,
#wizard[data-step="5"] .steps li:nth-child(4) a .bullet i.material-icons,
#wizard[data-step="6"] .steps li:nth-child(1) a .bullet i.material-icons,
#wizard[data-step="6"] .steps li:nth-child(2) a .bullet i.material-icons,
#wizard[data-step="6"] .steps li:nth-child(3) a .bullet i.material-icons,
#wizard[data-step="6"] .steps li:nth-child(4) a .bullet i.material-icons,
#wizard[data-step="6"] .steps li:nth-child(5) a .bullet i.material-icons {
    opacity: 1;
    transform: scale(1) rotate(0);
}
#wizard[data-total-steps="2"] .steps li {
    width: 50%;
}
#wizard[data-total-steps="2"] .steps::after {
    left: 24.5%;
}
#wizard[data-total-steps="2"][data-step="2"] .steps::after {
    width: 50%;
}
#wizard[data-total-steps="3"] .steps li {
    width: 33.3%;
}
#wizard[data-total-steps="3"] .steps::after {
    left: 16%;
}
#wizard[data-total-steps="3"][data-step="2"] .steps::after {
    width: 34%;
}
#wizard[data-total-steps="3"][data-step="3"] .steps::after {
    width: 68%;
}
#wizard[data-total-steps="4"] .steps li {
    width: 25%;
}
#wizard[data-total-steps="4"] .steps::after {
    left: 12%;
}
#wizard[data-total-steps="4"][data-step="2"] .steps::after {
    width: 25%;
}
#wizard[data-total-steps="4"][data-step="3"] .steps::after {
    width: 50.5%;
}
#wizard[data-total-steps="4"][data-step="4"] .steps::after {
    width: 75.5%;
}
#wizard[data-total-steps="5"] .steps li {
    width: 20%;
}
#wizard[data-total-steps="5"] .steps::after {
    left: 9.5%;
}
#wizard[data-total-steps="5"][data-step="2"] .steps::after {
    width: 20.5%;
}
#wizard[data-total-steps="5"][data-step="3"] .steps::after {
    width: 41%;
}
#wizard[data-total-steps="5"][data-step="4"] .steps::after {
    width: 61%;
}
#wizard[data-total-steps="5"][data-step="5"] .steps::after {
    width: 81%;
}
#wizard[data-total-steps="6"] .steps li {
    width: 16.6%;
}
#wizard[data-total-steps="6"] .steps::after {
    left: 8%;
}
#wizard[data-total-steps="6"][data-step="2"] .steps::after {
    width: 17%;
}
#wizard[data-total-steps="6"][data-step="3"] .steps::after {
    width: 34%;
}
#wizard[data-total-steps="6"][data-step="4"] .steps::after {
    width: 51%;
}
#wizard[data-total-steps="6"][data-step="5"] .steps::after {
    width: 68%;
}
#wizard[data-total-steps="6"][data-step="6"] .steps::after {
    width: 84%;
}
#wizard .steps {
    position: relative;
}
#wizard .steps::after {
    content: "";
    background-color: #0B5355;
    display: block;
    position: absolute;
    height: 4px;
    top: 18px;
    transition: width ease-in-out 0.3s 0s;
    width: 0;
    z-index: 50;
}
#wizard .steps li {
    position: relative;
    text-align: center;
}
#wizard .steps li:not(:last-child)::before {
    background-color: #DEDEDE;
    content: "";
    display: block;
    position: absolute;
    height: 4px;
    left: 50%;
    top: 18px;
    width: 100%;
    z-index: 50;
}
#wizard .steps li:not(:last-child)::after {
    width: 0;
    background-color: #007bff;
    transition: width ease-in-out 0.3s 0s;
}
#wizard .steps li a {
    display: inline-block;
    text-decoration: none;
}
#wizard .steps li a .bullet {
    align-items: center;
    background-color: #FFF;
    border: 2px solid #DEDEDE;
    border-radius: 200px;
    color: #007bff;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    height: 40px;
    text-align: center;
    width: 40px;
    position: relative;
    z-index: 100;
    transition: border-color linear 0.3s, background-color linear 0.3s, color linear 0.3s;
}
#wizard .steps li a .bullet span {
    opacity: 1;
    transition: opacity linear 0.3s, transform cubic-bezier(0, 1.8, 1, 1.8) 0.3s;
}
#wizard .steps li a .bullet i.material-icons {
    color: #beffd9;
    left: 50%;
    margin: -0.5em 0 0 -0.5em;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: scale(0.5) rotate(-30deg);
    transition: opacity ease-out 0.05s, transform cubic-bezier(0, 1.8, 1, 1.8) 0.3s;
}
#wizard .steps li a .title {
    display: inline-block;
    margin-top: 4px;
}
#wizard .steps li a:hover .bullet {
    background-color: #DEDEDE;
}
#wizard .steps li a:hover .bullet span {
    transform: scale(1.3);
}
#wizard .card {
    border: none;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08), 0 3px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow-x: hidden;
    z-index: 10;
}
#wizard .card .controls {

}
#wizard #wizard-next span:last-child {
    display: none;
}
#wizard[data-total-steps="2"][data-step="2"] #wizard-next span:first-child,
#wizard[data-total-steps="3"][data-step="3"] #wizard-next span:first-child,
#wizard[data-total-steps="4"][data-step="4"] #wizard-next span:first-child,
#wizard[data-total-steps="5"][data-step="5"] #wizard-next span:first-child,
#wizard[data-total-steps="6"][data-step="6"] #wizard-next span:first-child {
    display: none;
}
#wizard[data-total-steps="2"][data-step="2"] #wizard-next span:last-child,
#wizard[data-total-steps="3"][data-step="3"] #wizard-next span:last-child,
#wizard[data-total-steps="4"][data-step="4"] #wizard-next span:last-child,
#wizard[data-total-steps="5"][data-step="5"] #wizard-next span:last-child,
#wizard[data-total-steps="6"][data-step="6"] #wizard-next span:last-child {
    display: block;
}
#wizard[data-step="1"] #wizard-prev {
    display: none;
}
.progress-bar {
    background: transparent;
    height: 4px;
    left: 0;
    display: block;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 20;
}
.progress-bar::before {
    background-color: #007bff;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 20;
}
.progress-bar::after {
    content: "";
    display: block;
    height: 0;
    border-right: solid 640px #00FBD7;
    border-top: solid 4px transparent;
    border-bottom: solid 4px transparent;
    border-left-color: solid 0 transparent;
    filter: blur(2px);
    margin-top: -4px;
    position: absolute;
    right: 0;
    top: 50%;
    transition: none;
    width: 0;
    z-index: 10;
}
.progress-bar.play {
    animation: fakeProgressBar ease-in-out 1.3s;
}
.progress-bar.play::after {
    right: -4px;
}
.rounded-lg {
    border-radius: 24px;
}

.btn_step{

}

.style__select__quote{}
.style__select__quote label{
    color: #000;
    font-size: 17px;
    margin: 0 0 5px 0;
}
.style__select__quote select{
    height: 50px;
}

.Additional_services label{
    color: #000;
}

.nav-words .nav-tabs{
    border: 0;
}


.text-words:focus{
    background: #f5f5f5;
}

.nav-words .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
    border: 0;
    border-radius: 7px;
    background: #ddd;
    margin: 0 2px;
    padding: 15px 20px;
    font-size: 17px;
    color: #000;
}

.nav-words .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background: #faab43;
    color: #fff;
}

.total_cost{
    position: relative;
    text-align: center;
}

.bg_words{
    background: #0B5355;
    padding: 30px;
    text-align: center;
    margin: 50px 0 0 0;
}

.des_block_words{

}
.des_block_words i{
    color: #beffd9;
    font-size: 50px;
    margin: 15px 0;
}
.des_block_words h4{
    color: #beffd9;
    font-size: 17px;
    font-weight: normal;
    margin: 10px 0 10px 0;
    padding: 0 40px;
}

.style__data__quote input{
    border: 1px solid #ddd;
}
.style__data__quote label{
    color: #000;
    font-size: 17px;
    margin: 0 0 10px 0;
}

.icon-ch{
    font-size: 100px;
    color: #faab43;
    margin: 30px 0 50px 0;
}

.total_cost h3{
    font-size: 42px;
}
.total_cost p{
    font-size: 12px;
}
.total_cost strong{
    font-size: 70px;
    margin: 50px 0 50px 0;
    display: block;
    line-height: normal;
}
.total_cost strong b{

}

.unique-title {
    color: #0e4747;
    margin-top: 25px;
}

.mc4wp-form-fields .mailchimp-form button{
    font-size: 14px !important;
    min-width: 145px;
}

.content_service_three h2,
.content_service_one h2,
.content_service_eight h2{
    font-size: 19px !important;
    font-weight: bold !important;
}


.counter_upper.bg-main2 .align-items-center{
    direction: rtl;
    padding: 0 20px;
}

.content-article h2{
    margin-bottom: 15px;
}

.notfound-404{
    text-align: center;
    padding: 50px 0;
}
.notfound-404 h1{}

@keyframes bulletNumbers {
0,
100% {
    transform: scale(1);
}
50% {
    transform: scale(1.4);
}
}
@keyframes fakeProgressBar {
    0% {
        width: 0;
    }
    50% {
        width: 100%;
        opacity: 1;
    }
    100% {
        width: 100%;
        opacity: 0;
    }
}



.logo_mob{
    display: block;
    position: absolute;
    left: 15px;
    padding: 15px 0 0 0;
    width: 100px;
    z-index: 9999;
}
.logo_mob img{
    width: 100%;
    height: auto;
}

.sidebar_box ul li{
    position: relative;
    padding-left: 25px;
}

.sidebar_box ul li:before{
    content: "\f00c";
    position: absolute;
    left: 0;
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900);
    color:green;
}


.content_service_three .d-flex.justify-content-between.align-items-center{
    align-items: baseline !important;
}

.mailchimp-form {
    direction: rtl;
}

.service_list2{
    direction: ltr;
    margin: 0 0 30px 0;
}

.languages_-thumb{

}

.languages_-thumb img {
    width: 100%;
    margin: 0;
}


.content_coce{
    text-align: center;
}

.btn_coce{

}
.btn_coce button{
    display: block;
    margin: 15px auto;
    border-radius: 25px;
    border: 0;
    padding: 10px 30px;
}
.btn_coce button.yesThanx{
    background-color: #faab43;
    color:#fff;
}
.btn_coce button.noThanx{
    background: transparent;
    font-weight: bold;
    color: #faab43;
}

.box_coc_footer{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90%;
    width: 100%;
}


/******************* event & magazine *********************/
.block_item_event{
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
}
.block_item_event:hover{
    box-shadow: 0 0 30px #ddd;
}
.date_event{
    display: block;
    height: 100%;
    text-align: center;
    font-size: 22px;
    padding: 30px 0;
    color: #000;
    border-left: 1px solid #ddd;
}
.date_event b{
    display: block;
    width: 100%;
    clear: both;
    font-size: 60px;
    margin: 30px 0 30px 0;
}
.date_event i{
    display: block;
    margin: 0 0 20px 0;
    font-size: 36px;
    color: #faab43;
}
.slider_event{}
.slider_event .carousel-item{
    height: 250px;
    overflow: hidden;
    border-radius: 15px;
}
.desc_event{}
.desc_event h3 a{
    margin: 20px 0 20px 0;
    font-weight: bold;
    display: block;
}
.desc_event p{}

.sidebar_box_event{
    border: 1px dashed rgb(0 0 0 / 18%);
    padding: 10px 25px 30px 25px;
    border-radius: 15px;
}

.header-button-whats .btn_whatsapp{
    background: green;
}

.img_main_event{
    overflow: hidden;
    border-radius: 15px;
}
.img_main_event img{
    width: 100%;
}

.desc_main_event h3{
    margin: 25px 0 15px 0;
}
.desc_main_event ul{
    list-style-type: disc;
    padding: 0 0 20px 20px;
}
.desc_main_event ul li{
    list-style-type: disc;
    color: #000;
}



.btn_lang_home{
    color: #0e4747;
    font-weight: 600;
}



/***************** book List ******************/

.toolbar {
    margin-bottom: 30px;
    border-bottom: 1px solid #d2d6d5;
}
.toolbar select {
    margin-bottom: 7px;
    color: #313131;
    font-size: 14px;
    border: none;
    background-color: transparent;
}
.toolbar .filter-options {
    line-height: 40px;
}
.toolbar a.filter-item {
    margin-right: 16px;
    padding-bottom: 18px;
    font-size: 14px;
    color: #313131;
    border-bottom: 0px solid transparent;
    transition: all 250ms ease-out;
}
.toolbar a.filter-item:last-child {
    margin-right: 0;
}
.toolbar a.filter-item.active {
    padding-bottom: 15px;
    color: #219e9a;
    font-weight: bold;
    border-bottom: 3px solid #219e9a;
}

#grid {
    margin-bottom: 60px;
}

.book-item {
    margin: 15px 0;
    padding: 15px;
    list-style-type: none;
}
.book-item:after {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    width: calc(100% - 105px);
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 0 0 0 transparent;
    background-color: rgba(255, 255, 255, 0);
    z-index: -1;
    transition: all 250ms ease-out;
}

.book-item:hover .item-img img {
    box-shadow: 0px 0px 10px 0px rgba(49, 49, 49, 0.25);
}
.book-item:hover a.button {
    background-color: #219e9a;
}
.book-item:hover .bk-bookdefault {
    transform: rotate3d(0, 1, 0, 25deg);
}
.book-item:hover .bk-back {
    opacity: 1;
}
.book-item .item-img {
    display: inline-block;
    float: left;
    padding-right: 30px;
}
.book-item .item-img img {
    box-shadow: 0 0 0 0 transparent;
    transition: all 250ms ease-out;
}
.book-item .item-details {
    padding-right: 30px;
}
.book-item h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.book-item p:not(.author) {
    display: block;
    display: -webkit-box;
    height: 45px;
    font-size: 15px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/***************** book List ******************/

/***************** Book Rotate ******************/
.bk-img {
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 30px;
    list-style: none;
    /* Individual style & artwork */
}
.bk-img .bk-wrapper {
    position: relative;
    width: 150px;
    height: 215px;
    float: left;
    z-index: 1;
    perspective: 1400px;
}
.bk-img .bk-wrapper:last-child {
    margin-right: 0;
}
.bk-img .bk-book {
    position: absolute;
    width: 100%;
    height: 215px;
    transform-style: preserve-3d;
    transition: transform 0.5s;
}
.bk-img .bk-book > div,
.bk-img .bk-front > div {
    display: block;
    position: absolute;
}
.bk-img .bk-front {
    transform-style: preserve-3d;
    transform-origin: 0% 50%;
    transition: transform 0.5s;
    transform: translate3d(0, 0, 20px);
    z-index: 10;
}
.bk-img .bk-front > div {
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    border-radius: 0 3px 3px 0;
    box-shadow: inset 4px 0 10px rgba(0, 0, 0, 0.1);
}
.bk-img .bk-front:after {
    content: "";
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: -1px;
    width: 1px;
}
.bk-img .bk-front,
.bk-img .bk-back,
.bk-img .bk-front > div {
    width: 150px;
    height: 215px;
}
.bk-img .bk-left,
.bk-img .bk-right {
    width: 40px;
    left: -20px;
}
.bk-img .bk-back {
    transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 20px);
    box-shadow: 5px 7px 15px rgba(0, 0, 0, 0.3);
    border-radius: 3px 0 0 3px;
    opacity: 0;
    transition: opacity 250ms ease-out;
}
.bk-img .bk-back:after {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    width: 3px;
    background: rgba(0, 0, 0, 0.06);
    box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1);
}
.bk-img .bk-left {
    height: 215px;
    transform: rotate3d(0, 1, 0, -90deg);
}
.bk-img .bk-left h2 {
    width: 215px;
    height: 40px;
    transform-origin: 0 0;
    transform: rotate(90deg) translateY(-40px);
}
.bk-img .bk-cover {
    /*background-image: url(../images/1.png);*/
    background-repeat: no-repeat;
    background-position: 10px 40px;
}
.bk-img .bk-cover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 11px;
    background: rgb(0 0 0 / 47%);
    box-shadow: 1px 0 3px rgb(255 255 255 / 87%);
}
.bk-img .bk-cover {
    background-repeat: no-repeat;
    background-position: top left !important;
}
.bk-img .bk-front > div,
.bk-img .bk-left {
    background-color: #219e9a;
    background-size: cover;
}
/***************** Book Rotate ******************/

/************** cookies ****************/
.cookies-box {

    position:fixed;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -100%;
    background: #d3ffe6;
    padding: 40px 100px 20px 100px;
    margin: 0 auto;
    color: #112d32;
    transition: all 0.3s ease;
    box-shadow: 0 0 15px #c0baba;
    z-index: 3;
    border-radius: 35px 35px 0 0;
}
.cookies-box.show {
    bottom: 0;
}
.cookies__title {
    margin: 0;
    padding: 0;
    line-height: 18px;
}
.cookies__text {
    font-size: 12px;
}
.cookies__title,
.cookies__text {
    margin-bottom: 15px;
}
.cookies__link {
    margin-left: 10px;
    display: inline-block;
    color: #8fc1e3;
}
.cookies__btn {
    font-size: 16px;
    padding: 10px 25px;
    background-color: #faab43;
    color: #ffffff;
    border-radius: 25px;
    border: none;
    transition: background 0.3s;
    cursor: pointer;
}
.cookies__btn--accept {
    margin-left: 40px;
}
.cookies__btn--decline{
     margin-left: 15px;
}
.cookies__btn:hover {
    background-color: #31708e;
}
.cookies__link:hover {
    color: #31708e;
}

/************** cookies ****************/

.blog_list2.owl-carousel .owl-item ,
.blog_list2.owl-carousel .owl-stage ,
.blog_list2.owl-carousel .owl-stage-outer{
    height: 100%;
}
.blog_list2.owl-theme .owl-dots .owl-dot {
    bottom: 50px;
    position: relative;
}

.cookies__buttons{
    width:100%;
}

.block_coc_bottom{

}

/***************** code_countary ******************/
.code_countary{
     height: 54px; 
     background-color: #ffffff; 
     border: 1px solid #e6eaea; 
     padding-top:10px;
}
.inner_code{
     height: 34px;
     width:100%; 
     background-color: #ffffff ;
     border: 0.5px solid #ffffff;
}
.inner_phone{
    height: 34px; 
    background-color: #ffffff ;
    border: 0.5px solid #ffffff;
}
/***************** code_countary ******************/

/* media Hidden classes*/
@media (max-width: 543px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 544px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }
    
    /* our client seaction */
    
    
.client-testimonials-section {
    padding: 30px 20px;
    color: white;
    position: relative;
}


.client-testimonials-container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: auto;
    text-align: center;
}

.client-testimonials-container h2 {
    font-size: 36px;
    margin-bottom: 40px;
    color: #fff;
}

.client-testimonial-cards {
    display: flex;
    gap: 30px;
    justify-content: center;
}

.client-testimonial {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    padding: 30px;
    max-width: 450px;
    min-height: 320px;
    color: #fff;
    /* backdrop-filter: blur(5px); */
    transition: transform 0.3s;
}

.client-testimonial:hover {
    transform: scale(1.05);
}

.client-testimonial img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px;
    border: 2px solid #006666;
}

.client-testimonial p {
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff;
}

.client-testimonial h4 {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.client-testimonial .stars {
    color: #f1c40f;
    margin-top: 5px;
    font-size: 20px;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .client-testimonial-cards {
        flex-direction: column;
        align-items: center;
    }
}

/* start our team sections */

.team {
    align-items: center;
    margin-bottom: 30px;
    padding: 20px;
}

.team .team-container
{
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: auto;
  
}

.team h2{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.team .team-member {
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    border-radius: 10px;
    transition: 0.5s;
    padding: 20px;
    height: 100%;

}

@media (max-width: 468px) {
    .team .team-member {
        flex-direction: column;
        justify-content: center !important;
        align-items: center !important;
    }
}

.team .team-member img{
    overflow: hidden;
    width: 120px;
    height: 140px;
    border-radius: 10%;
    flex-shrink: 0;
    border: 1px solid #0e4747;
}

.team .team-member:hover {
    transform: translateY(-10px);
    border: 1px solid rgb(250, 171, 67);
}

.team .team-member .member-info {
    padding-left: 30px;
}

@media (max-width: 468px) {
    .team .team-member .member-info {
        padding: 30px 0 0 0;
        text-align: center;
    }
}

.team .team-member h4 {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 20px;
}

.team .team-member span {
    display: block;
    font-size: 15px;
    padding-bottom: 5px;
    position: relative;
    font-weight: 500;
}

.team .team-member span::after {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    bottom: 0;
    left: 0;
}

@media (max-width: 468px) {
    .team .team-member span::after {
        left: calc(50% - 25px);
    }
}

.team .team-member p {
    margin: 2px 0 0 0;
    font-size: 14px;
}

.team .team-member .social {
    margin-top: 12px;
    margin-bottom: 0%;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
  
}

@media (max-width: 468px) {
    .team .team-member .social {
        justify-content: center;
    }
}

.team .team-member .social a {
    background: rgb(250, 171, 67);
    transition: ease-in-out 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    margin: 5px;
}

.team .team-member .social a i {
    color: #fff;
    font-size: 16px;
    margin: 0 2px;
}

.team .team-member .social a:hover {
    background:#0e4747;
}

.team .team-member .social a:hover i {
    color:#fff;
}

.team .team-member .social a+a {
    margin-left: 8px;
}