/*
Theme Name: Tetramind
*/

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

body{font-family: "Plus Jakarta Sans", sans-serif;}
p,li,a,span{font-family: "Plus Jakarta Sans", sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: "Ubuntu", sans-serif;}

.headercmpic{border-radius: 50%; background-color: rgba(260, 260, 260, 0.3);backdrop-filter: blur(2px); width: 100px; height: 100px; overflow: hidden;}
.bgblur{backdrop-filter:saturate(0.5) blur(3px);}

#offcanvas-navbar{height:100vh;}

.site-header{
    position:fixed; top:0; left:0; right:0; background-color:transparent;
}
.navbar-brand{
	max-width:110px; padding:10px !important;
	background-color: rgba(260, 260, 260, 0.9); backdrop-filter: blur(3px); height: 100%;
}
.text-gradient h2 {
    background: linear-gradient(145deg, #2f3190, #229659 35%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.stickywrap{
    position: sticky; top:100px;
}




.faqscontainer .e-n-accordion-item{ border:1px solid #dfdfdf; border-radius:10px;}
.faqscontainer .e-n-accordion-item .e-n-accordion-item-title{padding:20px 20px 20px 20px;}
.faqscontainer .e-n-accordion-item > div{padding:0 20px 20px 20px !important;}

.timelinewrapper{
}
.timelinewrapper> div.timelineitem{position:relative;}
.timelinewrapper > div.timelineitem:before{
    position:absolute; left:-7px; top:10px; background-color:#fff; content:''; width:14px; height:14px; border-radius:30px;
    border:3px solid #343694;
}


#bootscore-navbar li a:hover, #bootscore-navbar li a.active{color:#2f3190; font-weight:600;}

#footer{background-color:#0d2626; color:#fff;}

#menu-main-menu-1{display: flex; justify-content:center; flex-wrap:wrap; gap:15px;}
#menu-main-menu-1 li a{text-decoration:none; font-weight:300; color:#fff;}


.listwrp ul li{
    padding:6px 14px !important; background-color:rgba(0,0,0,0.2) !important; backdrop-filter:blur(4px) !important; margin:6px !important;
    border-radius: 20px !important; border:1px solid rgba(260,260,260,0.2) !important;
}


.videosTestimonials video{width:100%;border-radius:30px}.videosTestimonials .swiper-slide{position:relative;transform:scale(.8);transition:all ease .2s}@media(max-width:680px){.videosTestimonials .swiper-slide{position:relative;transform:scale(.85);transition:all ease .2s}.videosTestimonials .swiper-slide.swiper-slide-active{transform:scale(1)}}.videosTestimonials .swiper-slide:after{position:absolute;left:0;right:0;bottom:0;top:0;content:"";z-index:222;display:block}.videosTestimonials .swiper-slide.swiper-slide-active{transform:scale(1)}.videosTestimonials .swiper-slide.swiper-slide-active:after{display:none}

.testipagination{display:flex;align-items:center;justify-content:center;margin-top:20px;flex-wrap:wrap;}
.testipagination span{background-color:#fff;opacity:.3;width:9px;height:9px;}
.testipagination span.swiper-pagination-bullet-active{background-color:#fac430;opacity:1;width:15px;height:15px;}

.nextsf{width:34px !important; height:34px !important; border-radius:40px; background-color:rgba(0,0,0,0.5);}
.prevsf{width:34px !important; height:34px !important; border-radius:40px; background-color:rgba(0,0,0,0.5);}
.nextsf:after,
.prevsf:after{font-size:15px !important; color:#fff !important;}

.swiper-backface-hidden{display:none !important; }


.elementor-element.timewrap{position:relative;}
.elementor-element.timewrap::before{
    position:absolute; left:15px; bottom:0; top:0; height:100%; width:1px; background-color:#dfdfdf; content:'';
}
.timewrap-item{position:relative}
.timewrap-item::after{
    position:absolute; left:-2px; top:9px; height:15px; width:15px; background-color:#23ae33; border-radius:50px; content:'';
     border:4px solid #167121;
}
.timewrap-item::before{
    content:'sdfasdf';
}


.list-capsules li.elementor-icon-list-item{ padding:6px 20px !important; border:1px solid #dfdfdf; border-radius: 40px; margin-bottom:15px;}


@media(max-width:680px){
    .headercmpic{width:70px; height:70px;}
    .navbar-brand{max-width:80px;}
}

@media(min-width:991px){
    #bootscore-navbar{
        padding:1px 20px; border-radius:20px; backdrop-filter:saturate(0.5) blur(5px); background-color: rgba(260,260,260,0.5);
        border:1px solid rgba(260,260,260,0.4);
    }
    #bootscore-navbar li a{color:#232323; font-weight:normal;}
}

@media(min-width:100px){
    .container, .e-con-inner{width: 100% !important; max-width: 96%;}
    
}
@media(min-width:991px) and (max-width:1200px){
    .navbar-brand{max-width:90px;}
}
@media(min-width:991px) and (max-width:1024px){
    .container, .e-con-inner{width: 100% !important; max-width: 96% !important;}
}
@media(min-width:1024px){
    .container, .e-con-inner{width: 90% !important; max-width: 1440px !important;}
}