@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;600;700&family=Josefin+Sans:wght@400;600;700&display=swap');

*{margin: 0; padding: 0; box-sizing: border-box;
font-family: 'Josefin Sans', sans-serif;}
body{position: relative;}
a:focus, .btn:focus, button:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, input, textarea, select {outline: none;box-shadow: none;}
a{transition: all .25s ease;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-o-transition: all .25s ease;}
.clear{clear: both;overflow: hidden;}
h1, h2, h3, h4, h5, h6, h2 b{font-family: 'Comfortaa', cursive;font-weight: 700;}


/* Common CSS */
.section-title h2{font-size: 3rem;position: relative;display: inline-block;}
.section-title h2::before{content: "";position: absolute;left: 0;right: 0; bottom: -12px;height: 4px;background: #685eee;width: 80%;margin: 0 auto;border-radius: 5px;}

.main-section{margin-top: 76px;width: 100%;float: left;}
.top-space{padding-top: 40px;}
.bottom-space{padding-bottom: 60px;}
.fullwidth{width: 100%;float: left;}
.bgGrey{background: #f9f9f9;}
.title{padding: 2rem 1rem;border-radius: .3rem;text-align: center;}
.title h1{line-height: 1.6;color: #34263c;text-shadow: 4px 3px 6px rgba(0,0,0,0.2);}
.title span{color: #685eee;font-size: 2rem;}

/* Header CSS */
.header {padding: 13px 0; background: #fff; width: 100%; border-bottom: 1px solid #d4d4d4;position: fixed;left: 0;top: 0;z-index: 99;transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;}
.header.sticky {box-shadow: 1px 1px 10px rgba(0,0,0,0.6);background: #fff;}
.header .logo{color: #34263c;width: 279px;float: left;}
.header .logo img{width: 100%;}
.header .logo:hover{color: #34263c;}

.menu{text-align: right;padding-top: 5px;width: calc(100% - 279px);float: right;}
.menu ul{margin-bottom: 0;}
.menu ul li{list-style: none;display: inline-block;}
.mobile_menu_icons{display: none;}
.cross{display: none;}

/* Banner CSS */
.carousel-inner img {width: 100%;display: block;height: 600px;}

/* About-us CSS */
.about-us .introduction p{font-size: 1.3rem;}
.about-us .detail-box{margin-bottom: 40px;}
.about-us .detail-box .image-box{width: 50%;float: left;}
.about-us .detail-box .image-box img{width: 100%;height: 350px;}
.about-us .detail-box .details{width: 50%;float: right;padding-left: 20px;}
.about-us .detail-box:nth-child(even) .image-box{float: right;}
.about-us .detail-box:nth-child(even) .details{float: left;padding-left: 0;}
.about-us .detail-box .details h2{font-size: 2.4rem;color: #685eee;}
.about-us .detail-box .details p{font-size: 1.2rem;}
.card-btn{font-size: 18px;padding: 10px 25px;text-align: center;transition: 0.5s;background-size: 200% auto;color: #FFF;box-shadow: 0 0 20px #eee;box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);transition: all 0.3s cubic-bezier(.25, .8, .25, 1);cursor: pointer;display: inline-block;text-decoration: none;background-image: linear-gradient(to right, #34a2ff 0%, #e64dfc 51%, #7474BF 100%);border-radius: 2px;}
.card-btn:hover{background-position: right center;box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);text-decoration: none;color: #fff;}

/* achievements */
.blog-row{display: flex;justify-content: space-between;flex-wrap: wrap;}
.blog-row .card{width: 32%;text-decoration: none;}
.blog-row .card:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}
.blog-row .card .card-img{max-height: 320px;overflow: hidden;}
.blog-row .card h4{font-size: 1.3rem;color: #685eee;}
.blog-row .card p{color: #212529;}

/* Gallery CSS */
.gallery-box .img-box-row{display: flex;justify-content: space-between;flex-wrap: wrap;}
.gallery-box .image-card{max-height: 278px; overflow: hidden; margin-bottom: 20px;width: 32%;transition: all .25s ease;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-o-transition: all .25s ease;}
.gallery-box .image-card:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}
.gallery-box .image-card a{display: block;width: 100%;}
.gallery-box .image-card img{width:100%;display: block;height: 320px;}
.gallery-box p{font-size: 1.2rem;}

 /* Contact Page CSS */
.form-area{padding: 30px;border-radius: 5px;border: 1px solid #f9f9f9;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}
.form-area input[type=submit]{border: none; font-size: 18px;padding: 8px 25px;text-align: center;transition: 0.5s;background-size: 200% auto;color: #FFF;box-shadow: 0 0 20px #eee;box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);transition: all 0.3s cubic-bezier(.25, .8, .25, 1);cursor: pointer;display: inline-block;text-decoration: none;background-image: linear-gradient(to right, #34a2ff 0%, #e64dfc 51%, #7474BF 100%);border-radius: 2px;}
.form-area input[type=submit]:hover{background-position: right center;box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);text-decoration: none;color: #fff;}

/* Footer css */
footer{background-color: #050505 !important;}
footer .social-media a {padding: 12px;border-radius: 50%;display: inline-block;height: 45px;width: 45px;color: #fff;background-image: linear-gradient(135deg, #492cdd 0%, #ad38e2 100%);font-size: 20px;line-height: 16px;transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;}
footer .social-media a:hover {color: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
footer .footer-copyright{background-color: #1f1f1f !important;}
footer .footer-contact li{display: block;width: 100%;float: left;}
footer .footer-contact .avtar{width: 50px;float: left;}
footer .footer-contact .avtar img{width: 100%;border-radius: 50%;}
footer .footer-contact .box{width: calc(100% - 50px);float: left; padding-left: 20px;}
footer .footer-contact .box p{margin-bottom:10px;padding: 0;line-height: 1;color: #fff;text-transform: capitalize;}
footer .footer-contact .box a{display: inline-block;margin: 0 10px;}
footer .footer-contact .fa{color: #fff;transition: all .25s ease;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-o-transition: all .25s ease;}
footer .footer-contact .fa-facebook:hover{color: #492cdd;}
footer .footer-contact .fa-instagram:hover{color:  #bc2a8d;}
.footer-mail{text-decoration: none;color: #fff;}
.footer-mail:hover{color: #492cdd;text-decoration: none;}


/* Responsive CSS */

@media (max-width: 1139px) {

    .blog-row .card .card-img{max-height: 210px;}
    .blog-row .card h4{font-size: 13px;}
    .about-us .detail-box .details h2{font-size: 2rem;}
    .about-us .detail-box .details p{font-size: 1rem;}

    .carousel-inner img{height: 480px;}

}


@media (max-width: 1023px) {
    .about-us .detail-box .details h2{font-size: 1.8rem;}
    .blog-row .card{width: 49%;margin-bottom: 20px;}
    .blog-row .card:last-child{margin-bottom: 0;}
    .gallery-box .image-card{width: 49%;}
    .bottom-space{padding-bottom: 40px;}
    .section-title h2{font-size: 2.4rem;margin-bottom: 15px;}
    .carousel-inner img{height: 380px;}

}


@media (max-width: 767px) {

    .menu{position: fixed;left: -100%;top: 0;padding-top: 2rem;z-index: 9999;}
    .menu.active{left: 0;background: #ccc; height: 100vh;width: 280px;background: #1985e3;text-align: left;z-index: 9999;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;}
    .menu.active li{display: block;}
    .menu.active li a{color: #fff;font-size: 18px;}
    .menu.active li a:hover, .menu.active li a:active{text-decoration: underline;}
    .mobile_menu_icons{display: block;float: right;margin-top: 14px;}
    .cross{display: block;position: absolute;top: 10px;right: 10px;}
    .about-us .detail-box .image-box{width: 100%;margin-bottom: 20px;}
    .about-us .detail-box .details{width: 100%;padding-left: 0;}
    .about-us.bottom-space{padding-bottom: 0;}
    .carousel-inner img{height: 240px;}
    footer .footer-contact .box{width: auto;}
    footer .footer-contact li{display: flex;justify-content: center;}
    footer .footer-contact{margin-top: 2rem;}

}



@media (max-width: 600px) {
.logo span{font-size: 0;}
    .navbar-brand{font-size: 0;}
    .blog-row .card{width: 100%;}
    .gallery-box .image-card{width: 100%;}
    .section-title h2{font-size: 1.6rem;}
    .about-us .detail-box .details h2{font-size: 1.5rem;}
    .about-us .introduction p{font-size: 1.1rem;}
    .about-us .detail-box .details p{font-size: 1rem;}
    .introduction.bottom-space{padding-bottom: 0;}
    .title h1{font-size: 1.5rem;}
    .title span{font-size: 1.6rem;}
    .form-area{width: 90% !important;}

}

@media (max-width: 339px) {

}