/********** Template CSS **********/
:root { --primary: #0253c2; --secondary: #88c7ef; --light: #F7FAFF; --dark: #1D1D27;}
.mtop{ margin-top: 20px;}
img.about-m{ max-width: 100%;}
/*** Spinner ***/
#spinner {  opacity: 0; visibility: hidden; transition: opacity .5s ease-out, visibility 0s linear .5s; z-index: 99999;}
#spinner.show { transition: opacity .5s ease-out, visibility 0s linear 0s; visibility: visible; opacity: 1;}
.back-to-top { position: fixed; display: none; right: 45px; bottom: 45px; z-index: 99;}
.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{ max-width: 100% !important;}
/*** Heading ***/
h1, h2, h3, .fw-bold { font-weight: 700 !important;}
h4, h5, h6, .fw-medium { font-weight: 500 !important;}
.img-right {display: inline-block; float: right; margin:0 0 15px 15px;}
p, ul li{color: #000;}
/*** Button ***/
.btn { font-weight: 500; transition: .5s;}
.btn-square { width: 38px; height: 38px;}
.btn-sm-square { width: 32px; height: 32px;}
.btn-lg-square { width: 48px; height: 48px;}
.btn-square, .btn-sm-square, .btn-lg-square { padding: 0; display: flex; align-items: center; justify-content: center; font-weight: normal; border-radius: 50px; background-color: #cbdaf9;}
.pt-2{ padding-top: .2rem !important;}
/*** Navbar ***/
.navbar-light .navbar-nav .nav-link { position: relative; margin-left: 15px; padding: 35px 0; color: var(--light) !important; outline: none; transition: .5s;}
.sticky-top.navbar-light .navbar-nav .nav-link { padding: 20px 0; color: var(--light) !important;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active { color: var(--secondary) !important;}
.navbar-light .navbar-brand h1 { color: #FFFFFF;}
.navbar-light .navbar-brand img { max-height: 40px; transition: .5s;}
.sticky-top.navbar-light .navbar-brand img { max-height: 40px;}
.header-video{ margin-top: 0px; max-width: 100%; width: 100%; height: 50vh;}
.header-video video{ box-shadow: 0px 0px 30px 12px #1459b7; border: solid 5px #f2f2f2;}
.btn-primary:hover{ background-color: #1977f9; border-color: #1977f9;}

@media (max-width: 991.98px) {
    .sticky-top.navbar-light { position: relative; /* background: #FFFFFF; */ }
    .navbar-light .navbar-collapse { margin-top: 15px; border-top: 1px solid #DDDDDD;}
    .navbar-light .navbar-nav .nav-link, .sticky-top.navbar-light .navbar-nav .nav-link { padding: 10px 0; margin-left: 0; color: var(--dark) !important; }
    .navbar-light .navbar-brand h1 { color: var(--primary); }
    .navbar-light .navbar-brand img { max-height: 30px; }
}

@media (min-width: 992px) {
    .navbar-light { position: absolute; width: 100%; top: 0; left: 0; border-bottom: 1px solid rgba(256, 256, 256, .1); z-index: 999; }
    .sticky-top.navbar-light { position: fixed; background: #0253c2; }
    .navbar-light .navbar-nav .nav-link::before { position: absolute; content: ""; width: 0; height: 2px; bottom: -1px; left: 50%; background: var(--secondary); transition: .5s; }
    .navbar-light .navbar-nav .nav-link:hover::before, .navbar-light .navbar-nav .nav-link.active::before { width: 100%; left: 0; }
    .navbar-light .navbar-nav .nav-link.nav-contact::before { display: none; }
    .sticky-top.navbar-light .navbar-brand h1 { color: var(--primary); }
}
/*Features*/
.bg-features{ background-color: #ececec !important;}
.owner{text-align: center; color: #fff !important;}
.owner h2, .owner h5{ color: #fff !important;}
.owner .col-sm-12{ border-right:solid 1px #4777F5;border-bottom: solid 1px #4777F5; margin: 0; padding: 10px;}
.owner .no-bb{ border-bottom: none;}
.owner .no-br{ border-right: none;}

/*** Hero Header ***/
.hero-header {
    background:
        url(../img/bg-dot.png),
        url(../img/bg-dot.png),
        url(../img/bg-round.png),
        url(../img/bg-tree.png),
        url(../img/bg-bottom-hero.png);
    background-position:
        10px 10px,
        bottom 190px right 10px,
        left 55% top -1px,
        left 45% bottom -1px,
        left bottom -1px;
    background-repeat: no-repeat;
}

/*** Section Title ***/
.section-title::before { position: absolute; content: ""; width: 45px; height: 4px; bottom: 0; left: 0; background: var(--dark);}
.section-title::after { position: absolute; content: ""; width: 4px; height: 4px; bottom: 0; left: 50px; background: var(--dark);}
.text-left{text-align: left;}
.section-title.text-center::before {left: 50%; margin-left: -25px;}
.section-title.text-center::after { left: 50%; margin-left: 25px;}
.section-title h6::before, .section-title h6::after { position: absolute; content: ""; width: 10px; height: 10px; top: 2px; left: 0; background: rgba(33, 66, 177, .5);}
.section-title h6::after { top: 5px; left: 3px;}
.feat img{ max-width: 55%; border: none; position: absolute; top: -62px; left:0;}
.start img{max-width: 100%; border: none; }
.pos-feature .service-item{ height: auto;}
.test-detail{ background: var(--light) !important; color: #888888 !important;}
.test-detail i{color: var(--primary) !important;}
.test-detail h6{color: var(--dark) !important;}
.w-50{width: 50%;}

/*faqs*/
.accordion a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 1rem 3rem 1rem 1rem; color: #7288a2; font-size: 1rem; font-weight: 400; border: 1px solid #e5e5e5; }
.accordion .content.active{ background-color: #fff !important;}
.accordion a:hover, .accordion a:hover::after { cursor: pointer; color: #0253c2; }
.accordion a:hover::after { /* border: 1px solid #0253c2; */ }
.accordion a.active { color: #0253c2; /* border-bottom: 1px solid #0253c2; */ }
.accordion a::after { font-family: 'Ionicons'; content: '\f218'; position: absolute; float: right; right: 1rem; font-size: 1rem; color: #7288a2; padding: 5px; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /* border: 1px solid #7288a2; */ text-align: center;}
.accordion a.active::after {font-family: 'Ionicons'; content: '\f209'; color: #0253c2; /* border: 1px solid #0253c2; */ }
.accordion .content { opacity: 0; padding: 0 1rem; max-height: 0; border: 1px solid #e5e5e5; overflow: hidden; clear: both; -webkit-transition: all 0.2s ease 0.15s; -o-transition: all 0.2s ease 0.15s; transition: all 0.2s ease 0.15s;}
.accordion .content p { font-size: 1rem; font-weight: 300; }
.accordion .content.active { opacity: 1; padding: 1rem; max-height: 100%; -webkit-transition: all 0.35s ease 0.15s; -o-transition: all 0.35s ease 0.15s; transition: all 0.35s ease 0.15s; }
.accordion-item{ border-color: #fcfcfc !important;}
  /*faqs*/

  /*** Service ***/
.service-item, .distillery { position: relative; height: 500px; padding: 30px 25px; background: #FFFFFF; box-shadow: 0 0 45px rgba(0, 0, 0, .08); transition: .5s;}
.distillery{ height: 250px; margin-bottom: 30px;}
.distillery img{ max-width: 140px !important;}
.service-item:hover { background: var(--primary);}
.fb{ background: url(../img/photo1.jpg) no-repeat center top; background-color: #fff;}
.service-item .service-icon { margin: 0 auto 20px auto; width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; color: var(--light); background: url(../img/icon-shape-primary.png) center center no-repeat; transition: .5s;}
.service-item:hover .service-icon { color: var(--primary); background: url(../img/icon-shape-white.png);}
.feature p{ color: #fff;}
.service-icon img{ max-width: 20%; margin: 20px 0 30px 0;}
.service-item h5, .service-item p { transition: .5s;}
.service-item:hover h5, .service-item:hover p { color: var(--light);}
.service-item a.btn {position: relative; display: flex; color: var(--primary); transition: .5s; z-index: 1;}
.service-item:hover a.btn { color: var(--primary);}
.service-item a.btn::before { position: absolute; content: ""; width: 35px; height: 35px; top: 0; left: 0; border-radius: 35px; background: #DDDDDD; transition: .5s; z-index: -1;}
.service-item:hover a.btn::before { width: 100%; background: var(--light);}
.list-dist ul{ width: 32%; display: inline-block; float: left; margin: 25px 5px; }
.list-dist ul li, ul.features li{ color:#000; margin-bottom: 10px; list-style: none;}
ul.features{ display: block; float: left;}

/*** Testimonial ***/
.newsletter, .testimonial {
    background:
        url(../img/bg-top.png),
        url(../img/bg-bottom.png);
    background-position:
        left top,
        right bottom;
    background-repeat: no-repeat;
}
.testimonial-carousel .owl-item .testimonial-item, .testimonial-carousel .owl-item.center .testimonial-item * {  transition: .5s;}
.testimonial-carousel .owl-item.center .testimonial-item {  background: var(--light) !important; border-color: var(--light);}
.testimonial-carousel .owl-item.center .testimonial-item * { color: #888888;}
.testimonial-carousel .owl-item.center .testimonial-item i { color: var(--primary) !important;}
.testimonial-carousel .owl-item.center .testimonial-item h6 { color: var(--dark) !important;}

/*** Team ***/
.team-item { position: relative; transition: .5s; z-index: 1;}
.minh{ min-height: 600px;}
.team-item::after { position: absolute; content: ""; top: 3rem; right: 3rem; bottom: 0; left: 0; border-radius: 10px; background: #FFFFFF; box-shadow: 0 0 45px rgba(0, 0, 0, .1); transition: .5s; z-index: -1;}
.team-item:hover::after { background: var(--primary);}
.team-item h5, .team-item small {transition: .5s;}
.team-item:hover h5, .team-item:hover small { color: var(--light);}

/*** Project Portfolio ***/
#portfolio-flters .btn { position: relative; display: inline-block; margin: 10px 4px 0 4px; transition: .5s;}
#portfolio-flters .btn::after { position: absolute; content: ""; right: -1px; bottom: -1px; border-left: 20px solid transparent; border-right: 0 solid transparent; border-bottom: 50px solid #FFFFFF;}
#portfolio-flters .btn:hover, #portfolio-flters .btn.active { color: var(--light); background: var(--primary);}
.portfolio-overlay { position: absolute; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; padding: 30px; top: 0; left: 0; background: var(--primary); transition: .5s; z-index: 1; opacity: 0;}
.portfolio-item:hover .portfolio-overlay { opacity: 1;}
.portfolio-item .btn { position: absolute; width: 90px; height: 90px; top: 0px; right: 0px; display: flex; align-items: center; justify-content: center; background: url(../img/icon-shape-white.png) center center no-repeat; border: none; transition: .5s; opacity: 0; z-index: 2;}
.portfolio-item:hover .btn { opacity: 1; transition-delay: .15s;}

/*** Footer ***/
.footer { background: url(../img/footer.png) center center no-repeat; background-size: contain;}
.footer a{ color: #fff !important;}
.footer .btn.btn-social { margin-right: 5px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: var(--light); border: 1px solid rgba(256, 256, 256, .1); border-radius: 40px; transition: .3s;}
.text-purple{color: #aaacff;}
.footer .btn.btn-social:hover { color: var(--primary) !important;}
.footer ul{list-style: none; padding: 0;}
.footer2-links{ width: 100%;}
.footer2-links li{ display: inline-block; margin-right: 33px;}
.mb-5{ margin-bottom: 5rem;}
.social-icons a{ background-color: #0253c2 !important; color:#fff !important;}
.footer .btn.btn-link { margin-bottom: 10px; padding: 0; text-align: left; color: var(--light); font-weight: normal; transition: .3s;}
.footer .btn.btn-link::before { position: relative; content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px;}
.footer .btn.btn-link:hover {letter-spacing: 1px; box-shadow: none;}
.footer .copyright {padding: 25px 0; font-size: 14px; border-top: 1px solid rgba(256, 256, 256, .1);}
.footer .copyright a {color: var(--light);}
.footer .footer-menu a {margin-right: 15px; padding-right: 15px; border-right: 1px solid rgba(255, 255, 255, .1);}
.footer .footer-menu a:last-child { margin-right: 0; padding-right: 0; border-right: none;}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .navbar{ background-color: #0253c2;}
    .navbar-light .navbar-toggler{ background: #fff;}
    .navbar-light .navbar-nav .nav-link, .sticky-top.navbar-light .navbar-nav .nav-link{ color: #fff !important;}
    .rounded-pill{ margin-left: 0 !important;}
    .list-dist ul{width: 100%; margin: 0;}
    .header-video{ margin: 0px auto; width: 68%;}
}
@media screen and (max-width: 480px) {
    .distillery{height: 300px; margin-bottom: 30px;}
}

@media screen and (max-width: 767px) {
    .navbar{ background-color: #0253c2;}
    .navbar-light .navbar-toggler{ background: #fff;}
    .navbar-light .navbar-nav .nav-link, .sticky-top.navbar-light .navbar-nav .nav-link{ color: #fff !important;}
    .rounded-pill{ margin-left: 0 !important;}
    .owner .col-sm-12{ border: none;}
    img.about-m{ max-width: 100%;}
    .feat img{max-width: 100%; position: unset;}
    .sticky-top.navbar-light{ background-color: none;}
    .list-dist ul{width: 100%; margin: 0;}
    .py-5{ padding-bottom: 35px !important;}
    .header-video{ width: 95%; margin: 0 auto;}
}