body {
    font-family: 'Source Sans Pro', sans-serif;
}

a {
    text-decoration: none;
}

/* Common Styles */
img.custom-round {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.h_100 {height: 100px;}
.h_150 {height: 150px;}
.h_200 {height: 200px;}
.h_250 {height: 250px;}
.h_300 {height: 300px;}
.h_350 {height: 350px;}
.h_400 {height: 400px;}


/* Main Navigation */
.main-nav {
    background: #e7f1ff;
    border-bottom: 1px solid #dbdbdb;
}
.main-nav .navbar {
    padding-top: 0;
    padding-bottom: 0;
}
.main-nav .navbar-brand {
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
}
.main-nav .navbar-expand-lg .navbar-nav {
    height: 60px;
}
.main-nav .navbar-light .navbar-nav .nav-link {
    font-weight: 700;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
    height: 60px;
    line-height: 60px;
}
.main-nav img {
    max-width: 100%;
    height: 40px;
}
.main-nav .nav-item-button {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.main-nav .nav-item-button a {
    color: #fff!important;
    background: #0d6efd;
    border-radius: 3px;
    height: 40px!important;
    line-height: 40px!important;
}
.main-nav .nav-item-button a:hover {
    background: #333;
}
.main-nav .nav-item:hover .dropdown-menu {
    display: block;
}
@media (min-width: 768px) {
    .main-nav .animate {
        animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }
}
@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}
@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}
.main-nav .slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}
.dropdown-toggle {
    position: relative;
    margin-right: 15px;
}
.dropdown-toggle:after {
    position: absolute;
    top: 48%;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

@media only screen and (max-width:991px) {
    .main-nav .navbar-expand-lg .navbar-nav {
        height: auto!important;
    }
    .navbar-light .navbar-toggler {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .navbar-light .navbar-toggler:focus {
        box-shadow: none;
    }
    .main-nav .navbar-nav .nav-item {
        border-bottom: 1px solid #bfbfbf;
    }
}




/* Home Banner */
.home-banner {
    padding-top: 80px;
    padding-bottom: 80px;
}
.home-banner .left-container {
    display: flex;
    align-items: center;
}
.home-banner .left h1 {
    color: #0d6efd;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 30px;
}
.home-banner .left .text {
    margin-bottom: 30px;
}
.home-banner .left .text p {
    color: #333333;
    font-size: 18px;
}
.home-banner .left .button a {
    padding: 10px 30px;
}
.home-banner .right img {
    width: 100%;
    height: auto;
}


/* Home Featured Profiles */
.feature-profiles {
    background: #E3FFE8;
}
.feature-profiles .profile-item {
    background: #fff;
}
.feature-profile-button {
    padding: 10px 30px;
}

/* Feature */
.feature {
    padding-top: 70px;
    padding-bottom: 50px;
    background: #e7f1ff;
}
.feature .heading h2 {
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #333;
}
.feature .heading h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #747474;
}
.feature .item {
    padding: 40px 20px;
    height: auto;
    background: #fff;
    margin-bottom: 25px;
    border: 1px solid #cdcdcd;
}
.feature .item .icon {
    text-align: center;
    margin-bottom: 20px;
}
.feature .item .icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    background: #0d6efd;
}
.feature .item .text {
    text-align: center;
}
.feature .item .text h3 {
    font-size: 24px;
    font-weight: 700;
}
.feature .item .text p {
    color: #333;
}



/* Feature Profile */
.feature-profiles {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.feature-profiles .heading h2 {
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #333;
}
.feature-profiles .heading h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #747474;
}


/* Testimonial */
.testimonial {
    padding-top: 30px;
    padding-bottom: 0px;
    background: #e7f1ff;
}
.testimonial .heading h2 {
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #333;
}
.testimonial .heading h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #747474;
}
.testimonial-item {
    padding-top: 50px;
    padding-bottom: 80px;
    padding-left: 100px;
    padding-right: 100px;
    background: #fff;
    border: 1px solid #cdcdcd;
}
.testimonial-item .photo {
    text-align: center;
    margin-bottom: 20px;
}
.testimonial-item .photo img {
    display: inline-block;
    width: 80px;
    height: 80px;
}
.testimonial-item .text {
    text-align: center;
}
.testimonial-item .text h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}
.testimonial-item .text h4 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
    color: #646464;
}
.testimonial-item .text p {
    font-size: 16px;
}
.testimonial .slick-dots {
    bottom: 30px;
}
.testimonial .slick-prev:before,
.testimonial .slick-next:before {
    color: #0d6efd;
    font-size: 30px;
}
.testimonial .slick-dots li button::before,
.testimonial .slick-dots li.slick-active button:before {
    font-size: 15px;
}




/* Blog */
.blog {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #e7f1ff;
}
.blog .heading h2 {
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #333;
}
.blog .heading h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #747474;
}
.blog .item {
    margin-bottom: 25px;
    background: #fff;
}
.blog .item .photo img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.blog .item .photo-single img {
    width: 100%;
    height: auto;
}
.blog .item .text {
    text-align: left;
    margin-top: 15px;
    padding: 20px;
}
.blog .item .text h3 {
    color: #333;
    font-size: 22px;
    font-weight: 700;
}
.blog .item .text h3 a {
    color: #333;
}
.blog .item .text .date {
    color: #7c7c7c;
    margin-bottom: 10px;
}
.blog .item .text p {
    color: #333;
}



/* Contact */
.contact button:hover,
.contact button:active,
.contact button:focus {
    background: #000;
    border-color: #000;
    box-shadow: none;
}


/* Footer */
.footer {
    background: #0d6efd;
    padding-top: 50px;
    padding-bottom: 50px;
}
@media only screen and (max-width: 991px) {
    .footer-inner {
        margin-bottom: 40px;
    }
}
.footer h2 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
}
.footer ul.footer-ul {
    margin: 0;
    padding: 0;
}
.footer ul.footer-ul li {
    list-style-type: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 6px;
}
.footer ul.footer-ul li a {
    color: #fff;
    text-decoration: none;
}
.footer ul.footer-ul li:before {
    content: '\f35a';
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Font Awesome 5 Free';
    color: #fff;
}
.footer .social {
    margin-top: 20px;
}
.footer .social ul.social-ul {
    padding-left: 0;
}
.footer .social ul.social-ul li {
    list-style-type: none;
    float: left;
}
.footer .social ul.social-ul li a {
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    display: block;
    background: #fff;
    color: #0d6efd;
    margin-right: 8px;
    border-radius: 3px;
}
.footer .newsletter-box,
.footer .newsletter-box p {
    color: #fff;
}
.footer .newsletter-box input {
    width: 100%;
    margin-bottom: 5px;
    border: 0;
}
.footer .newsletter-box button {
    width: 100%;
    background: #333;
    border: 0;
}
.footer .copyright {
    margin-top: 40px;
    padding-top: 10px;
    border-top: 1px solid #fff;
    text-align: center;
    color: #fff;
}



/* Page Banner */
.page-banner {
    background: #0d6efd;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
}
.page-banner h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}
.page-banner ol.breadcrumb {
    margin-bottom: 0;
}
.page-banner ol.breadcrumb li,
.page-banner ol.breadcrumb li a,
.page-banner .breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}
.page-banner ol.breadcrumb li a {
    text-decoration: underline;
}
.page-banner .breadcrumb-container {
    text-align: center;
}
.page-banner nav.breadcrumb {
    display: inline-block;
}


/* Page Content */
.page-content {
    padding-top: 50px;
    padding-bottom: 50px;
}
.page-content h1 {
    font-size: 34px;
    font-weight: 700;
}
.page-content h2 {
    font-size: 30px;
    font-weight: 700;
}
.page-content h3 {
    font-size: 26px;
    font-weight: 700;
}
.page-content h4 {
    font-size: 22px;
    font-weight: 700;
}
.page-content h5 {
    font-size: 18px;
    font-weight: 700;
}
.page-content h6 {
    font-size: 14px;
    font-weight: 700;
}


/* FAQ */
.faq .accordion-item {
    margin-bottom: 10px;
    border-radius: 0;
}

.faq .accordion-item .accordion-button {
    border-radius: 0;
    font-weight: 700;
    font-size: 22px;
}

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

.faq .accordion-item:not(:first-of-type) {
    border: 1px solid rgba(0,0,0,.125);
}


/* Pricing */
.pricing .card {
	transition: all 0.2s;
	background: #fff;
    border: 1px solid #d1d1d1;
}

.pricing hr {
  	margin: 1.5rem 0;
}

.pricing .card-title {
	margin: 10px 0;
    padding: 10px;
	font-size: 30px;
	font-weight: 700;
    background: #e5e5e5;
    color: #333;
}

.pricing .card-price {
  	font-size: 36px;
  	margin: 0;
}

.pricing .card-price .period {
  	font-size: 16px;
}

.pricing ul li {
  	margin-bottom: 16px;
}

.pricing .btn:hover {
	background: #333;
}

.pricing .submit-button {
    width: 100%;
    border: 0;
    background: #0d6efd;
}


/* User Profile */
.profile-item {
    border: 1px solid #d1d1d1;
    padding: 10px;
    margin-bottom: 25px;
}
.profile-item .photo {
    position: relative;
}
.profile-item .photo .featured-badge {
    position: absolute;
    right: 7px;
    top: 3px;
    z-index: 99;
    font-size: 18px;
}
.profile-item .photo {
    position: relative;
}
.profile-item .photo img {
    width: 100%;
    height: 265px;
    object-fit: cover;
}
@media only screen and (max-width: 1199px) {
    .profile-item .photo img {
        height: 310px;
    }
}
@media only screen and (max-width: 992px) {
    .profile-item .photo img {
        height: 210px;
    }
}
@media only screen and (max-width: 768px) {
    .profile-item .photo img {
        height: 250px;
    }
}
@media only screen and (max-width: 575px) {
    .profile-item .photo img {
        height: auto;
        object-fit: none;
    }
}


.profile-item .photo .photo-inner {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
}
.profile-item .photo .social {
    width: 100%;
}
.profile-item .photo .social ul {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}
.profile-item .photo .social ul li {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
}
.profile-item .photo .social ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    background: #0d6efd;
    color: #fff;
    border-radius: 4px;

}
.profile-item .photo .social ul li a:hover {
    background: #333;
}
.profile-item .text {
    text-align: center;
}
.profile-item .text h3 {
    font-size: 20px;
    color: #333;
    margin-top: 10px;
    margin-bottom: 5px;
}
.profile-item .text h4 {
    font-size: 15px;
    color: #7a7a7a;
    margin-bottom: 10px;
}
.profile-item .text .button a {
    width: 100%;
    font-size: 16px;
}

/* Ajax Loader */
#loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.75) url(loading.gif) no-repeat center center;
    z-index: 10000;
}
.text-danger-custom {
    color: red;
}
.text-danger-custom-subscriber {
    background: #fff;
    color: red;
    display: block;
    margin-bottom: 10px;
}

/* Cookie Consent */
.wpcc-container {
    z-index: 9999999999!important;
}


/* Profile Page Search */
.search-box {
    margin-bottom: 30px;
}
.search-box button {
    width: 100%;
}
.search-box .select2-container .select2-selection--single {
    height: 37px;
    border-color: #ced4da;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 37px;
    border-color: #ced4da;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}

/* Regionality CSS */

custom-home-cat-box-title .country-select img {
    width: 76px;
    border-radius: 50px;
    padding: 22px !important;
}

.dark-mode .custom-home-cat-box-title .country-select img {
    background: #ffffff;
}

.light-mode .custom-home-cat-box-title .country-select img {
    background: #f8f8f8;
}

.custom-home-cat-box-title .custom-block {
    font-weight: 500;
    display: block;
    font-size: 16px;
}

.custom-flags-li {
    padding: 10px 25px;
    text-align: center;
}

/* Countries styling css below */

ol {
    list-style-type: none !important;
}

.banner-background .country-select {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.banner-background .bg-custom-flags {
    max-width: unset !important;
    width: 35px;
}

.banner-background .flag-bg {
    background: white;
    width: 70px;
    height: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.banner-background .flag-name {
    color: #272343;
    transition: all 0.3s ease-in;
}

.banner-background .country-select:hover .flag-name {
    color: #F38521;
}

.province-select {
    color: #272343;
    transition: all 0.3s ease-in;
}

.province-select:hover {
    color: #f38521;
}

.clear-section {
    background-color: #F38521;
    padding: 12px 20px;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    transition: all 0.3s ease-in;
}

.clear-section:hover {
    background-color: #00a9da;
    color: #fff;
}

/* Countries styling css above */

.default-breadcrumb li.crumb::after,
.default-breadcrumb li.crumb::before {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 1.5em;
    content: ""
}

.default-breadcrumb li.crumb .link,
.locationModalTrigger-555572005,
.open-on-hover .header_username,
.text-3814801860 {
    text-overflow: ellipsis;
    white-space: nowrap
}

.default-breadcrumb {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    font-size: 1.3rem margin-bottom:0px !important;
}

.default-breadcrumb li.crumb {
    position: relative;
    padding: .25em;
    background-color: #00a9da;
    color: #8093a7
}

.default-breadcrumb li.crumb::after {
    left: 100%;
    background-color: #00a9da;
    clip-path: polygon(50% 50%, -50% -50%, 0 100%)
}

.default-breadcrumb li.crumb::before {
    left: 3px;
    background-color: #00a9da;
    clip-path: polygon(100% 0, 100% 100%, 0% 100%, 50% 50%, 0% 0%);
    transform: translateX(-100%)
}

.default-breadcrumb li.crumb:not(:first-child) {
    margin-left: 2em
}

.default-breadcrumb li.crumb:first-child {
    padding-left: .5em;
    border-radius: 5px 0 0 5px
}

.default-breadcrumb li.crumb.active {
    background-color: #d85200;
    color: #fff
}

.default-breadcrumb li.crumb.active::after,
.default-breadcrumb li.crumb.active::before {
    background-color: #00b0ff
}

.default-breadcrumb li.crumb .link {
    max-width: 250px;
    overflow: hidden;
    padding: 6px 0px;
}

.default-breadcrumb li.crumb a {
    color: #fff;
    font-size: 16px
}

.default-breadcrumb li.crumb a:hover {
    color: #ffffff
}

.default-breadcrumb .country-select {
    display: inline;
}
