/*
Author       : Themeplaza
Template Name: MenCare Retirement Planning HTML5 Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. START GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START HEADER DESIGN
    03. START HOME DESIGN
    04. START FEATURE AND ABOUT DESIGN
    05. START SERVICE DESIGN
    06. START COUNTER UP DESIGN
    07. START PORTFOLIO DESIGN
    08. START TEAM DESIGN
    09. START TESTIMONIAL DESIGN
    10. START BLOG DESIGN
    11. START CONTACT DESIGN
    12. START FOOTER DESIGN
    13. START COPYRIGHT DESIGN
  =============================================================*/

/*
* ----------------------------------------------------------------------------------------
* 01. START GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --primary: #f44f11;


}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #333333;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
    font-weight: 600;
}

img {
    max-width: 100%;
    height: auto;
}

a,
a:hover,
a:focus {
    outline: none;
    text-decoration: none;
}

ul {
    list-style: none;
    padding: 0;
}

p {
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #333333;
    letter-spacing: 0;
    line-height: 30px;
}

.gray_bg {
    background: #F7F8FA;
}

.dark_bg {
    background: #1d293e;
}

.w-90 {
    width: 90%;
    margin: auto;
}

.d-flex-jc-ac {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.d-flex-jc{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 3px solid rgba(0, 0, 0, 0.08);
    border-right: 3px solid rgba(0, 0, 0, 0.08);
    border-bottom: 3px solid rgba(0, 0, 0, 0.08);
    border-left: 3px solid #00CDE5;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

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

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

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

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

/* END PRELOADER DESIGN */

/* START BUTTON DESIGN */
.main_btn {
    display: inline-block;
    background: transparent;
    border: 1px solid var(--primary);
    font-size: 15px;
    letter-spacing: 0.5px;
    padding: 8px 28px;
    color: var(--primary);
    text-transform: capitalize;
    transition: all 0.4s ease;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
}

.main_btn:hover {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: #fff !important;
}

/* END BUTTON DESIGN */

/* START SECTION-HEADING DESIGN */
.section_padding {
    padding: 100px 0;
}

.section_heading {
    margin-bottom: 60px;
}

.section_heading h2 {
    text-transform: capitalize;
    font-size: 30px;
    line-height: 40px;
    color: #222;
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
}

.dark_bg .section_heading h2 {
    color: #fff;
}

.section_heading p {
    margin: 15px 0 10px;
}

.dark_bg .section_heading p {
    color: #fff;
}

.section_heading h2 span {
    color: var(--primary);
}

.section_heading_border:before {
    content: "";
    height: 2px;
    width: 50px;
    position: absolute;
    left: -55px;
    top: 50%;
    background-color: var(--primary);
    margin-top: 26px;
}

.section_heading_border:after {
    content: "";
    height: 2px;
    width: 50px;
    position: absolute;
    right: -55px;
    top: 50%;
    background-color: var(--primary);
    margin-top: 26px;
}

.section_heading_border {
    width: 20px;
    display: inline-block;
    margin-top: -50px;
    position: relative;
}

.section_heading_border span {
    height: 2px;
    width: 16px;
    background: var(--primary);
    display: inline-block;
}

.section_heading_border span:nth-child(1) {
    margin-bottom: -46px;
}

.section_heading_border span:nth-child(2) {
    margin-bottom: -23px;
}

.section_heading_border span:nth-child(3) {
    margin-top: 2px 0;
}

/* END SECTION-HEADING DESIGN */


/* START SCROLL TO-TOP */
.topcontrol {
    background: var(--primary) none repeat scroll 0 0;
    border-radius: 50px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    margin-bottom: 20px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 5px 12px;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
    z-index: 999;
}

.topcontrol:hover {
    background: #222;
    color: #fff;
}

/* END SCROLL TO-TOP */
/*
* ----------------------------------------------------------------------------------------
* 01. END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/


/* header starts */

/* .nav_bar {
    background: #ffffff00;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
} */

.nav_bar .ham_burger {
    width: 25px;
}

.nav_me img {
    width: 100px;
}

.navbar-light .navbar-nav .nav-link {
    color: #000 !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
}

.navbar-light .navbar-nav .nav-link.active {
    color: #f44f11 !important;
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #f44f11 !important;
}

.navbar-nav .nav-item {
    margin: 0px 5px;
}

.nav-bar .nav_a .nav-item {
    margin: 0px 5px;
}

.nav-bar .nav_a li a {
    font-weight: 600;
    font-size: 15px;
}

.navbar-light .navbar-toggler {
    background-color: #f44f11;
    color: #fff !important;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow 0.15s ease-in-out;
}

.dr_hv {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #000 !important;
}

.dr_hv:hover {
    background: #f44f11 !important;
    color: #fff !important;
}
.dropdown-menu li {
    position: relative;
    margin-bottom: 10px;
  }
  .drop-a-sub-main {
    position: absolute;
    right: 0;
    padding-left: 16px;
    padding-right: 16px;
    height: 35px;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sub-drop-down-menu .dropdown-item:hover {
    background: #f44f11 !important;
    color: #fff !important;
  }
  .sub-drop-down-menu {
    position: inherit !important;
    padding: 0;
    border: 0;
    margin: 0;
    border-radius: 0;
  }
  .sub-drop-down-menu li {
    width: 100% !important;
  }
  .sub-drop-down-menu a {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #000 !important;
  }
  .dropdown-submenu .sub-drop-down-menu {
    background: #ffcbb8;
  }
.dr_li .dropdown-submenu a{
    font-size: 14px;
    font-weight: 600;
    white-space: inherit;
}

.dropdown-item:active {
    text-decoration: none;
    color: #fff !important ;
    background-color: #f44f11;
}

.main_header.sticky_menu {
    position: fixed;
    width: 100%;
    padding: 10px 20px;
    top: 0;
    background: #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.1);
    z-index: 999;
}

.main_header.sticky_menu .navbar-nav>li>a {
    color: #333 !important;
    transition: all 0.3s ease;
}

/* header ends */

/*
* ----------------------------------------------------------------------------------------
* 03. START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
#particles-js {
    width: 100%;
    height: 100%;
    position: absolute;
}

.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
    height: 800px;
}

.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
    height: auto;
}

.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}

.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 80px;
}

.single-slide-item {
    position: relative;
    z-index: 1;
    padding-top: 3%;
}

.single-slide-item:after {
    content: "";
    position: absolute;
    background: rgb(0 0 0 / 50%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 1;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.single-slide-item h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 10px;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.single-slide-item h2 {
    color: #00CDE5;
    font-size: 20px;
    letter-spacing: 8px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.single-slide-item p {
    color: #fff;
    margin-bottom: 20px;
}

.single-slide-item span {
    color: var(--primary);
}

.single-slide-item .slider_btn {
    background: transparent;
    border: 1px solid #fff;
    margin-right: 20px;
    color: #fff !important;
    font-size: 14px;
    padding: 10px 30px;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.2s ease 0s;
    display: inline-block;
    margin-bottom: 20px;
    border-radius: 30px;
}

.single-slide-item .slider_btn:hover {
    color: #fff;
    background: var(--primary);
    border-color: var(--primary);
    text-decoration: none;
}

.single-slide-item .s_bg_btn {
    background: var(--primary);
    border-color: var(--primary);
}

.single-slide-item .s_bg_btn:hover,
.single-slide-item .s_bg_btn:focus {
    background: transparent;
    border-color: #FFF;
}

.carousel-control {
    z-index: 1;
    background-image: none !important;
    top: 46.6%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: transparent;
    border: 1px solid #fff;
    opacity: 1;
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    border-radius: 50%;
    transition: .5s;
}

#welcome-slide-carousel .carousel-indicators li {
    width: 15px;
    height: 15px;
    margin: 0 5px;
}

#welcome-slide-carousel .carousel-indicators .active {
    background: #75ceae;
    border-color: #75ceae;
}

.carousel-control.left {
    margin-left: 25px;
}

.carousel-control.right {
    margin-right: 25px;
}

.carousel-control:hover {
    background: #00CDE5;
    border-color: #00CDE5;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/*
* ----------------------------------------------------------------------------------------
* 03. END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/



/*
* ----------------------------------------------------------------------------------------
* 04. START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_about {
    margin-top: 40px;
}

.single_about .about_title span {
    text-transform: capitalize;
    letter-spacing: 1px;
    color: var(--primary);
    font-size: 16px;
    font-weight: 700;
}

.single_about .about_title h2 {
    font-size: 32px;
    color: #222;
    font-weight: 700;
    margin: 10px 0 20px;
}

.dark_bg .single_about .about_title h2 {
    color: #fff;
}
.int_exp h6{
    color: #f44f11;
}
.int_exp p{
    text-align: justify;
}
.single_about .auth_high{
    font-weight: 600;
    color: #f44f11;
}

.dark_bg .single_about .about_title .description {
    color: #fff;
}

.page_banner img{
    width: 100%;
}

/* END ABOUT */
/*
* ----------------------------------------------------------------------------------------
* 04. END FEATURE AND ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05. START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.single-service {
    /* padding: 40px 30px;
    box-shadow: 0px 17px 60px #00000012; */
    background: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    transition: all 0.4s ease;
}

.dark_bg .single-service {
    background: transparent;
    border: 1px solid #384967;
}

.single-service .serv_ic {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    background: #efeded;
    border: 1px solid #efeded;
    text-align: center;
    transition: all 0.4s ease;
    font-size: 35px;
    display: inline-block;
    color: var(--primary);
}

.dark_bg .single-service i {
    background: transparent;
    border: 1px solid #00CDE5;
}

.single-service:hover .serv_ic {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    background: #5ce827;
    border: 1px solid #5ce827;
    color: #fff;
}

.single-service h4 {
    font-size: 30px;
    /* margin-top: 30px; */
    text-transform: capitalize;
    color: #f44f11;
    transition: all 0.4s ease;
}

.dark_bg .single-service h4 {
    color: #fff;
}

.single-service p {
    transition: all 0.4s ease;
    color: #333333;
    margin-top: 15px;
    text-align: justify;
}

.dark_bg .single-service p {
    color: #fff;
}

.single-service h6 {
    font-size: 20px;
    margin-bottom: 10px;
}

.service_list .fa {
    color: #f44f11;
    font-size: 20px;
    margin-right: 5px;
    margin-top: 3px;
}
.service_list p{
    margin: 0px 0px 10px;
}

.service_list li {
    display: flex;
    margin-bottom: 10px;
}

/*
* ----------------------------------------------------------------------------------------
* 05. END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 07. START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_port_menu {
    margin-bottom: 50px;
}

.our_port_menu ul {
    list-style-type: none;
    padding: 0;
}

.our_port_menu ul li {
    border: 1px solid #bbb;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin: 7px;
    padding: 5px 20px;
    border-radius: 30px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}

.dark_bg .our_port_menu ul li {
    border: 1px solid #fff;
    color: #fff;
}

.our_port_menu ul li:hover,
.our_port_menu ul li.active {
    border-color: #00CDE5;
    background-color: #00CDE5;
    color: #fff;
}

.box {
    text-align: center;
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    position: relative;
}

.box:after {
    content: "";
    width: 65%;
    background: #00CDE5;
    padding-bottom: 65%;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 0 0 0;
    transition: all 0.3s ease 0s;
}

.box:hover:after {
    opacity: 1;
}

.box img {
    width: 100%;
    height: auto;
    transition: all 1s ease 0s;
}

.box:hover img {
    transform: scale(1.3);
}

.box .box-content {
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.box:hover .box-content {
    opacity: 1;
}

#portfolio .box .title {
    display: inline-block;
    padding: 10px 0;
    color: #fff;
    margin: 0;
    font-size: 17px;
}

.box .icon {
    padding: 0;
    margin: 12px 0 0 0;
    list-style: none;
}

.box .icon li {
    display: inline-block;
}

.box .icon li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    border: 1px solid var(--primary) !important;
    background: var(--primary) !important;
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
    transition: all 0.3s ease 0s;
}

.box {
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
    box-shadow: inherit;
    position: relative;
}

.box:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(7, 1, 90, 0.6);
    padding-bottom: 65%;
    opacity: 0;
    position: absolute;
    transform-origin: 0 0 0;
    transition: all 0.3s ease 0s;
}

.box:hover:after {
    opacity: 1;
}

.box img {
    width: 100%;
    height: auto;
}

.box .box-content {
    width: 100%;
    position: absolute;
    top: 30%;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.box:hover .box-content {
    opacity: 1;
}

.box .title {
    display: inline-block;
    padding: 10px 0;
    color: #fff;
    margin: 0;
}

/*
* ----------------------------------------------------------------------------------------
* 07. END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06. START COUNTERUP DESIGN
* ----------------------------------------------------------------------------------------
*/
.count_overlay {
    background: rgba(7, 1, 90, 0.6) none repeat scroll 0 0;
    padding: 60px 0;
}

.count h3 {
    color: #00CDE5;
    font-size: 30px;
}

.count span {
    font-size: 30px;
    font-weight: 600;
}

.count h5 {
    color: #fff;
    font-size: 16px;
}

/*
* ----------------------------------------------------------------------------------------
* 06. END COUNTERUP DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08. START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_team {
    position: relative;
}

.overlay-text {
    position: relative;
    -webkit-transition: all linear .7s;
    -o-transition: all linear .7s;
    transition: all linear .7s;
}

.single_team:hover .overlay-text {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.team-overlay {
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: 0;
    left: 0;
    content: '';
    background: rgb(244 79 17 / 73%);
    z-index: 99;
    -webkit-transition: all linear .5s;
    -o-transition: all linear .5s;
    transition: all linear .5s;
}

.single_team h3 {
    font-size: 20px;
    color: #fff;
    padding-top: 10px;
    display: inline-block;
    -webkit-transition: all linear .5s;
    -o-transition: all linear .5s;
    transition: all linear .5s;
}

.single_team:hover .team-overlay {
    height: 100%;
}

.team_icon {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.single_team:hover .team_icon i {
    opacity: 1;
}

.team_icon i:hover {
    background: #00CDE5;
    border: 1px solid #00CDE5;
    color: #fff;
}

.team_icon i {
    margin: 0 3px;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    opacity: 0;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.single_team p {
    font-size: 15px;
    color: #fff;
}

/*
* ----------------------------------------------------------------------------------------
* 08. END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09. START PRICING TABLE DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricingTable {
    text-align: center;
    border: 1px solid #dbdbdb;
    border-radius: 20px;
    transition: 0.4s;
}

.pricingTable:hover {
    transform: translateY(-10px);
}

.pricingTable>.pricingTable-header {
    color: #fff;
}

.pricingTable-header>.heading {
    border-radius: 20px;
    background: #00CDE5;
    display: block;
    padding: 30px 0;
}

.heading>h3 {
    color: #fff;
    font-weight: 500;
    font-size: 27px;
    margin: 0;
    text-transform: uppercase;
}

.heading>.subtitle {
    font-size: 13px;
    margin-top: 3px;
    display: block;
}

.pricingTable-header>.price-value {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid #555;
    display: block;
    margin: 0 auto;
    color: #555;
    font-size: 25px;
    font-weight: 800;
    margin-top: 20px;
    padding: 20px 10px 0 10px;
    line-height: 35px;
}

.dark_bg .pricingTable-header>.price-value {
    border: 2px solid #fff;
    color: #fff;
}

.pricingTable-header>.price_value {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #00CDE5;
    border: 2px solid #00CDE5;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 25px;
    font-weight: 800;
    margin-top: 20px;
    padding: 20px 10px 0 10px;
    line-height: 35px;
}

.price-value span {
    font-size: 40px;
}

.price_value span {
    font-size: 40px;
}

.price-value>.mo {
    display: inline-block;
    line-height: 0;
    padding-top: 13px;
    border-top: 1px solid #555;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    margin-top: -20px;
}

.price_value .mo {
    display: inline-block;
    line-height: 0;
    padding-top: 13px;
    border-top: 1px solid #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    margin-top: -20px;
}

.pricingTable>.pricingContent {
    margin: 20px 0 0 0;
}

.pricingContent>ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.pricingContent>ul>li {
    border-top: 1px solid #ddd;
    padding: 5px 0;
    letter-spacing: 0.5px;
    line-height: 25px;
    color: #555;
    text-align: center;
    transition: 0.4s ease-in-out;
}

.dark_bg .pricingContent>ul>li {
    color: #fff;
    border-top: 1px solid #fff;
}

.pricingContent>ul>li:before {
    content: "\f101";
    font-family: 'FontAwesome';
    color: #00CDE5;
    margin-right: 10px;
}

.pricingContent>ul>li:hover {
    padding-left: 15px;
    transition: 0.4s ease-in-out;
}

.pricingContent>ul>li:last-child {
    border-bottom: 1px solid #dbdbdb;
}

.pricingTable>.pricingTable-sign-up {
    padding: 25px 0;
}

/*
* ----------------------------------------------------------------------------------------
* 09. END PRICING TABLE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 10. START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testi_overlay {
    background: rgba(7, 1, 90, 0.6) none repeat scroll 0 0;
    padding: 60px 0;
}

.single_testimonial {
    text-align: center;
}

.single_testimonial .pic img {
    width: 85px;
    width: 85px;
    display: inline-block;
}

.single_testimonial .pic {
    margin-bottom: 35px;
}

.single_testimonial .pic img {
    background: #fff;
    border-radius: 50%;
}

.single_testimonial .testimonial-review {
    color: #fff;
    line-height: 28px;
    margin-bottom: 14px;
}

.testimonial-review .testimonial-description {
    font-style: italic;
    margin: 15px 0;
    color: #fff;
}

.single_testimonial .testimonial-title {
    color: var(--primary);
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    text-transform: capitalize;
}

/*
* ----------------------------------------------------------------------------------------
* 10. END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11. START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.post-slide {
    transition: all 0.30s ease 0s;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.dark_bg .post-slide {
    border: 1px solid #384967;
}

.post-slide .post-img {
    position: relative;
}

.post-slide .post-img img {
    width: 100%;
    height: auto;
}

.post-slide .post-img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: #f44f1161;
    transition: all 0.30s ease 0s;
}

.post-slide:hover .post-img:after {
    opacity: 1;
}

.post-slide .icons {
    position: absolute;
    bottom: -16px;
    left: 30px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}

.post-slide .icons img {
    width: 100%;
    height: auto;
}

.post-slide .post-review {
    border-top: none;
    padding: 35px 20px 25px;
    background: #fff;
    position: relative;
}

.dark_bg .post-slide .post-review {
    background: transparent;
}

.post-slide .post-bar {
    padding: 0;
    list-style: none;
}

.post-slide .post-bar li {
    display: inline-block;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    margin-right: 10px;
    text-transform: capitalize;
}

.dark_bg .post-slide .post-bar li {
    color: #00CDE5;
}

.post-slide .post-bar li i {
    color: #f44f11 !important;
    margin-right: 8px;
}
.post_detail .post-bar li i {
    color: #f44f11 !important;
    margin-right: 8px;
}
.post_detail .post-bar li {
    display: inline-block;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-right: 10px;
    text-transform: capitalize;
}
.post_detail .post-bar {
    padding: 0;
    list-style: none;
}

.post-slide .post-title {
    margin: 0 0 15px 0px;
    color: #222;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 22px;
}

.post-slide .post-title:hover {
    color: var(--primary);
}

.dark_bg .post-slide .post-title {
    color: #fff;
}

.dark_bg .post-slide .post-title:hover {
    color: #00CDE5;
}

.post-slide .read {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
    color: #00CDE5;
}

.dark_bg .post-slide .read {
    color: #fff;
}

.post-slide .read i {
    margin-left: 10px;
}

.post-slide .post-description {
    margin-bottom: 10px;
}

.dark_bg .post-slide .post-description {
    color: #fff;
}

.post-slide .read {
    transition: all 0.4s;
}

.post-slide .read:hover {
    text-decoration: none;
    color: #333;
}

.dark_bg .post-slide .read:hover {
    color: #00CDE5;
    text-decoration: none;
}

/*
* ----------------------------------------------------------------------------------------
* 11. END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12. START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact-form-area form input {
    width: 47%;
    margin: 0px 30px 30px 0px;
    padding: 25px;
    border-width: 1px;
    border-color: rgb(57 79 236);
    border-style: solid;
    border: 1px solid #00CDE5;
    font-size: 16px;
    box-shadow: 0px 3px 29px 0px rgb(0 0 0 / 14%);
}

.contact-form-area form textarea {
    width: 97%;
    padding: 25px 0px 0px 25px;
    border-width: 1px;
    border-color: rgb(57 79 236);
    border-style: solid;
    border: 1px solid var(--primary);
    box-shadow: 0px 3px 29px 0px rgb(0 0 0 / 14%);
    margin: 0px 0px 60px 0px;
    height: 160px;
    font-size: 16px;

}

/*
* ----------------------------------------------------------------------------------------
* 12. END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14. START COPYRIGHT DESIGN
* ----------------------------------------------------------------------------------------
*/
.copyright_area {
    background: var(--primary);
}

.copy_text {
    padding: 10px 0;
}

.copy_text p {
    color: #fff;
    margin-top: 20px;
    padding-bottom: 2px;
}

/*
* ----------------------------------------------------------------------------------------
* 14. END COPYRIGHT DESIGN
* ----------------------------------------------------------------------------------------
*/
a {
    color: var(--primary) !important;
}

li i {
    color: #fff !important;
}

.grid_item_area .galler {
    min-height: 300px;
}

.grid_item_area .galler img {

    height: 300px;
    object-fit: cover;
    object-position: center;
}

.navbar-brand {
    padding: 0 !important;
}

.navbar-brand p {
    font-size: 22px !important;
}

.navbar-brand img {
    width: 80px;
}

/*.dropbtn {
 
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}*/

/*.dropdown {
  position: relative;
  display: inline-block;
}*/

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 10px;
    margin: 20px 10px !important;

}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: 0 !important;
        right: auto !important;
    }
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {

    background-color: #0000;
}

/*
.dropdown-content a:hover {
    background-color: #f1f1f1;
}*/

/*.dropdown:hover .dropdown-content {
  display: block;
}
*/
.bg-dark {
    background: #000;
    padding: 25px 0;
}

.bg-dark p,
h5 {
    color: #fff;
}

.text-white {
    color: #fff !important;
}

.page__banner {
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 140px;
    padding-bottom: 120px;
    overflow: hidden;
}

.page__banner:after {
    content: "";
    position: absolute;
    background: rgb(0 0 0 / 35%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.fltimg {
    float: left;
    margin: 0px 15px 15px 0px;
    padding: 20px 20px 20px 0;
}

.hidden-text {

    overflow: hidden;

}

.more {
    display: none;
}

.post {
    color: #e5e5e5;
    font-size: 18px;
    text-align: justify;
    line-height: 25px;
    font-family: 'Work Sans', sans-serif;
    margin-top: 30px;
}

.post:not(:last-child) {
    margin-bottom: 30px;

}

.text-left {
    text-align: left !important;
}

.collapse {
    padding: 6px 20px;
}

.collapse-heading {
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    margin: 10px;

}

.post-slide {
    padding: 20px 0;
}

/* section, .container{
    max-width: 1349px!important;
} */
.geek1 a {
    color: #fff !important;
}

.marq {
    background-color: #f44f11;
    padding: 5px;
    margin-bottom: 5px;
}

/* bygone years starts */

.bygone_years h2 {
    font-size: 32px;
    color: #f44f11;
    font-weight: 700;
    margin: 15px 0 20px;
}
.bygone_years p {
    color: #000;
    text-align: justify;
}

/* bygone years ends */

/* home service section starts */

.service_card {
    width: 92%;
    margin: 0 auto;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    height: 100%;
    transition: all 0.8s ease;
}

.service_card:hover {
    transition: all 0.8s ease;
    transform: translateY(-10px);
}

.service_card img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 15px;
}

.service_card h3 {
    font-size: 20px;
    color: #f44f11;
}

.service_card p {
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    line-height: 25px;
    font-size: 14px;
}
.service_icon{
    background: url(../img/advantage-seniors/service_icon.webp);
    background-size: cover;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    margin: 20px auto;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.service_icon img{
    width: 70px;
    margin-bottom: 0px;
    border-radius: 0px;
}

.public_engage h4 {
    font-weight: 600;
    font-size: 25px;
    color: #f44f11;
}

.public_engage p {
    text-align: justify;
}

/* home service section ends */

/* testimonial starts */

.testimonial_section {
    background: url(../img/testimonial/testimonial.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    padding: 60px 0px;
}

.testimonial_section::before {
    position: absolute;
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(7, 1, 90, 0.6);
}

.z_front {
    position: relative;
    z-index: 1;
}

.testimonial_section h2 {
    font-weight: 600;
    font-size: 32px;
    color: #fff;
    text-align: center;
}

.testimonial_section p {
    color: #fff;
}

.testimonial_img {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.testimonial_img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
}

.testimonial_card {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    /* height: 100%; */
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.10);
}
.testimonial_section .single-slide-item:after{
    display:none;
}

.testimonial_card h5 {
    color: #f44f11;
    font-size: 18px;
    font-weight: 600;
}

.testimonial_card p {
    color: #000;
    font-size: 14px;
    text-align: justify;
}

.owl-testimonial .owl-dots,
.owl-testimonial .owl-nav {
    display: none;
}

/* testimonial ends */

/* real stories new starts */

.real_story_card {
    width: 95%;
    margin: 0 auto;
    padding: 20px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.10);
    border-radius: 20px;
    height: 100%;
}

.real_img {
    height: 100%;
}

.real_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

.real_content {
    padding: 2.25rem 2.25rem 1.5rem;
}

.real_content h3 {
    font-size: 20px;
    color: #000;
}

.real_content h6 {
    color: #0047c1;
    font-size: 16px;
}

.real_content p {
    color: #000;
    line-height: 25px;
    font-size: 14px;
}

/* real stories new ends */

/* real stories details starts */

.detail_img img {
    width: 70%;
    border-radius: 10px;
}

.detail_content h2 {
    font-weight: 600;
    color: #000;
}

.detail_content h4 {
    background: #0047c1;
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
}

.detail_content h6 {
    color: #f44f11;
    font-size: 20px;
    font-weight: 600;
}

/* real stories details ends */

/* lionel starts */

.dialogue_section .org_clr {
    color: #f44f11 !important;
    font-size: 20px !important;
}

.dialogue_section .blu_clr {
    color: #004ac9 !important;
    font-size: 20px !important;
}

.dialogue_section h6 {
    margin-bottom: 20px;
    line-height: 30px;
}

/* lionel ends */

/* faq new starts */

.ac-it .ac-he {
    font-weight: 600 !important;
    font-size: 20px;
}

.ac-bo li {
    font-weight: 400 !important;
    font-size: 16px;
    margin-bottom: 10px;
    color: #000;
    line-height: 30px;
}

.ac-it .collapse {
    padding: 0px !important;
}

.ac-it i {
    color: #f44f11 !important;
}

.ac-he .accordion-button:not(.collapsed) {
    background: #f44f11 !important;
    color: #fff !important;
}

.accordion-button:focus {
    box-shadow: none !important;
}

/* faq new ends */

/* letter page starts */

.lole_img img {
    width: 150px;
}

.lole_tit h2 {
    font-weight: 700;
    color: #f44f11;
    margin: 0;
}

.lole_content p {
    text-align: justify;
    color: #000;
}

.lole_content h6 {
    text-align: end;
    font-size: 25px;
    font-weight: 600;
}
.lole_content h5{
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}
.lole_content h4{
    font-size: 18px;
    line-height: 30px;
}
.lole_content i{
    color: #f44f11;
    font-size: 16px;
}
/* letter page ends */

/* acknowledgement starts */

.ack_content .ack_logo {
    width: 150px !important;
    margin-bottom: 25px;
}

.ack_content h2 {
    color: #f44f11;
    font-weight: 600;
    text-align: center;
}
.ack_content p{
    text-align: justify;
    color: #000;
}
.ack_content span{
    font-weight: 600;
}
.ack_content img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* acknowledgement ends */

/* what sets apart starts */

.what_sets_content h2{
    font-weight: 600;
    color: #f44f11;
}
.what_sets_content p{
    color: #000;
    text-align: justify;
}
.what_sets_content h3{
    font-weight: 600;
    color: #f44f11;
    font-size: 25px;
}

/* what sets apart ends */

/* footer starts */

.social-icon a{
    margin: 0px 5px;
}
.cont_info i{
    margin-right: 5px;
    color: #f44f11;
}
.cont_info p{
    margin-right: 5px;
}
.cont_info a{
    color: #fff !important;
}

/* footer ends */

/* social icon starts */

.social_icon{
    position: fixed;
      right: 0;
      bottom: 3%;
      z-index: 111;
  }
  .social_icon ul{
    padding-left: 0;
    list-style: none;
  }
  .social_icon ul .en_what {
    font-size: 20px;
    background: linear-gradient(317deg, #1cf743, #116814);
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    color: #fff;
    position: absolute;
    bottom: 425px;
    right: 0;
    justify-content: center;
  }
  .social_icon ul .call_ic {
    font-size: 20px;
    background: #f44f11;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    color: #fff;
    position: absolute;
    bottom: 60px;
    right: 0;
    justify-content: center;
	 z-index: 1000;
  }

  .social_icon ul .en_quiry{
    font-size: 15px;
    background: linear-gradient(317deg, #298000, #00c644);
    color: #fff !important;
    display: inherit;
    word-wrap: break-word;
    padding: 5px 10px;
    position: absolute;
    width: 30px;
    bottom: 130px;
    right: 0;
    z-index: 1000;
  }
  
  /* social icon ends */

  /* banner content starts */

  .banner_content p{
    color: #000;
    text-align: justify;
  }
  .banner_content img{
    width: 150px;
    margin-bottom: 20px;
  }

  /* banner content ends */


  /* enquiry starts */

.job-form .clse_btn {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    background: #f44f11;
    width: 25px;
    height: 25px;
    z-index: 1;
    color: #fff;
}

.form_field {
    margin: 10px 0px;
}

.job-form .mo-co {
    padding: 20px !important;
}

.pop_tit img {
    width: 140px;
    margin-bottom: 10px;
}

.job-form h4 {
    font-weight: 600;
    font-size: 16px;
}

.job-form label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.job-form .form-control {
    font-weight: 400;
    font-size: 14px !important;
}

.job-form .form-control:focus {
    box-shadow: none !important;
}

.job-form input::placeholder,
.job-form textarea::placeholder {
    color: #dddddd;
}

.mo-di {
    max-width: 400px !important;
}

/* enquiry ends */

/* company information starts */

.company_card{
    width: 90%;
    margin: 0 auto;
    border-radius: 20px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    height: 100%;
    transition: all 0.8s ease;
    padding: 15px;
    background: #fff;
}
.company_icon{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: #ffcbb8;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto 15px;
    transition: all 0.8s ease;
}
.company_icon img{
    width: 40px;
    height: 40px;
}
.company_card h3{
    font-weight: 600;
    font-size: 20px;
}
.company_card:hover{
    background: #ffcbb8;
}
.company_card:hover .company_icon{
    background: #fff;
}

/* company information ends */

/* location starts */

.loc_icon{
    width: 50px;
    height: 50px;
    padding: 12px;
    border-radius: 10px;
    background: #f44f11;
    margin-bottom: 20px;
}
.location_section p{
    color: #000;
    font-size: 16px;
}

/* location ends */

.pos_sti{
    position: sticky !important;
    top: 2%;
}

/* request starts */

.request_content h2{
    color: #f44f11;
    font-weight: 700;
    font-size: 25px;
}

/* request ends */