@charset "UTF-8";
/*
Theme Name: Findme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root { --secondary-color: #ec691c; }
.row-slider .flickity-page-dots {
	display: none;
}
/* Header  */
.header-top .social-icons a { font-size: 15px !important; color: var(--secondary-color); margin-right: 10px !important; }

.top-bar-nav li > a { color: var(--secondary-color); font-size: 14px; }

.header-nav-main > li { margin: 0 16px; }
.header-nav-main > li > a { font-weight: 500; font-size: 16px; }

.header-button-1 .button { color: #00307C; font-size: 16px !important; border-bottom: 2px solid #D05504; border-radius: 40px; }

.banner h1 { color: var(--secondary-color); font-size: 60px; text-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25); -webkit-text-stroke: 2px #FFDBCC; font-weight: 400 !important; }
.banner h1 strong { font-weight: 900; }
.banner ul li { font-size: 16px; list-style: none; padding-left: 30px; position: relative; }
.banner ul li:before { content: ""; display: inline-block; color: #FFC107; font-family: fl-icons !important; font-size: 20px; position: absolute; left: 0px; top: -5px; }

.banner-card h3 { font-size: 22px; font-weight: 500; }
/* .banner-card p { font-size: 14px;    opacity: 0;
    height: 0;   transition: 1s;}
.banner-card .col:hover p {
	opacity: 1;
    height: auto;
}
 .banner-card .featured-box {
	transform: translateY(50px);
	    transition: 0.5s;
}
.banner-card .col-inner {
	min-height: 260px;
}
.banner-card .col:hover .featured-box {
	transform: translateY(0px);
} */
.img.has-shadow:before { content: ""; height: 90%; background: var(--primary-color); width: 90%; border-radius: 16px 0px 0px 0px; display: block; position: absolute; top: -20px; left: -20px; }

.section-title { border-bottom: none; }
.section-title span.section-title-main { border-bottom: none; text-transform: none; font-weight: 500; font-size: 32px; }
.section-title b { opacity: 0; }

.section p { font-weight: 400; font-size: 14px; }
.section ul li { font-size: 14px; list-style: none; padding-left: 30px; position: relative; margin-left: 0; }
.section ul li:before { content: ""; display: inline-block; color: #FFC107; background: url(../images/double-tick.png) no-repeat; height: 16px; width: 16px; position: absolute; left: 0px; }

.button:not(.icon) { text-transform: none; font-weight: 500; font-size: 14px; min-height: 40px; line-height: 40px; }
.button:not(.icon).is-outline { border-width: 1px; }
.button:not(.icon).is-outline.secondary { border-color: var(--primary-color); }
.button:not(.icon) .icon-angle-right:before { content: ""; background: url(../images/arrow-right.png) no-repeat center center; height: 24px; width: 24px; display: inline-block; }
.button:not(.icon):hover .icon-angle-right:before { background: url(../images/arrow-right-black.png) no-repeat center center; }

.row-count .col-inner { background: #F5F3F7; border-bottom: 4px solid #EC691C; box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.12); border-radius: 16px; }
.row-count h3 { font-weight: 500; font-size: 48px; color: var(--secondary-color); margin: 0; line-height: 1; }
.row-count .count-up { color: var(--primary-color); }
.row-count p { font-size: 16px; color: #001A41; margin: 0; }

.row-box-shadow-1 .col-inner { box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12); border-radius: 8px; overflow: hidden; border: 1px solid #E6E8F2; }

.dichvu-item .post-title { font-weight: 500; font-size: 22px; color: #001A41; }

.dichvu-item .icon-angle-right { width: 36px; height: 36px; background: #F46F22; border-radius: 36px; position: absolute; right: 20px; top: 10px; transition: 0.5s;}
.dichvu-item .icon-angle-right:before { content: ""; background: url(../images/arrow-right-black.png) no-repeat center center; z-index: 999; display: inline-block; height: 36px; width: 36px; }

.dichvu-item:hover .box-text .post-title {
	color: var(--secondary-color);
}
.dichvu-item:hover .icon-angle-right  {
	right: 10px;
}
.wpcf7 label { font-weight: 500; font-size: 14px; color: #001A41; }
.wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 select, .wpcf7 textarea { background-color: #F2F0F4; border: 1px solid #C4C6D0; border-radius: 36px; height: 36px; box-shadow: none; }
.wpcf7 textarea { border-radius: 6px; }
.wpcf7 .wpcf7-spinner { display: none; }
.wpcf7 .wpcf7-submit { background: var(--secondary-color) url(../images/arrow-right-black.png) no-repeat 90% !important; border-radius: 40px; color: var(--primary-color); font-weight: 500; font-size: 14px; text-transform: none; min-height: 40px; min-width: 170px; text-align: left; box-shadow: none }
.wpcf7 .wpcf7-submit:hover {
	background: var(--secondary-color) url(../images/arrow-right-black.png) no-repeat 95% !important;
}
.row-slider .col-inner { background: #fff; position: relative; }
.row-slider .star-rating span:before { color: #FFC107 !important; }
.row-slider .featured-box { display: flex; align-items: center; }
.row-slider .featured-box h5 { text-transform: none; color: #265CB1; font-weight: 600; font-size: 16px; }
.row-slider .featured-box h6 { color: #5C5E66; text-transform: none; font-weight: 400; }

.testimonial .col-inner { padding: 24px; }
.testimonial .col-inner:after { content: ""; width: 140px; height: 4px; background: var(--secondary-color); border-radius: 4px 4px 0px 0px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

.slider-nav-circle .flickity-prev-next-button { opacity: 1 !important; border: 1px solid var(--primary-color); height: 40px; min-width: 40px; border-radius: 100px; margin-top: 0 !important; background: #fff; padding: 0; }
.slider-nav-circle .flickity-prev-next-button svg { display: none; }
.slider-nav-circle .flickity-prev-next-button:after { content: ''; background: url(../images/arrow-right-black.png) no-repeat center center !important; height: 100%; width: 100%; display: block; position: relative; margin: 0 auto; line-height: 38px; }
.slider-nav-circle .flickity-prev-next-button.previous:after { transform: rotate(180deg); }
.slider-nav-circle .flickity-prev-next-button:hover { background-color: var(--secondary-color); color: #fff; }
.slider-nav-circle .flickity-prev-next-button:hover:after { color: #fff; }
.slider-nav-circle .flickity-prev-next-button.next:hover:after { transform: rotate(0deg); }
.gallery-col.col {
	padding-bottom: 0;
}
.gallery-col.col .box-image { max-height: 133px; line-height: 133px; text-align: center }
.gallery-col.col img { width: auto;     max-height: 120px; }

.row-box-shadow-1 .post-item .col-inner { padding: 16px; }

.post-item .post-title { font-weight: 600; font-size: 20px; color: #001A41; }
.post-item .from_the_blog_excerpt { font-weight: 400; font-size: 14px; line-height: 24px; color: #001A41; }

.post-item .is-divider { display: none; }

.box-vertical .box-image, .box-vertical .box-text { vertical-align: top; padding-top: 0; }

.team-item .col-inner { background: #FAF9FD; border-bottom: 3px solid #265CB1; border-radius: 16px; }
.team-item .post-title { font-weight: 600; font-size: 20px; }
.team-item .post-meta span { color: #001A41; }
.team-item a.button.secondary { border-radius: 100px; border-color: var(--secondary-color) !important; margin: 0; }
/* .team-item .social-icons a { opacity: 0.8; border: 1px solid #FFFFFF !important; height: 32px; width: 32px; font-size: 12px; line-height: 30px; margin: 0 5px; }
.team-item .box-image .overlay { opacity: 0; display: flex; justify-content: center; align-items: center; z-index: 9; pointer-events: auto; }
.team-item .box-image .overlay > a { position: relative; display: inline-block; background: #fff; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; margin: 0 3px; }
.team-item .box-image .overlay > a svg { height: 18px; fill: var(--secondary-color); }
.team-item .box-image .overlay > a:hover { background: #cda274; }
.team-item .box-image .overlay > a:hover i { color: #fff; }
.team-item .box-image .overlay > a:hover svg { fill: #fff; }
.team-item .box-image:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 8; opacity: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color: rgba(0, 0, 0, 0.6); }

.team-item:hover .box-image:before { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); }

.team-item:hover .overlay { opacity: 1; } */

.footer-wrapper { background: url("../images/footer-bg.jpg") no-repeat center center; background-size: cover; }
.footer-wrapper:before { content: ""; position: absolute; height: 100%; width: 100%; background-color: rgba(12, 77, 161, 0.9); }

.footer-1 { font-size: 14px; padding-top: 48px; line-height: 24px; }
.footer-1 span.widget-title { font-weight: 600; font-size: 22px; display: block; margin-bottom: 16px; }
.footer-1 img.size-full.alignnone { margin-bottom: 0px; }
.footer-1 ul li a { font-size: 14px; }
.footer-1 ul li + li { border-top: none; }
.footer-1 .social-icons > a { opacity: 0.8; border: 1px solid #D8E2FF; height: 32px; width: 32px; line-height: 30px; margin-right: 10px; }
@media screen and (min-width: 820px) { .footer-1 .row > .col:nth-child(1) { flex-basis: 50%; max-width: 50%; }
  .footer-1 .row > .col:nth-child(2) { flex-basis: 20%; max-width: 20%; }
  .footer-1 .row > .col:nth-child(3) { flex-basis: 30%; max-width: 30%; } }

.footer-1, .absolute-footer { background-color: transparent; position: relative; border-top: 1px solid rgba(255, 255, 255, 0.16); }

.copyright-footer { color: #fff; }

.back-to-top { border: none !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); height: 45px; width: 45px; bottom: 100px; background: var(--secondary-color) !important; color: #fff !important; font-size: 19px; right: 25px; }

@media screen and (max-width: 820px) { .mobile-nav .has-icon a { height: 40px; width: 40px; border-color: var(--primary-color); line-height: 40px; color: #fff; padding: 0; background: var(--primary-color); border-radius: 100px; text-align: center; display: flex; justify-content: center; }
  .mobile-nav .has-icon a svg { max-width: 25px; }
  .off-canvas .nav-vertical > li { border-top: none !important; background-color: transparent !important; }
  .off-canvas .nav-vertical > li > a { padding-top: 10px; padding-bottom: 10px; color: #111; height: auto; font-size: 16px; text-transform: none; text-shadow: none; font-weight: 400; }
  .off-canvas .nav-vertical > li > ul > li a { color: #111; }
  .off-canvas .nav-vertical > li > ul > li li { position: relative; }
  .off-canvas .nav-vertical > li > ul > li li:before { content: ""; height: 5px; width: 5px; display: inline-block; background-color: #111; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 10px; }
  .banner h1 { font-size: 45px; } }
@media screen and (max-width: 512px) { .banner h1 { font-size: 32px; }
  .banner ul li { font-size: 14px; }
  .banner-card h3, .dichvu-item .post-title { font-size: 18px; }
  .section-title span.section-title-main { font-size: 25px; }
  .row-count h3 { font-size: 30px; }
  body .slider-nav-outside.slider-nav-circle .flickity-prev-next-button { top: auto !important; bottom: -24px !important; height: 35px !important; min-width: 35px; min-height: 35px !important; }
  body .slider-nav-outside.slider-nav-circle .flickity-prev-next-button:after { font-size: 20px; line-height: 34px; }
  body .slider-nav-outside.slider-nav-circle .flickity-prev-next-button.previous { left: 34%; }
  body .slider-nav-outside.slider-nav-circle .flickity-prev-next-button.next { right: 34%; }
  .box-vertical .box-image, .box-vertical .box-text { direction: ltr; display: table-cell; vertical-align: top; }
  .box-vertical .box-text { padding-left: 10px; padding-bottom: 0;}
  .box-vertical .box-image { max-width: 33% !important; width: 33%!important;}
  .post-item .post-title { font-size: 15px; }
  .post-item .from_the_blog_excerpt { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; } 
.gallery-col.col .box-image {
    max-height: 100px;
    line-height: 100px;
}
}