/*
Theme Name: Kareo Web
Author: Sortend IT Solutions
Theme URI: https://kareoweb.com/
Author URI: https://www.sortend.com/
Description: 
Version: 1.0.3
*/

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root{--primary:#175ebc;--secondary:#0fbbfe;--white:#fff;--dark:#444444;--heading-color:#1d231f}
body{margin:0;padding:0!important;font-family:"Inter",sans-serif;scroll-behavior:smooth;overflow:inherit!important;font-size:15px}
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],select,input[type="date"],textarea{background:none;border:solid 1px #eee;color:#444;font-size:16px;line-height:1;margin:0 0 12px;padding:13px 15px;width:100%;outline:0;border-radius:6px}
input[type="submit"]{color:var(--white);background:var(--primary);text-transform:capitalize;line-height:1;padding:13px 26px 14px;border:0;letter-spacing:.8px;cursor:pointer;outline:none;font-weight:500;border-radius:50px}
input[type="submit"]:hover{background:var(--secondary);color:var(--white);transition:.8s}
textarea{height:100px;margin-bottom:5px}
h1,h2,h3,h4,h5,h6{margin:0 0 15px;font-family:"Inter",sans-serif;color:var(--heading-color);font-weight:normal;text-transform:inherit;line-height:1.1}
h1{font-size:28px}
h2{font-size:24px}
h3{font-size:22px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
p{padding:0;margin:0 0 10px;color:var(--dark);font-size:15px;line-height:1.5}
ul,li,a{list-style-type:none;font-family:"Inter",sans-serif;color:#303030;line-height:1.4;font-size:15px}
a:hover{transition:.8s;text-decoration:none}
.heading,.leftheading{margin-bottom:35px;font-size:40px;position:relative;font-weight:700;line-height:1.2}
.heading span,.leftheading span{color:var(--secondary)}
.heading{text-align:center}
img.shortlogo{width:34px;margin:0 5px 0 0;transform:translateY(-4px)}
.subheading{margin:0 auto 15px;text-align:center;line-height:1;font-size:15px;color:var(--primary);width:fit-content;text-transform:uppercase;font-weight:bold;letter-spacing:2px;border-radius:50px;font-family:"Dancing Script",cursive;position:relative}
.subheading:before,.subheading:after{position:absolute;content:'';top:8px;width:50px;height:1px;background:linear-gradient(45deg,var(--primary),transparent)}
.lb-none:before{display:none}
.subheading:after{left:calc(100% + 10px)}
.subheading:before{right:calc(100% + 10px);transform:rotateY(180deg)}
.subdesc{font-size:16px;max-width:720px;margin:0 auto 30px;text-align:center;color:#6c6c6c}
.primary{color:var(--primary)}
.secondary{color:var(--secondary)}

ul.slick-dots{display:flex;justify-content:center;margin-top:25px;gap:10px}
ul.slick-dots li button{padding:0;line-height:1;height:12px;width:12px;border:none;text-indent:100px;overflow:hidden;border-radius:50px;transition:.5s}
ul.slick-dots li{line-height:1}
ul.slick-dots li.slick-active button{width:20px;background:var(--secondary)}
.slick-arrow{position:absolute;border:none;z-index:2;cursor:pointer;background:var(--primary);height:45px;width:45px;border:none;border-radius:50%;opacity:.6;top: 50%; transform: translateY(-50%);}
.slick-arrow:hover{opacity:1}
.slick-arrow svg{width:18px;height:18px;fill:var(--white)}
button.slick-prev.pull-left.slick-arrow {left: -50px;}
button.slick-next.pull-right.slick-arrow {right: -50px;}

.btn{font-size:14px;letter-spacing:.2px;border-radius:50px;padding:12px 20px;line-height:1;position:relative;overflow:hidden;z-index:0;border:none;display:inline-flex;align-items:center;gap:8px;border:2px solid transparent}
.btn-primary{background:var(--primary)}
.btn-primary:hover{background:var(--secondary);color:var(--white)}
.btn-primary i{font-size:13px}
.btn-outline-primary{border-color:var(--primary);color:var(--primary)}
.btn-outline-primary:hover{background:var(--primary);color:var(--white)}
.btn-secondary{background:var(--secondary);color:#000}
.btn-secondary:hover{color:var(--white);background:var(--primary)}
.btn-outline-light{border-color:var(--white)}
.btn-outline-light:hover{background:var(--white);color:var(--primary)}
ul.slick-dots{display:flex;justify-content:center;margin-top:35px;gap:10px}
ul.slick-dots li button{padding:0;line-height:1;height:11px;width:11px;border:none;text-indent:100px;overflow:hidden;border-radius:50px;transition:.5s}
ul.slick-dots li{line-height:1}
ul.slick-dots li.slick-active button{width:20px;background:var(--primary)}
.section-padding{padding:60px 0}
.smsection-padding{padding:40px 0}

.menucontainer{position:relative;display:flex;align-items:center;justify-content:space-around;flex:1}
.menutop li{display:inline-block;position:relative}
.menutop li a{display:inline-block;padding:30px 15px;text-decoration:none;cursor:pointer;position:relative;letter-spacing:.2px;line-height:1}
.menutop li.menu-item.current-menu-item>a{color:var(--primary)}
.menutop li:last-child:after{display:none}
.menutop .current-menu-parent:after{color:var(--primary)}
.menutop>li.menu-item-has-children:after{font-family:"Font Awesome 7 Free";font-weight:bold;content:"\f107";font-size:11px;position:absolute;right:2px;top:30px;cursor:pointer}
.menutop .sub-menu li.menu-item-has-children>a:after{font-family:'Font Awesome 5 Free';font-weight:600;content:"\f0da";color:var(--dark);font-size:14px;right:10px;top:12px;line-height:1;position:absolute}
.menutop .sub-menu li.current-menu-item>a:after,.menutop .sub-menu li.menu-item-has-children>a:hover:after{color:var(--white)}
.menutop .sub-menu{display:none;position:absolute;top:100%;left:0;z-index:99999;width:270px;padding:0;background:var(--white)}
.menutop .sub-menu .sub-menu{top:0;left:100%}
.menutop .sub-menu li{width:100%;text-align:left}
.menutop .sub-menu li,.menutop .sub-menu li a{float:none;margin:0;padding:0;border:0;white-space:normal}
.menutop .sub-menu li a{position:relative;display:block;line-height:1;color:#454545;padding:12px 20px;font-size:14.2px;padding-left:25px;border-bottom:1px solid #ededed}
.menutop .sub-menu li:last-child>a{border-bottom:none}
.menutop .sub-menu li a:before{font-family:"Font Awesome 7 Free";font-weight:bold;content:"\f105";font-size:12px;color:#454545;margin-right:8px;position:absolute;left:12px;top:12px}
.menutop .sub-menu li:hover>a:before{color:var(--white)}
.menutop .sub-menu li a:hover{color:var(--white);background:var(--primary)}
.menutop .sub-menu li.current-menu-item>a,.menutop .sub-menu li.current-menu-item>a:before{color:var(--white);background:var(--primary)}
.menutop .sub-menu li.current-menu-item .sub-menu a{background:none}
.menutop .sub-menu li.current-menu-item .sub-menu li a:hover{color:var(--white);background:var(--primary)}
.menucontainer .menuicon,.menucontainer .menutopmob{display:none}
.menuicon{display:block;padding:10px;margin-top:25px;border:1px solid #ddd}
.menuicon i{float:right;font-size:18px}
.menucontainer .menutopmob{position:absolute;top:100%;left:0;right:0;width:100%;z-index:99999;margin-top:2px;background:var(--primary)}
.menucontainer .menutopmob li a{display:block;font-size:12px;color:#eee;text-transform:none;font-weight:400;line-height:19px;padding:4px 10px;margin:0;border-bottom:1px solid #ccc}
.menutopmob .sub-menu li a{padding-left:20px;font-size:11px}
.menutopmob .sub-menu li .sub-menu a{padding-left:30px}

article.post{background:#f2f2f2;border:1px solid #eee;padding:20px;margin-bottom:30px}
article.singlepost{padding:20px;box-shadow: 0 0 30px #00000014;border-radius: 20px;}
article.singlepost img {width: 100%;height: auto;border-radius: 12px;object-fit: cover;aspect-ratio: 5 / 2.5;}
article.post img{height:auto;width:100%;margin-bottom:15px}
article.post h2{padding:0 0 15px}
article.post h2 a{color:#000}
article.post h2 a:hover{color:#00f}
article.singlepost H3{font-size:20px; font-weight: 500;}
article.singlepost p{text-align:justify}
article.singlepost p.posted{color:var(--primary);font-weight:500}
article.singlepost ul{margin-bottom:15px;}
article.singlepost ul li{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:7px;padding-left:20px;color:#484848}
article.singlepost ul li strong{font-weight:500}
article.singlepost ul li:before{position:absolute;top:5px;left:0;font:600 12px "Font Awesome 5 Free";content:"\f0a4";color:#4d5953}

.wp-block-search__inside-wrapper button.wp-block-search__button.wp-element-button{font-family:"Font Awesome 5 Free";font-weight:600;font-size: 15px;aspect-ratio:1;height: 43px;padding: 0;line-height:1;background: var(--secondary);color: #000;border-radius: 50%;}
.wp-block-latest-posts.wp-block-latest-posts__list li:not(:last-child) {    margin-bottom: 10px;}
.wp-block-search__inside-wrapper input#wp-block-search__input-1::placeholder {color: #deeaf9;}
.wp-block-search__inside-wrapper input#wp-block-search__input-1{line-height: 1;padding: 11px 20px;outline: none;min-height: inherit;height: fit-content;background: #ffffff1a;border: 1px solid #ffffff2e;border-radius: 15px;color: #fff;}
.widget.widget_block h3.wp-block-heading{margin-top:20px;font-weight: 600;color: var(--white);}
.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both;height: calc(80px + 20px);padding: 10px;background: #ffffff1a;border: 1px solid #ffffff2e;border-radius: 15px;}
.wp-block-latest-posts.wp-block-latest-posts__list li img{border-radius: 10px;}
a.wp-block-latest-posts__post-title{width:100%;font-weight:600;font-size: 16px;line-height: 1.3;margin-bottom: 5px;display: block;padding-top: 7px;color: var(--white);}

.metabars span{display:block;font-size:14px;padding:6px 0}
.metabars i{color:#00f;font-size:14px;margin-right:5px;width:20px;text-align:center}
.metabars .commentcount{padding-top:10px}

.singlepost h3{margin-top:15px}
.singlepost h2{font-size:24px;font-weight:500;margin:20px 0 10px}
.singlepost .postthumb img{height:auto;width:100%;margin:5px 0 15px}
.singlepost .metabars{padding-top:15px;margin-top:10px;border-top:1px solid #e5e5e5}

.comments{background:#f9f9f9;border:1px solid #ddd;padding:10px 25px 15px;margin-top:30px;border-radius:4px}
.comments h3{margin-top:0;font-weight:500;font-size:20px}
.commentlist{border-bottom:1px solid #ddd;padding-bottom:40px;margin-bottom:25px}
.comments .comment,.comments .pingback{clear:both;margin:0;padding:0;width:100%;list-style:none outside none}
.secondarypage .comments ul li:before{display:none}
.comments .children{margin-left:40px}
.comment-author{font-size:13px;font-weight:700;text-transform:capitalize}
.comment-author .avatar{display:none}
.comment-meta{font-size:12px;font-style:italic;padding:0 0 10px}
.comment-body .reply a{float:right;border:1px solid #ccc;padding:5px 14px;font-size:14px;color:#00f}
.comment-body .reply a:hover{background:#00f;color:#fff;border-color:#00f}
.comment-respond{clear:both}
.comment-form-cookies-consent label{margin:0 0 0 6px;padding:0;font-size:12px;font-style:italic}
form#commentform label{font-weight:500}
form#commentform textarea,form#commentform input[type=text]{background:#fff}
.comments_count a{font-size:14px;line-height:22px;padding:4px 10px;position:relative;border-radius:3px}
.comments_count a:before{content:"";display:block;width:0;height:0;border-width:5px;border-style:solid;border-bottom:0;border-left:0;border-right-color:transparent;position:absolute;top:100%;left:50%;margin-left:-5px}

.sidebar {padding: 30px;background: #05295d;border-radius: 20px;position: sticky;top: 0;}
time.wp-block-latest-posts__post-date {color: var(--secondary);}
.sidebar .widget:last-child{padding:0;margin:0;border:none}
.sidebar .screen-reader-text{display:none}
.sidebar .searchform{padding-bottom:5px}
.sidebar .searchform div{display:flex}
.sidebar form#searchform div input[type=submit]{border-radius:0 4px 4px 0;border:1px solid #cd9e74}
.sidebar form#searchform div input[type=text]{border-radius:4px 0 0 4px}
.sidebar form#searchform div input{margin:0!important;padding:12px 20px;border:1px solid #e1e1e1}
.sidebar .comment-author-link{color:#00f;text-transform:capitalize}

.postpagination{padding-top:10px}
.postpagination a{display:inline-block;color:#00f;font-size:14px;border:1px solid #ccc;padding:9px 15px}
.postpagination a:hover{background:#00f;color:#fff;border-color:#00f}
.postpagination a i{font-size:15px;padding-right:5px}

.wpcf7 form .wpcf7-response-output {margin: 2em 0;padding: .5em .8em;font-size: 14px;border-radius: 15px;}
form span.wpcf7-spinner {position: absolute;margin: 0;}

/* RESPONSIVENESS CODE */

@media only screen and (max-width: 1349px) {
button.slick-prev.pull-left.slick-arrow {
    left: 0;
}
button.slick-next.pull-right.slick-arrow {
    right: 0;
}
.reviewslist {
    background: #f1f8ff url('images/reviewcard-bg.png')no-repeat center bottom/cover;
}
}

@media only screen and (max-width: 1299px) {
.mainslider .carousel-caption h4 {
    font-size: 14px;
}
.mainslider .carousel-caption h1 {
    font-size: 40px;
}
.mainslider .carousel-caption p {
    margin: 13px 0 18px;
    font-size: 14px;
}
.carousel-btn {
    height: 40px;
    width: 40px;
    font-size: 22px;
}
.btn {
    font-size: 13.5px;
    padding: 10px 18px;
}
.topbar ul li a, .topbar ul li {
    font-size: 13px;
}
.topbar ul.topbar-info li {
    padding-left: 42px;
}
.topbar ul.topbar-info li i {
    height: 32px;
    width: 32px;
    font-size: 12px;
}
.topbar ul.topbar-info li:not(:last-child) {
    margin-right: 20px;
    padding-right: 20px;
}
.topbar-smo li i {
    height: 32px;
    width: 32px;
    font-size: 12px;
}

.heading, .leftheading {
    margin-bottom: 25px;
    font-size: 32px;
}
.subheading {
    font-size: 13px;
}
.about-section .about-text {
    font-size: 14px;
}
.about-section .stats-row {
    gap: 15px;
}
.about-section .stat-item i {
    font-size: 18px;
    height: 42px;
    width: 42px;
}
.about-section .stat-item p span {
    font-size: 22px;
}
.about-section .stat-item p {
    font-size: 13px;
}
.about-section .doodle-note {
    font-size: 1.3rem;
}


.serviceslist .services-info h4 {
    font-size: 18px;
}
a.servicesbtn {
    height: 38px;
    width: 38px;
}

.marqueeinnerlistitem h4 {
    font-size: 32px;
}

}

@media only screen and (max-width: 1199px) {
.header-logo a img {
    display: block;
    width: 180px;
}
.menutop li a {
    padding: 30px 11px;
    font-size: 14px;
}
}

@media only screen and (max-width: 1024px) {
  
}

@media only screen and (max-width: 991px) {

header {
    padding: 10px 0;
}

.section-padding {
    padding: 40px 0;
}


.subdesc {
    font-size: 14px;
    width: 100%;
}
.reviews-slider .slick-slide {
    margin: 0 10px;
}
.reviewslist {
    transform: scale(1);
}

.blogcard-info{padding:15px;}
.blogcard-meta {
    font-size: 12px;
    padding: 7px 12px;
    border-radius: 8px;
}
.blogcard-title a {
    font-size: 18px;
}
.blogcard-excerpt {
    font-size: 13px;
    margin: 10px 0 15px;
}
.blogcard-info-btm span, .blogcard-info-btm span i, .blogcard-info-btm a {
    font-size: 13px;
}
.blogcard-info-btm {
    padding: 7px 10px;
    border-radius: 8px;
}

footer .btn-get-touch {
    padding: 4px 4px 4px 22px;
    gap: 8px;
}
footer .btn-get-touch .icon-circle {
    width: 30px;
    height: 30px;
}



}


@media only screen and (max-width: 767px) {
  
.mainslider #carouselExampleCaptions img.mainsldrdesk-img {
    display: none;
}

.mainslider #carouselExampleCaptions img.mainsldrmobile-img {
    display: block;
}
.carousel-caption {
    align-items: flex-start;
    padding-top: 10%;
}

span.process-number {
    height: 58px;
    width: 58px;
    font-size: 32px;
}

footer .cta-banner {
    padding: 22px;
    border-radius: 12px;
}
footer .cta-banner p {
    font-size: 14px;
}
footer .footer-desc {
    max-width: 100%;
}


}


@media only screen and (max-width: 667px) {


.reviewslist {
    padding: 18px;
}

.reviewslist-top {
    padding: 10px 15px;
}
.reviewslist-top h3 {
    font-size: 18px;
}
.reviewslist p {
    font-size: 14px;
}
.reviewslist-info {
    height: 190px;
    margin: 15px 0 15px;
}
.reviewlist-btm img {
    height: 50px;
    width: 50px;
}
.reviewslist h5 span {
    margin-top: 4px;
    font-size: 12px;
}
.reviewslist i.fas.fa-quote-right {
    font-size: 45px;
    height: 50px;
    width: 50px;
}



.breadcrumb img {
    aspect-ratio: 5/3;
}
.breadcrumb-info-inner {
    padding: 12px 5px 8px;
    border-radius: 30px 30px 0 0;
}
.breadcrumb h1 {
    font-size: 20px;
    text-align: center;
}
.breadcrumb-menu {
    margin: 0 auto;
}
.breadcrumb-menu span, .breadcrumb-menu a {
    font-size: 12px;
}
.breadcrumb a:after {
    font-size: 9px!important;
    top: 3px;
}


.secondary-container.contactus .process-step:not(:first-child) {
    padding-left: 0;
    padding-right: 0;
}

.talk-left {
    margin-bottom: 30px;
}
.secondary-container.contactus .form-panel {
    padding: 25px;
}
.secondary-container.contactus .googlemap iframe {
    aspect-ratio: 3 / 2;
}
}

@media only screen and (max-width: 568px) {
 .mainslider .carousel-caption h1 {
    font-size: 28px;
}
.mainslider .carousel-caption p {
    margin: 13px 0 18px;
    font-size: 13px;
    line-height: 1.5;
}

.subheading {
    line-height: 1.5;
}
.subheading:before, .subheading:after {
    display: none;
}
.heading, .leftheading {
    font-size: 28px;
}
.subheading.lb-none {
  text-align: left;
}

.secondary-container.aboutus .aboutushero p {
    line-height: 1.6;
}
.secondary-container.aboutus .stat b {
    font-size: 1.8rem;
}


.secondary-container.aboutus .certificates-grid {
    grid-template-columns: repeat(1,1fr);
}
.secondary-container.aboutus .clientengagement-grid {
    grid-template-columns: repeat(1,1fr);
    gap: .2rem;
}
.singleservice-content figure img {
    aspect-ratio: auto;
}
.singleservice-sidebar-item:not(:last-child) {
    margin-bottom: 12px;
}



.single-casestudy .cs-hero-img img {
    aspect-ratio: 1;
    border-radius: 10px 10px 0 0;
}
.single-casestudy .stat-card b {
    font-size: 1.4rem;
}




}


@media only screen and (max-width: 480px) {

}