/*-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Default CSS
    2. Header CSS
    3. Slider CSS
    4. Cowork CSS
    5. Benefit CSS
    6. Pricing CSS
    7. Event CSS
    8. Testimonial CSS
    9. Mentor CSS
    10. Article CSS
    11. Scrollup CSS
    12. Footer CSS
    13. Fun CSS
    14. Partner CSS
    15. Gallery CSS
    16. Contact CSS

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1. Default CSS
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');

body {
    color: #333;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'Poppins', sans-serif;
    background-color: #f8f9fa;
}

.clear {
    clear: both
}

.fix {
    overflow: hidden
}

.block {
    display: block
}

img {
    max-width: 100%;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    height: auto;
    border-radius: 8px;

}

img:hover {
    transform: scale(1.03);

}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    margin: 0 0 1rem 0;
    padding: 0;
    color: #222;
    line-height: 1.25;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.25rem;
}

h5 {
    font-size: 1.125rem;
}

h6 {
    font-size: 1rem;
}

a {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

a:focus {
    text-decoration: none;
}

.single-banner {
    background-position: center center;
    background-size: cover;
}

a:focus,
a:hover {
    color: #333;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0 none;
}

a,
button,
input {
    outline: medium none;
    color: #606060;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

button {
    border: 0
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

label {
    font-size: 15px;
    font-weight: 400;
    color: #606060;
}

*::-moz-selection {
    background: #e77817;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    color: #fff;
    background: #e77817;
    text-shadow: none;
}

::selection {
    background: #e77817;
    text-shadow: none;
    color: #fff;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.mark,
mark {
    background: #4fc1f0 none repeat scroll 0 0;
    color: #fff;
}

font-weight: 600;
}

.f-left {
    float: left
}

.f-right {
    float: right
}

p {
    font-size: 16px;
    line-height: 1.75;
    color: #444;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 1rem;
}

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

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #969696;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #969696;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #969696;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #969696;
}

.default-btn {
    border: 1px solid #fff;
    border-radius: 5px;
    color: #333;
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-top: 25px;
    overflow: hidden;
    padding: 12px 42px;
    position: relative;
    text-transform: uppercase;
    z-index: 9;
    background: #fff;
}

.default-btn:hover {
    color: #fff;
    background: #333
}

.banner-btn {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #0066cc;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 38px;
    overflow: hidden;
    padding: 0 35px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.banner-btn::after {
    content: attr(data-text);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateY(100%);
    transition: all 0.3s ease 0s;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-btn span {
    transition: all 0.3s ease 0s;
}

.banner-btn:hover {
    background: #0066cc;
    color: #fff;
    border: 1px solid #0066cc;
}

.banner-btn:hover>span {
    opacity: 0;
    transform: translateY(-100%);
    display: inline-block;
}

.banner-btn:hover::after {
    opacity: 1;
    transform: translateY(0);
}

input,
select,
textarea {
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.banner-area {
    background: rgba(0, 0, 0, 0) url("../img/banner/article.jpg") no-repeat scroll center center / cover;
    position: relative;
    width: 100%;
    z-index: 1;
}

.banner-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    content: "";
    background: rgba(0, 0, 0, 0.15);
    z-index: 9;
}

.banner-content {
    padding: 112px 0 193px;
}

.banner-content h2 {
    font-size: 36px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-transform: capitalize;
}

.banner-breadcrumb ul li {
    display: inline-block;
    padding: 30px 0;
}

.banner-breadcrumb ul li a,
.banner-breadcrumb ul li {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.banner-breadcrumb ul li:hover a {
    color: #1579b5
}


/*************************
     Basic margin padding
*************************/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

/*************************
        Margin top
*************************/
.mt-0 {
    margin-top: 0
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-23 {
    margin-top: 23px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-45 {
    margin-top: 45px
}

.mt-50 {
    margin-top: 50px
}

.mt-55 {
    margin-top: 55px
}

.mt-60 {
    margin-top: 60px
}

.mt-65 {
    margin-top: 65px
}

.mt-70 {
    margin-top: 70px
}

.mt-75 {
    margin-top: 75px
}

.mt-80 {
    margin-top: 80px
}

.mt-85 {
    margin-top: 85px
}

.mt-90 {
    margin-top: 90px
}

.mt-95 {
    margin-top: 95px
}

.mt-96 {
    margin-top: 96px
}

.mt-100 {
    margin-top: 100px
}

.mt-105 {
    margin-top: 105px
}

.mt-110 {
    margin-top: 110px
}

.mt-115 {
    margin-top: 115px
}

.mt-120 {
    margin-top: 120px
}

.mt-125 {
    margin-top: 125px
}

.mt-130 {
    margin-top: 130px
}

.mt-135 {
    margin-top: 135px
}

.mt-140 {
    margin-top: 140px
}

.mt-145 {
    margin-top: 145px
}

.mt-150 {
    margin-top: 150px
}

.mt-157 {
    margin-top: 157px
}

.mt-195 {
    margin-top: 195px
}

/*************************
      Margin right
*************************/
.mr-0 {
    margin-right: 0px
}

.mr-2 {
    margin-right: 2px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

.mr-50 {
    margin-right: 50px
}

.mr-60 {
    margin-right: 60px
}

.mr-70 {
    margin-right: 70px
}

.mr-80 {
    margin-right: 80px
}

.mr-90 {
    margin-right: 90px
}

.mr-100 {
    margin-right: 100px
}

.mr-110 {
    margin-right: 110px
}

.mr-120 {
    margin-right: 120px
}

.mr-130 {
    margin-right: 130px
}

.mr-140 {
    margin-right: 140px
}

.mr-150 {
    margin-right: 150px
}

/*************************
    Margin bottom
*************************/
.mb-0 {
    margin-bottom: 0px
}

.mb-2 {
    margin-bottom: 2px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-23 {
    margin-bottom: 23px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-33 {
    margin-bottom: 33px
}

.mb-35 {
    margin-bottom: 35px
}

.mb-38 {
    margin-bottom: 38px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-45 {
    margin-bottom: 45px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-55 {
    margin-bottom: 55px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-65 {
    margin-bottom: 65px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-75 {
    margin-bottom: 75px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-85 {
    margin-bottom: 85px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-95 {
    margin-bottom: 95px
}

.mb-96 {
    margin-bottom: 96px
}

.mb-100 {
    margin-bottom: 100px
}

.mb-105 {
    margin-bottom: 105px
}

.mb-110 {
    margin-bottom: 110px
}

.mb-115 {
    margin-bottom: 115px
}

.mb-120 {
    margin-bottom: 120px
}

.mb-125 {
    margin-bottom: 125px
}

.mb-128 {
    margin-bottom: 128px
}

.mb-130 {
    margin-bottom: 130px
}

.mb-135 {
    margin-bottom: 135px
}

.mb-140 {
    margin-bottom: 140px
}

.mb-145 {
    margin-bottom: 145px
}

.mb-150 {
    margin-bottom: 150px
}

.mb-220 {
    margin-bottom: 220px
}

.mb-350 {
    margin-bottom: 350px
}

/*************************
    Margin left
*************************/
.ml-0 {
    margin-left: 0
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.ml-30 {
    margin-left: 30px
}

.ml-40 {
    margin-left: 40px
}

.ml-50 {
    margin-left: 50px
}

.ml-60 {
    margin-left: 60px
}

.ml-70 {
    margin-left: 70px
}

.ml-85 {
    margin-left: 85px
}

.ml-80 {
    margin-left: 80px
}

.ml-90 {
    margin-left: 90px
}

.ml-100 {
    margin-left: 100px
}

.ml-110 {
    margin-left: 110px
}

.ml-120 {
    margin-left: 120px
}

.ml-130 {
    margin-left: 130px
}

.ml-140 {
    margin-left: 140px
}

.ml-150 {
    margin-left: 150px
}

/*************************
    Padding top
*************************/
.pt-0 {
    padding-top: 0
}

.pt-10 {
    padding-top: 10px
}

.pt-12 {
    padding-top: 12px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-23 {
    padding-top: 23px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-35 {
    padding-top: 35px
}

.pt-38 {
    padding-top: 38px
}

.pt-40 {
    padding-top: 40px
}

.pt-45 {
    padding-top: 45px
}

.pt-50 {
    padding-top: 50px
}

.pt-55 {
    padding-top: 55px
}

.pt-60 {
    padding-top: 60px
}

.pt-65 {
    padding-top: 65px
}

.pt-66 {
    padding-top: 66px
}

.pt-70 {
    padding-top: 70px
}

.pt-72 {
    padding-top: 72px
}

.pt-75 {
    padding-top: 75px
}

.pt-80 {
    padding-top: 80px
}

.pt-85 {
    padding-top: 85px
}

.pt-90 {
    padding-top: 90px
}

.pt-95 {
    padding-top: 95px
}

.pt-96 {
    padding-top: 96px
}

.pt-98 {
    padding-top: 98px
}

.pt-100 {
    padding-top: 100px
}

.pt-104 {
    padding-top: 104px
}

.pt-105 {
    padding-top: 105px
}

.pt-108 {
    padding-top: 108px
}

.pt-110 {
    padding-top: 110px
}

.pt-112 {
    padding-top: 112px
}

.pt-113 {
    padding-top: 113px
}

.pt-115 {
    padding-top: 115px
}

.pt-117 {
    padding-top: 117px
}

.pt-120 {
    padding-top: 120px
}

.pt-122 {
    padding-top: 122px
}

.pt-123 {
    padding-top: 123px
}

.pt-124 {
    padding-top: 124px
}

.pt-125 {
    padding-top: 125px
}

.pt-130 {
    padding-top: 130px
}

.pt-135 {
    padding-top: 135px
}

.pt-140 {
    padding-top: 140px
}

.pt-145 {
    padding-top: 145px
}

.pt-150 {
    padding-top: 150px
}

.pt-152 {
    padding-top: 152px
}

.pt-155 {
    padding-top: 155px
}

.pt-157 {
    padding-top: 157px
}

.pt-160 {
    padding-top: 160px
}

.pt-195 {
    padding-top: 195px
}

.pt-220 {
    padding-top: 220px
}

/*************************
    Padding right
*************************/
.pr-0 {
    padding-right: 0
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-30 {
    padding-right: 30px
}

.pr-40 {
    padding-right: 40px
}

.pr-50 {
    padding-right: 50px
}

.pr-60 {
    padding-right: 60px
}

.pr-70 {
    padding-right: 70px
}

.pr-80 {
    padding-right: 80px
}

.pr-90 {
    padding-right: 90px
}

.pr-100 {
    padding-right: 100px
}

.pr-110 {
    padding-right: 110px
}

.pr-120 {
    padding-right: 120px
}

.pr-130 {
    padding-right: 130px
}

.pr-140 {
    padding-right: 140px
}

/*************************
    Padding bottom
*************************/
.pb-0 {
    padding-bottom: 0
}

.pb-10 {
    padding-bottom: 10px
}

.pb-12 {
    padding-bottom: 12px
}

.pb-14 {
    padding-bottom: 14px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-35 {
    padding-bottom: 35px
}

.pb-38 {
    padding-bottom: 38px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-45 {
    padding-bottom: 45px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-55 {
    padding-bottom: 55px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-65 {
    padding-bottom: 65px
}

.pb-66 {
    padding-bottom: 66px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-75 {
    padding-bottom: 75px
}

.pb-78 {
    padding-bottom: 78px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-83 {
    padding-bottom: 83px
}

.pb-85 {
    padding-bottom: 85px
}

.pb-88 {
    padding-bottom: 88px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-95 {
    padding-bottom: 95px
}

.pb-96 {
    padding-bottom: 96px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-105 {
    padding-bottom: 105px
}

.pb-110 {
    padding-bottom: 110px
}

.pb-115 {
    padding-bottom: 115px
}

.pb-118 {
    padding-bottom: 118px
}

.pb-120 {
    padding-bottom: 120px
}

.pb-125 {
    padding-bottom: 125px
}

.pb-128 {
    padding-bottom: 128px
}

.pb-130 {
    padding-bottom: 130px
}

.pb-135 {
    padding-bottom: 135px
}

.pb-140 {
    padding-bottom: 140px
}

.pb-145 {
    padding-bottom: 145px
}

.pb-150 {
    padding-bottom: 150px
}

.pb-185 {
    padding-bottom: 185px
}

.pb-190 {
    padding-bottom: 190px
}

.pb-195 {
    padding-bottom: 195px
}

.pb-220 {
    padding-bottom: 220px
}

/*************************
    Padding left
*************************/
.pl-0 {
    padding-left: 0
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-30 {
    padding-left: 30px
}

.pl-40 {
    padding-left: 40px
}

.pl-50 {
    padding-left: 50px
}

.pl-60 {
    padding-left: 60px
}

.pl-70 {
    padding-left: 70px
}

.pl-80 {
    padding-left: 80px
}

.pl-90 {
    padding-left: 90px
}

.pl-100 {
    padding-left: 100px
}

.pl-110 {
    padding-left: 110px
}

.pl-120 {
    padding-left: 120px
}

.pl-130 {
    padding-left: 130px
}

.pl-140 {
    padding-left: 140px
}

.pl-150 {
    padding-left: 150px
}

/***************************
    Page section padding 
****************************/
.ptb-0 {
    padding: 0
}

.ptb-10 {
    padding: 10px 0
}

.ptb-18 {
    padding: 18px 0
}

.ptb-20 {
    padding: 20px 0
}

.ptb-30 {
    padding: 30px 0
}

.ptb-40 {
    padding: 40px 0
}

.ptb-50 {
    padding: 50px 0
}

.ptb-60 {
    padding: 60px 0
}

.ptb-70 {
    padding: 70px 0
}

.ptb-80 {
    padding: 80px 0
}

.ptb-90 {
    padding: 90px 0
}

.ptb-100 {
    padding: 100px 0
}

.ptb-110 {
    padding: 110px 0
}

.ptb-120 {
    padding: 120px 0
}

.ptb-130 {
    padding: 130px 0
}

.ptb-140 {
    padding: 140px 0
}

.ptb-150 {
    padding: 150px 0
}

/***************************
    Page section margin 
****************************/
.mtb-0 {
    margin: 0
}

.mtb-10 {
    margin: 10px 0
}

.mtb-15 {
    margin: 15px 0
}

.mtb-20 {
    margin: 20px 0
}

.mtb-30 {
    margin: 30px 0
}

.mtb-40 {
    margin: 40px 0
}

.mtb-50 {
    margin: 50px 0
}

.mtb-60 {
    margin: 60px 0
}

.mtb-70 {
    margin: 70px 0
}

.mtb-80 {
    margin: 80px 0
}

.mtb-90 {
    margin: 90px 0
}

.mtb-100 {
    margin: 100px 0
}

.mtb-110 {
    margin: 110px 0
}

.mtb-120 {
    margin: 120px 0
}

.mtb-130 {
    margin: 130px 0
}

.mtb-140 {
    margin: 140px 0
}

.mtb-150 {
    margin: 150px 0;
}

/*----------------------------------------*/
/*  2. Header CSS
/*----------------------------------------*/
.logo a {
    display: inline-block
}

.logo {
    padding: 27px 0 23px;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}

.top {
    background: #fff;
}

.main-menu ul li {
    display: inline-block;
    position: relative;
    transition: all 0.6s ease 0s;
}

.header-contact>a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #1579b5;
    border-radius: 25px;
    color: #666;
    margin-top: 13px;
    transition: all 0.6s ease 0s;
}

.main-menu ul li a {
    color: #333;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 101px;
    padding: 0 14px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.main-menu ul li a::after {
    content: '';
    position: absolute;
    bottom: 35px;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #0066cc;
    transition: all 0.3s ease 0s;
    transform: translateX(-50%);
}

.main-menu ul li:hover a::after {
    width: 80%;
}

.main-menu ul li:last-child a {
    padding-right: 0px;
}

.main-menu>nav>ul>li:hover>a {
    color: #0066cc;
}

.main-menu ul li ul {
    background: #fff none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    padding: 10px 18px;
    position: absolute;
    text-align: left;
    top: 100%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 160px;
    z-index: 999;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

.main-menu ul li:hover>ul {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.main-menu ul li ul li a {}

.main-menu ul li ul li {
    display: block;
    margin: 0;
    padding: 7px 0;
}

.sticky .main-menu ul li ul li {
    padding: 0px 0;
}

.main-menu ul li ul li a {
    color: #252525;
    display: block;
    font-size: 14px;
    line-height: 26px;
    padding: 0;
    text-transform: capitalize;
}

.main-menu ul li ul span {
    float: right;
    font-size: 15px;
    line-height: 20px;
    margin-right: 22px;
}

.main-menu ul li ul li:hover>a {
    padding-left: 5px;
    color: #1579b5
}

.main-menu ul li ul li a:before {
    display: none;
}

.main-menu ul li ul li>ul {
    left: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 17%;
    visibility: hidden;
}

.main-menu.text-left span {
    float: right;
}

.mobile-menu-area,
.mean-container .mean-bar:after {
    display: none
}

.mean-container .mean-bar {
    background: transparent none repeat scroll 0 0;
    min-height: 0;
    padding: 0;
}

.sticky .main-menu ul li a {
    line-height: 43px;
    transition: all 0.6s ease 0s;
}

.sticky .header-social ul li a {
    line-height: 69px;
    transition: all 0.6s ease 0s;
}

.mean-container a.meanmenu-reveal {
    border: 1px solid #1579b5;
    color: #000;
    margin-top: -65px;
    padding: 4px 5px;
    position: absolute;
    transition: all 0.6s ease 0s;
}

.mean-container a.meanmenu-reveal span {
    background-color: #1579b5
}

.mean-container .mean-nav {
    border-right: 1px solid rgba(0, 0, 0, 0.5);
    margin-top: 0;
}

.headroom {
    -webkit-transition: -webkit-transform 200ms linear 0s;
    transition: -webkit-transform 200ms linear 0s;
    transition: transform 200ms linear 0s;
    transition: transform 200ms linear 0s, -webkit-transform 200ms linear 0s;
    will-change: transform;
}

.headroom--pinned {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.headroom--unpinned {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.intelligent-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}

.intelligent-header.headroom--pinned {}

.intelligent-header.headroom--not-top {
    background: #fff none repeat scroll 0 0;
    padding: 10px 0;
}

.top {
    background-color: #fff;
    // min-height: 101px;
}

.header-sticky {
    background-color: #fff;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: all 0.6s ease 0s;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.header-sticky.sticky {
    background: rgba(255, 255, 255, 0.95);
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: all 0.6s ease 0s;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
}

.sticky .main-menu>nav>ul>li>a {
    line-height: 69px;
    transition: all 0.6s ease 0s;
}

.sticky .header-contact a {
    margin-top: 25px
}

.sticky .logo {
    padding: 12px 0 8px;
    transition: all 0.6s ease 0s;
}

.logo a {
    transition: all 0.6s ease 0s;
}

.logo a img {
    transition: all 0.6s ease 0s;
}


.sticky .logo a {
    transition: all 0.6s ease 0s;
}

.sticky .logo a img {
    transition: all 0.6s ease 0s;
}




.header-area .sticky {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4);
    transition: all 0.6s ease 0s;
}

.menu-style-toggle nav {
    margin-right: -30px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.menu-style-toggle nav.menu-open {
    margin-right: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.menu-style-toggle nav {
    float: left;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.main-menu.mean-menu.menu-style-toggle.text-right {
    float: right;
}

.mobile-header {
    background: #fff none repeat scroll 0 0;
    display: none;
    left: 0;
    margin: auto;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.mobile-logo img {
    width: 40px;
}

.menu-icon {
    border: 1px solid #464646;
    box-sizing: content-box;
    color: #464646;
    cursor: pointer;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    padding: 4px 5px;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 25px;
    width: 22px;
}

.menu-icon span {
    background-color: #333;
    display: block;
    height: 3px;
    margin-top: 3px;
    box-sizing: content-box
}

.mobile-menu-area {
    background-color: #fff;
    display: block;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.mobile-menu-area .menu-close {
    background-color: transparent;
    border: 2px solid #858585;
    border-radius: 50%;
    color: #858585;
    height: 40px;
    padding: 0;
    width: 40px;
    margin-bottom: 30px;
}

.mobile-menu-area .menu-close:hover {
    color: #433a8b;
    border-color: #433a8b;
}

.mobile-menu-area .menu-close i {
    display: block;
    font-size: 30px;
    line-height: 30px;
    padding-right: 2px;
}

.sticky .menu-toggle {
    margin-top: 32px;
}

.header-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-social ul li {
    display: inline-block;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}

.header-social ul li a {
    display: block;
    font-size: 16px;
    color: #191919;
    line-height: 100px;
    padding: 0 13px;
    transition: all 0.6s ease 0s;
}

.header-social ul li:last-child a {
    padding-right: 0px;
}

.header-social ul li:first-child a {
    padding-left: 0px;
}

.header-social ul li:hover a {
    color: #1579b5
}

/*----------------------------------------*/
/*  3. Slider CSS
/*----------------------------------------*/
.slider-area,
.single-banner {
    position: relative;
    overflow: hidden
}

.single-slide:after,
.single-banner:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
}

.slider-area img {
    width: 100%;
}

.slide-content,
.text-content {
    z-index: 99;
    position: relative
}

.text-content-wrapper,
.slider-area img {
    width: 100%;
}

.slide-content-wrapper {
    display: inline-table;
    width: 100%;
}

.slide-content {
    display: table-cell;
    // text-align: center;
    vertical-align: middle;
}

.slide-content h1 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

.slide-content p {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 30px;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

.slider-area .banner-btn {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

.slider-area .owl-item.active .slide-content h1,
.slider-area .owl-item.active .slide-content p,
.slider-area .owl-item.active .banner-btn {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.slider-area .owl-item.active .banner-btn {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.single-banner .slide-content h1,
.single-banner .slide-content p,
.single-banner .banner-btn {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.slider-area .owl-item.active .slide-content h5,
.slider-area .owl-item.active .slide-content h4 {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms
}

.slider-area .owl-item.active .slide-content h1 {
    -webkit-animation-delay: 750ms;
    animation-delay: 750ms
}

.slider-area .owl-item.active .slide-content p {
    -webkit-animation-delay: 1100ms;
    animation-delay: 1100ms
}

.slider-area .owl-item.active .slide-content .banner-btn {
    -webkit-animation-delay: 1700ms;
    animation-delay: 1700ms
}

.owl-nav div {
    background: rgba(255, 255, 255, 0.7);
    color: #1579b5;
    font-size: 18px;
    border-radius: 20px;
    height: 40px;
    left: -46px;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
    z-index: 999;
}

.owl-nav .owl-next {
    left: auto;
    right: -46px;
}

.slider-area:hover .owl-nav div {
    left: 10px;
}

.slider-area:hover .owl-nav .owl-next {
    left: auto;
    right: 10px;
}

.owl-nav div:hover {
    rgba(0, 46, 91, 0.9);
    color: #1579b5
}

.single-slide {
    background-position: top center;
    background-size: cover
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.fadeInDown {
    animation-name: fadeInDown;
}

.slider-area {
    height: calc(100vh - 100px);
}

.slider-area div {
    height: 100%
}

.fix {
    overflow: hidden
}

.slider-area .owl-nav div {
    height: auto;
}

.video-bg-img {
    background: rgba(0, 0, 0, 0) url("../img/banner/video.jpg") repeat fixed center center / cover;
}

/*----------------------------------------*/
/*  4. Cowork CSS
/*----------------------------------------*/
.cowork-area h2 {
    font-size: 24px;
    line-height: 1.75;
    color: #333;
}

.section-title h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 27px;
    text-transform: capitalize;
}

.section-title2 h1 {
    font-size: 28px;
    color: #333;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 80px 0 20px;
    text-transform: capitalize;
}

.section-title2 p {
    padding-bottom: 30px;
}

.benefit-area .section-title h1 {
    margin-bottom: 50px;
}

.cowork-content p {
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    line-height: 1.75;
    margin-bottom: 32px;
}

.cowork-img .col-sm-6 {
    margin-bottom: 10px
}

.cowork-img .col-sm-6,
.cowork-img .col-sm-12 {
    padding-left: 5px;
    padding-right: 5px;
}

.cowork-img .row {
    margin-left: -5px;
    margin-right: -5px;
}

.cowork-content {
    margin-right: 60px
}

.cowork-content .banner-btn {
    background: #1579b5;
    color: #fff;
    border: 1px solid #1579b5
}

.cowork-content img {
    padding: 30px;
}

/*----------------------------------------*/
/*  5. Benefit CSS
/*----------------------------------------*/
.benefit-area {
    background-image: url(../img/banner/benefit.jpg);
    background-size: cover;
    background-position: 16% 50%;
    background-repeat: no-repeat;
}

.single-benefit {
    overflow: hidden
}

.benefit-icon {
    float: left;
    margin-right: 20px;
    font-size: 30px;
    color: #000;
    margin-top: 1px
}

.benefit-content {
    display: table-cell;
}

.benefit-content h3 a {
    font-size: 20px;
    color: #353535;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 8px;
    display: block;
}

.benefit-content p {
    font-size: 13px;
    color: #666;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0px;
}

/*-----------------------------------------*/
/*  6. Pricing CSS
/*----------------------------------------*/
.pricing-area .section-title h2 {
    margin-bottom: 60px
}

.single-table {
    box-shadow: 0px 0px 27px 3px rgba(4, 5, 5, 0.04);
    transition: all 0.3s ease 0s;
}

.single-table:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);
}

.table-head h4 {
    font-size: 19px;
    color: #666;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    padding: 30px 0 10px 0;
    // border-bottom: 1px solid #EEE;
}

.table-head h3 {
    font-size: 28px;
    color: #0066cc;
    font-family: 'Poppins', sans-serif;
    padding: 10px 0 0 0;
    position: relative;
    display: inline-block;
}

.table-head {
    // border-bottom: 1px solid #EEE;
}

.table-head h3 span.doller {
    color: #4d4d4d;
    font-family: "Poppins", sans-serif;
    font-size: 31px;
    font-weight: 400;
    left: -20px;
    position: absolute;
    top: 8px;
}

.table-head h3 span.month {
    color: #4d4d4d;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    right: -33px;
    position: absolute;
    bottom: 20px;
    left: auto;
    top: auto;
}

.table-body {
    padding: 15px 0
}

.table-body ul li {
    font-size: 14px;
    color: #666;
    font-family: "Poppins", sans-serif;
    margin-bottom: 13px;
}

.table-body ul li:last-child {
    margin-bottom: 20px;
}

.table-body ul li p {
    min-height: 120px;
    font-size: 17px;
    padding: 0 20px;
}

.table-body a.banner-btn {
    background: #1579b5;
    color: #fff;
    border-radius: 5px;
    padding: 0px 35px;
    border: 1px solid #1579b5;
}

.table-body a.banner-btn:hover {
    color: #1579b5;
    background: #fff;
    border: 1px solid #1579b5;
}

.liubian {
    padding: 50px 0
}

/*----------------------------------------*/
/*  7. Event CSS
/*----------------------------------------*/
.area_bg {
    background: url(../img/banner/event.jpg) 50% no-repeat;
}

.area_bg_bg00 {
    background: url(../img/banner/bg00.jpg) 50% no-repeat;
}

.area_bg_contract {
    background: url(../img/banner/contract.jpg) 50% no-repeat;
}

.area_bg_career {
    background: url(../img/banner/career.jpg) 50% no-repeat;
}

.area_bg_contact {
    background: url(../img/banner/contact.jpg) 50% no-repeat;
}

.event-area {
    // background: url(../img/banner/event.jpg) 50% no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
}

.event-area:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    content: "";
}

.event-content h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 26px;
}

.event-content p {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 30px;
}

.event-content a {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0px;
    background: #1579b5;
    border-radius: 5px;
    border: 1px solid #1579b5;
    padding: 0 45px;
}

.event-content a:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #1579b5;
    z-index: 9;
}

.event-date {
    background: #f1f1f1 none repeat scroll 0 0;
    float: left;
    margin-right: 6px;
    padding: 17px 35px 25px;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.event-detail-area .col-md-6:first-child {
    margin-left: -10px;
    margin-right: -10px;
}

.event-details-bottom .col-md-6:first-child {
    margin-left: 0;
    margin-right: 0;
}

.event-list-content i {
    float: left;
    margin-right: 15px;
    position: relative;
    top: 4px;
    font-size: 18px;
    color: #3f3f3f
}

.event-list-content {
    background: #f1f1f1 none repeat scroll 0 0;
    overflow: hidden;
    padding: 25px 20px 28px;
    transition: all 0.3s ease 0s;
}

.date-space {
    margin: 10px
}

.event-date h2 {
    font-size: 30px;
    font-weight: 600;
    color: #666;
    font-family: 'Poppins', sans-serif;
}

.event-list-content h2 {
    margin-bottom: 7px;
}

.event-list-content h2 a {
    color: #3f3f3f;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.event-list-content h2:hover a {
    color: #1579b5;
}

.event-date h2 span {
    font-size: 18px;
    text-transform: uppercase;
    display: block
}

.event-list-content p {
    font-size: 14px;
    color: #3f3f3f;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0
}

.event-list:hover .event-date,
.event-list:hover .event-list-content {
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgba(6, 6, 6, 0.2);
}

.event-img {
    float: left;
    margin-right: 30px;
}

.event-content {
    overflow: hidden
}

.event-area .event-content {
    float: inherit;
    position: relative;
    width: 100%;
    z-index: 9;
}

.event-detail-content h3 {
    color: #3f3f3f;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 14px;
}

.event-detail-content {
    overflow: hidden;
}

.event-date-icon {
    float: left
}

.event-date-icon i {
    color: #3f3f3f;
    font-size: 18px;
    margin-right: 14px;
    position: relative;
    top: 3px
}

.event-date-content p {
    color: #3f3f3f;
    font-size: 14px
}

.event-social ul li {
    display: inline-block;
    margin-right: 15px;
    text-align: center;
}

.event-social ul li a {
    border: 1px solid #1579b5;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    display: block;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.event-social ul li a i {
    line-height: 27px;
    color: #1579b5;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.event-social ul li:hover a i {
    color: #fff;
}

.event-social ul li:hover a {
    background: #1579b5;
}

.event-social ul {
    margin-bottom: 22px;
    margin-top: 17px;
}

.event-social p {
    color: #666;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 3px;
}

.event-details-bottom {
    margin-top: 20px
}

.event-details-bottom>p {
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.event-details-bottom h2 {
    border-bottom: 1px solid #666;
    color: #666;
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 38px;
    margin-bottom: 40px;
    margin-top: 45px;
    text-transform: capitalize;
}

.event-details-bottom input {
    border: 1px solid #c1c1c1;
    color: #777777;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    margin-bottom: 30px;
    padding-left: 20px;
    width: 100%;
}

.event-details-bottom a.banner-btn {
    background: #1579b5 none repeat scroll 0 0;
    color: #fff;
    margin-top: 10px;
    padding: 0 55px;
    border: 1px solid #1579b5;
}

/*----------------------------------------*/
/*  8. Testimonial CSS
/*----------------------------------------*/
.single-testimonial {
    box-shadow: 0 0 9px 2.1px rgba(6, 6, 6, 0.05);
    padding: 30px 30px 22px;
    margin: 10px 0;
}

.client-img {
    float: left;
    margin-right: 15px;
}

.client-info {
    margin-bottom: 10px;
    display: table
}

.client-img img {
    height: 95px;
    width: 95px;
    border-radius: 50%;
}

.client-title {
    margin-top: 30px;
    display: inline-block;
}

.client-title h4 {
    font-size: 18px;
    color: #666;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-bottom: 5px;
}

.client-title h5 {
    font-size: 16px;
    color: #666;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.client-content p {
    font-size: 18px;
    color: #666;
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    margin-bottom: 0;
    line-height: 28px;
}

.testimonial-owl.owl-carousel .owl-item img {
    width: auto;
}

/*----------------------------------------*/
/*  9. Mentor CSS
/*----------------------------------------*/
.mentor-area {
    background: url(../img/banner/mentor.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

.mentor-area.details {
    background: none;
}

.mentor.section-title h2 {
    margin-bottom: 15px;
}

.mentor.section-title>p {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 20px;
}

.mentor-img>img,
.mentor-img>a {
    line-height: 0px;
    display: block
}

.mentor-img,
.mentor-about-img {
    box-shadow: 6px 10px 21.6px 2.4px rgba(4, 5, 5, 0.09);
    height: 100%;
    position: relative;
}

.mentor-about-img {
    margin-right: -30px;
}

.mentor-img:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(255, 255, 255, 0.75);
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mentor-hover {
    content: "";
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}

.mentor-hover h5,
.mentor-hover h6 {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 3px;
}

.mentor-hover h6 {
    font-size: 16px;
    margin-bottom: 20px
}

.mentor-hover ul li {
    display: inline-block;
    padding: 0 10px
}

.mentor-hover ul li a {
    font-size: 14px;
    color: #2c2c2c
}

.mentor-hover ul li:hover a {
    color: #1579b5
}

.single-mentor:hover .mentor-hover,
.single-mentor:hover .mentor-img:after {
    opacity: 1
}

.mentor-about-hover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    content: "";
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    padding: 22px 0 24px;
}

.mentor-about-hover h3,
.mentor-about-hover h5 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;
}

.mentor-about-hover h5 {
    font-size: 16px;
    margin-bottom: 10px
}

.mentor-about-hover ul li {
    display: inline-block;
    margin-right: 20px;
}

.mentor-about-hover ul li:last-child {
    margin-right: 0;
}

.mentor-about-hover ul li a {
    color: #fff;
    font-size: 14px;
}

.mentor-about-hover ul li:hover a {
    color: #1579b5;
}

.mentor-about-content h3 {
    font-size: 24px;
    color: #444;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    position: relative;
    text-transform: capitalize;
    margin-bottom: 26px;
}

.mentor-about-content h3:after {
    position: absolute;
    left: 0;
    bottom: -10px;
    content: "";
    height: 1px;
    width: 105px;
    background: #444;
}

.mentor-address p b,
.mentor-address p {
    font-size: 16px;
    font-weight: 600;
    color: #444;
    font-family: 'Poppins', sans-serif;
}

.mentor-address p {
    font-weight: 400;
    margin-bottom: 3px
}

.mentor-about-content p.detail {
    margin-top: 20px;
    font-size: 17px;
    color: #444;
    font-family: 'Poppins', sans-serif;
    line-height: 28px;
}

.mentor-about-content p.detail:last-child {
    margin-top: 30px;
}

/*----------------------------------------*/
/*  10. Article CSS
/*----------------------------------------*/

.article-img {
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.article-img>a {
    position: relative;
    display: block;
    line-height: 0px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.article-img>a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.single-article:hover .article-img>a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 102, 204, 0.3);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.single-article {
    transition: all 0.3s ease 0s;
}

.single-article:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);
}

.article-img:before {
    font-family: "FontAwesome";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00e";
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 36px;
    height: 36px;
    opacity: 0;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: rgba(255, 255, 255, 0.80);
    color: #1579b5;
}

.article-img img {
    transition: all 0.1s ease-in-out;
}

.article-img:hover:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}

.article-img:hover img {
    opacity: .2;
}







.hnews_title {
    padding: 10px 0;
    color: #333;
    line-height: 1.75;
    font-weight: bold;
    font-size: 18px;
}


.article-area .section-title h2 {
    margin-bottom: 53px;
}

.article-content {
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: 20px;
}

.article.section-title h2 {
    margin-bottom: 55px;
}

.article-left {
    display: inline-block;
    float: left;
    text-align: center;
}

.article-left h3 {
    color: #fff;
    display: inline-block;
    float: left;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    position: relative;
    z-index: 1;
}

.article-left h3:hover a {
    color: #ddd;
}

.article-left h3:after {
    position: absolute;
    width: 1px;
    height: 39px;
    right: -20px;
    top: 0;
    background: #fff;
    content: "";
}

.article-right {
    margin-left: 70px;
}

.article-right p {
    margin-top: -5px;
    margin-bottom: 0;
}

.article-right p a {
    color: #fff;
    position: relative;
    z-index: 2;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
}

.article-right p:hover a {
    color: #ddd;
}

.single-article {
    padding: 10px;
    background-color: #fff;
    text-align: center;
}


.article-pagination {
    margin-top: 60px;
    text-align: center
}

.article-pagination ul li {
    display: inline-block;
    margin-right: -4px
}

.article-pagination ul li:last-child {
    margin-right: 0px
}

.article-pagination ul li a {
    display: block
}

.article-pagination ul li a i {
    color: #fff;
    background: #555;
    font-size: 18px;
    padding: 5px 18px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.article-pagination ul li:hover a i,
.article-pagination ul li.active a i {
    color: #fff;
    background: #1579b5;
}

.article-detail-img {
    position: relative;
    margin-bottom: 35px;
}

.article-detail-img:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.3);
}

.article-details-content h4 {
    font-size: 18px;
    color: #555;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-bottom: 12px;
}

.article-details-content h5 {
    font-size: 12px;
    color: #555;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-bottom: 22px;
    text-transform: uppercase;
}

.article-details-content p {
    font-size: 16px;
    color: #666;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 40px;
}

.article-details-content blockquote {
    margin-left: 45px;
    border-left: 2px solid #1579b5;
    padding: 0 16px;
    font-size: 16px;
    color: #666;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 30px;
}

.tags-social p {
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    color: #555;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.tags-social ul {
    text-align: right;
}

.tags-social ul li {
    display: inline-block;
    margin-right: 18px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.tags-social ul li:last-child {
    margin-right: 0px;
}

.tags-social ul li a {
    display: block;
}

.tags-social ul li a i {
    font-size: 14px;
    color: #555;
}

.tags-social ul li:hover a i {
    color: #000;
}

.tags-social {
    border-bottom: 1px solid #4C4C4C;
    padding-bottom: 7px;
}

.comments-area {
    margin-top: 55px
}

.comments-area h3,
.single-article-widget h3 {
    font-size: 18px;
    color: #555;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    position: relative;
    border-bottom: 1px solid #555;
    display: inline-block;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 40px;
}

.single-article-widget h3 {
    margin-bottom: 35px
}

.comment-img {
    float: left;
    display: inline-block;
    margin-right: 20px;
}

.comment-name {
    display: inline-block
}

.fix {
    clear: both
}

.comment-name {
    float: left
}

.comment-date {
    float: right
}

.name-date,
.comment {
    overflow: hidden;
}

.comment-name h4 {
    color: #555;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 14px;
}

.comment-date p {
    font-size: 12px;
    color: #555;
    text-transform: uppercase;
    line-height: 14px;
}

.comment-date span {
    font-size: 14px;
    text-transform: uppercase;
}

.comment p {
    font-size: 16px;
    color: #666;
    font-family: 'Poppins', sans-serif;
    line-height: 26px;
    margin-bottom: 0;
}

.child .comment-date span {
    color: #1579b5;
    font-weight: 600;
}

.comments-area input,
.comments-area textarea {
    width: 100%;
    font-size: 13px;
    color: #666;
    font-family: 'Poppins', sans-serif;
    border: none;
    border: 1px solid #C1C1C1;
    margin-bottom: 32px;
    padding: 10px 20px 10px 20px;
}

.comments-area a {
    background: #1579b5;
    color: #fff;
    border: 1px solid #1579b5;
    margin-top: 10px;
    padding: 0 55px
}

.detail-date {
    background: #1579b5 none repeat scroll 0 0;
    color: #fff;
    left: 20px;
    padding: 12px 10px 0;
    position: absolute;
    top: 20px;
    z-index: 9;
}

.detail-date p {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    z-index: 9;
    display: block;
    text-align: center;
}

.detail-date p span {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    display: block;
}

#search {
    position: relative
}

#search>input {
    border: 1px solid #dcd9d9;
    color: #343434;
    font-size: 14px;
    padding: 12px 20px;
    width: 100%;
}

#search button {
    background: #1579b5 none repeat scroll 0 0;
    color: #fff;
    height: 43px;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#search button:hover {
    background: rgba(71, 26, 114, 0.71) none repeat scroll 0 0;
}

.single-article-widget ul li {
    display: block
}

.single-article-widget ul li a {
    font-size: 12px;
    color: #666;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid #DCD9D9;
    padding-bottom: 9px;
    margin-bottom: 17px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-article-widget ul li:hover a {
    color: #1579b5;
}

.single-article-widget ul li a span {
    float: right
}

.single-post-img {
    float: left;
    margin-right: 20px;
}

.single-post-content h5 {
    font-size: 16px;
    color: #666;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 3px;
}

.single-post-content h5:hover {
    color: #1579b5
}

.single-post-content p {
    color: #555;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 3px;
}

.single-article-widget .all-tags a {
    border: 1px solid #dcd9d9;
    color: #666;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-right: 5px;
    padding: 8px 25px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-article-widget .all-tags a:hover {
    border: 1px solid #1579b5;
    color: #fff;
    background: #1579b5;
}

/*----------------------------------------*/
/*  11. Scrollup CSS
/*----------------------------------------*/
#scrollUp {
    border-radius: 2px;
    bottom: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    color: #fff;
    font-size: 24px;
    height: 40px;
    line-height: 45px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 40px;
    z-index: 200;
}

#scrollUp:hover {}

@keyframes scroll-top {
    0% {
        bottom: 0;
        opacity: 0;
    }

    50% {
        bottom: 50%;
        opacity: 1;
    }

    100% {
        bottom: 75%;
        opacity: 0;
    }
}

@keyframes scroll-top {
    0% {
        bottom: 0;
        opacity: 0;
    }

    50% {
        bottom: 50%;
        opacity: 1;
    }

    100% {
        bottom: 75%;
        opacity: 0;
    }
}

@keyframes scroll-top {
    0% {
        bottom: 0;
        opacity: 0;
    }

    50% {
        bottom: 50%;
        opacity: 1;
    }

    100% {
        bottom: 75%;
        opacity: 0;
    }
}

#scrollUp:hover i {
    animation: 800ms linear 0s normal none infinite running scroll-top;
    bottom: 0;
    height: 100%;
    left: 0;
    margin-bottom: -25px;
    position: absolute;
    width: 100%;
}

#scrollUp i {
    color: #fff;
}

#scrollUp {
    background: #4A90E2 none repeat scroll 0 0;
}

/*----------------------------------------*/
/*  12. Footer CSS
/*----------------------------------------*/
.footer-area {
    background: #1579b5
}

.main-footer {
    padding-top: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid #66abba
}

.single-widget h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    margin-bottom: 20px;
}

.single-widget p {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #eee;
    margin-bottom: 22px;
    line-height: 25px;
}

.single-widget ul li {
    background: #363636;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 12px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-widget ul li:last-child {
    margin-right: 0px;
}

.single-widget ul li:hover {
    background: #fff;
    color: #363636;
}

.single-widget ul li a {
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    height: 28px;
    width: 28px;
    display: block;
}

.single-widget p a {
    color: #eee;
}

.footer-img a {
    float: left;
    line-height: 0;
    position: relative;
}

.footer-img a:hover::after,
.footer-img a:hover::before {
    opacity: 1
}

.footer-img a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(71, 26, 114, 0.71) none repeat scroll 0 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.footer-img a:before {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "\f278";
    font-size: 16px;
    color: #fff;
    font-family: "Material-Design-Iconic-Font";
    opacity: 0;
    z-index: 9;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.footer-bottom p {
    color: #eee;
    font-size: 16px;
    line-height: 58px;
    margin-bottom: 2px;
}

.footer-bottom p a {
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.footer-bottom p a:hover {
    text-decoration: underline;
}

/*----------------------------------------*/
/*  13. Fun CSS
/*----------------------------------------*/
.fun-area {
    background: rgba(0, 0, 0, 0.6) url("../img/banner/fun.jpg") no-repeat fixed center center / cover;
    padding: 100px 0;
}


.fun-area:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    // height: 100%;
    background: rgba(0, 0, 0, 0.6);
    content: "";
}


.single-fun h3 {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;
}

.single-fun p {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    margin-bottom: 0;
}

/*----------------------------------------*/
/*  14. Partner CSS
/*----------------------------------------*/
.single-partner {
    border-top: 1px solid #DCD9D9;
    border-bottom: 1px solid #DCD9D9;
    border-left: 1px solid #DCD9D9;
}

.partner-owl {
    border-right: 1px solid #DCD9D9;
}

.single-partner a {
    height: 125px;
    display: inline-table;
}

.single-partner img {
    filter: brightness(1) invert(10%);
}

.single-partner span {
    display: table-cell;
    vertical-align: middle;
}

.single-partner:hover img {
    filter: brightness(1) invert(0%)
}

.owl-carousel .owl-item .single-partner img {
    width: auto;
    margin: auto
}

.partner-area .section-title h2 {
    margin-bottom: 54px;
}

.hover-style {
    position: relative
}

.gallery-hover-effect {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(71, 26, 114, 0.71);
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.hover-style:hover .gallery-hover-effect {
    opacity: 1
}

.gallery-hover-effect a {
    display: table
}

.gallery-hover-effect a i {
    bottom: 0;
    color: #fff;
    content: "";
    font-size: 20px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    margin: auto;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 36px;
}

.grid-pagination ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 60px;
    text-align: center;
}

.grid-pagination ul li {
    display: inline-block;
    margin-right: 5px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.grid-pagination ul li a {
    display: block;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #535353;
    height: 24px;
    width: 33px;
    text-align: center;
    color: #535353;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    line-height: 22px;
}

.grid-pagination ul li:hover a {
    color: #fff;
    background: #1579b5;
}

/*----------------------------------------*/
/*  15. Gallery CSS
/*----------------------------------------*/
.grid .col-md-3,
.grid .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}

.gallery-area .row {
    margin-left: -5px;
    margin-right: -5px;
}

.grid-item {
    padding-bottom: 10px
}

.col-md-6.grid-item {
    padding-bottom: 0px
}

/*----------------------------------------*/
/*  16. Contact CSS
/*----------------------------------------*/
.contact-info h2,
.touch h2 {
    font-size: 20px;
    line-height: 2;
    font-weight: 600;
    color: #666;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.contact-txt h2 {
    line-height: 1.75;
}

.contact-txt p {
    margin: 8px 0;
}

.info-icon,
.info-content {
    display: inline-block;
}

.info-icon i {
    font-size: 24px;
    color: #010101;
    border: 1px solid #C4C4C4;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    margin-right: 20px;
}

.info-content {
    top: 6px;
    position: relative
}

.info-content h3,
.info-content p {
    font-size: 18px;
    color: #666;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;
}

.info-content p {
    font-size: 14px;
    margin-bottom: 0;
}

.touch {
    margin-top: 32px;
    margin-bottom: 30px
}

#tfrom input,
#tfrom textarea {
    width: 100%;
    font-size: 16px;
    color: #666;
    font-family: 'Poppins', sans-serif;
    border: none;
    border-bottom: 1px solid #C1C1C1;
    margin-bottom: 32px;
    padding-bottom: 15px;
}

#tfrom p input {
    width: 50%
}

#tfrom button {
    background: #1579b5;
    color: #fff;
    border: 1px solid #1579b5;
    margin-top: 10px;
    padding: 0 55px
}

.map-area {
    box-shadow: 0px 0px 16px 0px rgba(6, 6, 6, 0.2)
}




/* elutmod */
.home-5 {
    color: #fff;
}

.home-5 .col-md-7 {
    font-size: 20px;
}

.home-5 .row {
    padding: 20px;
}

.main_title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    line-height: 2;
}

.banner_bg_about {
    width: 100%;
    height: 480px;
    background: url(../img/banner/about2.jpg) no-repeat center top;
    background-size: cover;
}

.our-services .fa {
    color: #1579b5;
}

.our-services h2 {
    color: #1579b5;
    font-size: 22px;
    line-height: 1.5;
    margin: 15px 0;
}

.our-services .col-md-6 {
    padding: 5px;
}

.our-services .col-md-6 p {
    font-size: 16px;
}

.our-services .col-md-6>div {
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 30px 15px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.our-services .col-md-6>div:hover {
    box-shadow: 0px 0px 12px 0px rgba(6, 6, 6, 0.2);
    background: #1579b5;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.our-services .col-md-6>div:hover * {
    color: #fff;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}



.faqs-section {
    position: relative;
    padding: 90px 0px 80px;
}

.faqs-section .column {
    margin-bottom: 20px;
}


//faqs-proudcts banking pharma





.faq {
    position: relative;
    z-index: 4;
    padding-bottom: 160px;
    /*
    .active + .faqanswer {
        opacity: 1;
        visibility: visible;
    }

    a:not(.active) + .faqanswer {
        opacity: 0;
        visibility: hidden;
    }
    */
}

.faq .title-h1 {
    margin-bottom: 13px;
}

.faq .icon-plus,
.faq .icon-minus {
    position: absolute;
    left: -30px;
    top: 22px;
    transition: .2s;
    width: 11px;
    height: 3px;
    position: relative;
    display: inline-block;
}

.faq .icon-plus:before,
.faq .icon-minus:before {
    transition: .2s;
    position: absolute;
    content: "";
    left: 4px;
    top: -4px;
    width: 3px;
    height: 11px;
    position: relative;
    display: block;
}

.faq .icon-minus:before {
    opacity: 0;
}

.faq .icon-plus,
.faq .icon-plus:before {
    background-color: #1579b5;
}

.faq .icon-minus,
.faq .icon-minus:before {
    background-color: #eeba4d;
}

.faq .icon-plus {
    opacity: .7;
}

.faq .title-h3 {
    font-size: 1.2em;
    transition: .4s;
    font-weight: 400;

}

.faq .icon-minus,
.faq .togglefaq:hover i,
.faq .togglefaq:hover .title-h3 {
    opacity: 1;
}

.faq .togglefaq,
.faq .faqanswer {
    margin-left: 32px;
}

.faq .togglefaq {
    padding: 2px 0 15px 0;
    text-decoration: none;
    display: block;
    width: calc(100% - 50px);
    // margin-bottom: -1px;
}

.faq .togglefaq:not(.active) {
    border-bottom: 1px solid #ddd !important;
}

.faq .togglefaq.active {
    border-bottom: 1px solid #e77817 !important;
}

.faq .faqanswer {
    position: relative;
    display: none;
    width: 100%;
    padding: 15px 40px 20px 0;
}

.faq .faqanswer a {
    color: #01c7ec !important;
}

.faq .faqanswer b {
    font-weight: 600;
    color: black;
}

.faq .faqanswer p,
.faq .faqanswer ul,
.faq .faqanswer ol {
    font-weight: 300;
    line-height: 30px;
}

.faq .faqanswer p+ul,
.faq .faqanswer p+ol {
    margin-top: 0px;
    padding-bottom: 35px;
}

.faq .faqanswer img:not(.image) {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
}

.faq .faqanswer ul b.title,
.faq .faqanswer ol b.title {
    display: block;
}

.faq .faqanswer ul li,
.faq .faqanswer ol li {
    margin-top: 0px;
    margin-bottom: 0;
}

.faq .faqanswer xmp {
    white-space: inherit;
    display: inline-block;
    margin-top: 0;
    font-weight: 300;
    font-style: italic;
    color: #183691;
}

.faq p,
.faq ul,
.faq ol,
.faq xmp {
    font-size: 16px;
    line-height: 25px;
}

.faq p {
    color: #333;
    margin: 0;
    padding-bottom: 10px;
    font-weight: 300;
}

@media (max-width: 991px) {
    .faq .image {
        position: relative !important;
        width: 100%;
        margin-top: 10px;
    }
}

@media (min-width: 992px) {
    .faq .padding-right p {
        padding-right: 20px;
    }

    .faq .padding-left p {
        padding-left: 20px;
    }

    .faq .image {
        transition: .4s;
        opacity: 1;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 40px 0px rgba(51, 51, 51, 0.2);
        -moz-box-shadow: 0px 0px 40px 0px rgba(51, 51, 51, 0.2);
        box-shadow: 0px 0px 40px 0px rgba(51, 51, 51, 0.2);
    }

    .faq .image.absolute {
        position: absolute;
        top: -90px;
    }

    .faq .image.right {
        left: 0;
    }
}

/* ========== 视觉美化增强样式 ========== */
/* 1. 全局优化 - 字体、间距、过渡 */
body {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #333;
    line-height: 1.75;
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    letter-spacing: -0.5px;
}

/* 2. 导航栏优化 - 更细腻的交互和样式 */
.main-menu ul li a {
    position: relative;
}

.main-menu ul li a::after {
    content: '';
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 0;
    height: 2px;
    background: #1579b5;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.main-menu ul li a:hover::after {
    width: 80%;
}

.sticky .main-menu ul li a::after {
    bottom: 20px;
}

/* 3. 轮播横幅优化 - 更有层次感 */
.slider-area {
    height: calc(100vh - 101px);
    display: flex;
    align-items: center;
}

.slide-content h1 {
    font-size: 58px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 25px;
}

.slide-content p {
    font-size: 22px;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 40px;
}

/* 4. 定价/核心价值模块美化 - 卡片质感 */
.single-table {
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    transition: all 0.4s ease;
    border: 1px solid #f0f0f0;
}

.single-table:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

.table-head {
    background: linear-gradient(135deg, #1579b5 0%, #1e5299 100%);
    padding: 35px 0;
}

.table-head h3 {
    color: #fff !important;
    position: relative;
    padding-bottom: 10px;
}

.table-head h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 60px;
    height: 2px;
    background: #fff;
    transform: translateX(-50%);
}

.table-body {
    padding: 30px 20px;
}

.table-body ul li p {
    min-height: auto;
    padding: 0 10px;
    margin-bottom: 20px;
}

/* 5. 5R成功法则模块美化 */
.fun-area {
    position: relative;
    padding: 120px 0;
}

.fun-area .section-title h1 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 50px;
}

.home-5 .col-md-2 {
    margin-bottom: 20px;
}

.home-5 .row {
    padding: 10px;
}

.home-5 i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.home-5 i:hover {
    background: #1579b5;
    transform: scale(1.1);
}

.home-5 .col-md-7 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
}

/* 6. 合作伙伴模块美化 */
.single-partner {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    margin: 0 5px;
    transition: all 0.3s ease;
}

.single-partner:hover {
    background: #f8f9fa;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.single-partner a {
    height: 100px;
}

/* 7. 新闻事件模块美化 */
.single-article {
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.4s ease;
    border: 1px solid #f0f0f0;
}

.single-article:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07);
}

.hnews_title {
    font-size: 16px;
    padding: 15px;
    font-weight: 600;
}

.hnews_title a {
    color: #333;
    transition: color 0.3s ease;
}

.hnews_title a:hover {
    color: #1579b5;
}

/* 8. 按钮美化 - 统一风格 */
.banner-btn {
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 0 40px;
    height: 48px;
    line-height: 48px;
}

.banner-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(52, 148, 171, 0.3);
}

/* 9. 事件区域优化 */
.event-area {
    position: relative;
}

.event-content h3 {
    font-size: 32px;
    margin-bottom: 20px;
}

.event-content p {
    font-size: 18px;
    max-width: 800px;
    margin: 0 auto 30px;
}

/* 10. 页脚美化 */
.footer-area {
    background: linear-gradient(135deg, #1e5299 0%, #1579b5 100%);
}

.footer-bottom {
    padding: 30px 0;
}

.footer-bottom p {
    line-height: 1.8;
    margin-bottom: 0;
}

/* 11. 响应式优化 - 移动端适配 */
@media (max-width: 768px) {
    .slide-content h1 {
        font-size: 36px;
    }

    .slide-content p {
        font-size: 18px;
    }

    .single-table {
        margin-bottom: 20px;
    }

    .home-5 i {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
}





/* 14. 分隔区域增加间距 */
.pricing-area,
.event-area,
.fun-area,
.partner-area,
.article-area {
    margin-bottom: 30px;
}

/* 15. 六边形banner美化 */
.liubian {
    padding: 60px 0;
}

.liubian img {
    margin: 0 auto;
    border-radius: 8px;
}


/* ========== Contact us 页面专属美化 ========== */
/* 1. 联系我们标题区域优化 */

.event-area.area_bg_contact::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.event-area.area_bg_contact .event-content {
    position: relative;
    z-index: 2;
    padding-top: 80px !important;
}

.event-area.area_bg_contact h3 {
    font-size: 42px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 20px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

/* 2. 联系信息模块美化 */
.contact-area {
    padding: 60px 0 !important;
    background: #f8f9fa;
}

.contact-info h2 {
    color: #1579b5;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 10px;
}

.contact-info h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: #e77817;
}

.single-info {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px !important;
}

.single-info h2 {
    color: #1579b5;
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
}

.single-info p {
    margin-bottom: 15px;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.single-info p .fa {
    color: #e77817;
    width: 24px;
    margin-right: 10px;
    font-size: 18px;
}

.single-info a.email {
    color: #1579b5;
    text-decoration: none;
    transition: all 0.3s ease;
}

.single-info a.email:hover {
    color: #e77817;
    text-decoration: underline;
}

/* 3. 联系表单美化 */
.touch h2 {
    color: #1579b5;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.touch h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: #e77817;
}

.touch form {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.touch form input,
.touch form textarea {
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.touch form input:focus,
.touch form textarea:focus {
    border-color: #1579b5;
    outline: none;
    box-shadow: 0 0 0 3px rgba(21, 121, 181, 0.1);
}

.touch form textarea {
    min-height: 120px;
    resize: vertical;
}

.touch form .banner-btn {
    background: #1579b5 !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.touch form .banner-btn:hover {
    background: #1e5299 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(21, 121, 181, 0.2);
}

/* 4. 谷歌地图美化 */
.map-area {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    height: 633px;
}

.map-area iframe {
    border-radius: 12px;
}

/* ========== 通用响应式优化 ========== */
@media (max-width: 768px) {

    /* About us 响应式 */
    .event-area.area_bg_bg00 h3,
    .event-area.area_bg_contact h3 {
        font-size: 32px;
    }

    .cowork-area .container {
        padding: 20px 15px;
    }

    /* Contact us 响应式 */
    .contact-info h2,
    .touch h2 {
        font-size: 24px;
    }

    .single-info,
    .touch form {
        padding: 20px 15px;
    }

    .map-area {
        height: 400px;
        margin-top: 30px;
    }
}



/* ========== 三个价值版块对齐修复 ========== */
/* 1. 父容器开启弹性布局，确保列等高 */
.pricing-area .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

/* 2. 每个卡片列设置弹性占比，确保基础等高 */
.pricing-area .col-md-4.col-sm-6.col-xs-12 {
    display: flex;
    flex: 1 0 33.333%;
    /* 保持3列布局 */
    margin-bottom: 30px;
    /* 移动端换行时增加间距 */
}

/* 3. 核心：卡片容器设置为弹性垂直布局，内容上顶，按钮下底 */
.single-table {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* 强制继承父容器高度 */
    width: 100%;
}

/* 4. 卡片内容区自动填充，挤压按钮到底部 */
.table-body {
    flex: 1;
    /* 关键属性：占满剩余空间 */
    display: flex;
    flex-direction: column;
    padding: 30px 20px;
}

/* 5. 文本列表区自适应高度，按钮区固定在底部 */
.table-body ul {
    flex: 1;
    /* 让文本区占满内容区剩余空间 */
    margin: 0 0 20px 0;
    /* 统一文本与按钮间距 */
    padding: 0;
    list-style: none;
}

.table-body ul li p {
    margin: 0;
    line-height: 1.7;
    color: #555;
}

/* 6. 按钮区固定样式，确保对齐 */
.table-body a.banner-btn {
    align-self: center;
    /* 按钮水平居中 */
    margin-top: auto;
    /* 关键：自动顶开上方内容，固定在底部 */
    white-space: nowrap;
    /* 防止按钮文字换行 */
}

/* 7. 响应式适配 - 小屏幕换行后仍保持对齐 */
@media (max-width: 768px) {
    .pricing-area .col-md-4.col-sm-6.col-xs-12 {
        flex: 1 0 100%;
        /* 移动端1列布局 */
    }

    .single-table {
        height: auto;
        /* 移动端取消强制高度，保持自然适配 */
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .pricing-area .col-md-4.col-sm-6.col-xs-12 {
        flex: 1 0 50%;
        /* 平板端2列布局 */
    }
}

/* 统一合作伙伴轮播图片高度 */
.partner-owl .single-partner {
    /* 基础样式重置 */
    border: none !important;
    margin: 0 !important;
    padding: 10px;
    /* 图片间距 */
}

.partner-owl .single-partner a {
    /* 固定容器高度，可根据需求调整 */
    height: 80px !important;
    /* 核心：统一高度，建议值 80-120px */
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.partner-owl .single-partner span {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.partner-owl .single-partner img {
    /* 关键样式：统一高度，宽度自适应，保持比例 */
    height: 100% !important;
    width: auto !important;
    max-width: 100%;
    object-fit: contain;
    /* 保证图片不变形 */
    filter: none !important;
    /* 清除原有滤镜 */
    transform: none !important;
    /* 清除原有缩放效果 */
    border-radius: 0 !important;
    /* 可选：去掉圆角 */
}

/* 可选：hover 效果优化 */
.partner-owl .single-partner:hover {
    background-color: #f8f9fa;
    border-radius: 8px;
}

.partner-owl .single-partner:hover img {
    opacity: 0.9;
}

/* 响应式适配 - 移动端调整高度 */
@media (max-width: 768px) {
    .partner-owl .single-partner a {
        height: 60px !important;
        /* 移动端适当缩小 */
    }
}