/*** Reset ***/
body{font-size: 15px;line-height: 1.4;font-family: 'Quicksand', sans-serif;font-weight: 400; color: #666666;}
button, input, textarea{font-family: 'Quicksand', sans-serif;font-weight: 400;}
.section{padding-top: 80px; padding-bottom: 80px;}
a{text-decoration: none; outline: 0 none;transition: all .3s ease 0s;}
.bg-img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;background-repeat: no-repeat; background-position: center; background-size: cover;z-index: 0;background-color: #443262;}
.btn{display: inline-flex;justify-content: center; align-items: center;padding: 10px 35px;border-radius: 50px;font-weight: 700;}
.title-section h3, .title-section h2{font-size: 34px;font-weight: 700;color: #443262;}
.title-section.title-white h3, .title-section.title-white h2, .title-section.title-white p{color: #ffffff;}
.tagline{font-family: 'Dancing Script', cursive;font-size: 28px;font-weight: 700;text-transform: capitalize;}
.reverse{flex-direction: row-reverse;}
h1.display-2{font-weight: 700;}
h4, h3{color: #443262;}
/* Header */
.header{padding: 10px 0;}
.inner-page .header{position: relative;}
.header .logo img{max-height: 120px;}
.toggler{display: none;}
.toggler{display: none;position: relative;border: 0; background-color: transparent;height: 35px;padding: 0;}
.toggler>span{display: block;width: 35px;height: 3px;background: #016cec; border-radius: 5px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); -webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.toggler>span::before, .toggler>span::after{content: "";position: absolute; width: 35px;height: 3px;border-radius: 5px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); background: #016cec;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;display: block;}
.toggler>span::before{top: 5px}
.toggler>span::after{bottom: 5px}
.toggler.is-active span{background: none; box-shadow: none;}
.toggler.is-active span::before{-webkit-transform: translateY(11px) rotate(45deg);transform: translateY(11px) rotate(45deg)}
.toggler.is-active span::after{-webkit-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg)}
ul.menu{list-style: none;margin: 0;padding: 0!important;}
ul.menu > li{padding: 14px 0; margin-left: 20px;margin-right: 20px;}
ul.menu > li > a{color: #443262;vertical-align: middle;font-size: 16px;font-weight: 700;}
ul.menu > li.active > a{color: #016cec;}
ul.menu .arrow-down{width: 8px;height: 8px;display: inline-block;position: relative;margin-left: 4px;}
ul.menu .arrow-down:before{content: "";display: block;width: 8px;height: 8px;top: -3px;left: 0;border-style: solid;border-color: #443262;border-width: 1px 1px 0 0;position: absolute;transform-origin: 50% 50%;transform: rotate(135deg);}
.item-has-children>a, .item-has-children{position: relative;}
ul.menu > li.item-has-children:hover .mega-menu{opacity: 1;visibility: visible;top: 95%;}
ul.menu > li.item-has-children:hover > a:before{opacity: 1;visibility: visible;top: 100%;}
ul.submenu{background-color: #ffffff; min-width: 200px;border-radius: 10px;box-shadow: 0 10px 10px rgba(0,0,0,0.1);position: absolute;left: 50%;margin-left: -100px;opacity: 0;visibility: hidden;top: 100%;transition: all .3s ease 0s;transform: scale(0);z-index: 1;list-style: none; padding: 0;}
ul.submenu:before{content: "";position: absolute; left: 50%; margin-left: -8px;top: -8px;width: 16px;height: 16px;background-color: #016cec;transform: rotate(45deg);z-index: -1;}
ul.submenu > li > a{position: relative;padding: 15px;text-decoration: none;font-weight: 400;color: #212121;display: flex;flex-direction: column;text-transform: capitalize;}
ul.submenu > li:first-child{border-radius: 10px 10px 0 0;overflow: hidden;position: relative;background-color: #ffffff;}
ul.submenu > li:last-child{border-radius:0 0 10px 10px;overflow: hidden;}
ul.submenu > li.current > a, ul.submenu > li > a:hover{background-color: #2347bd; color: #ffffff;}
ul.menu > li.item-has-children:hover ul.submenu{opacity: 1;visibility: visible;transform: scale(1);}
/* Banner */
.banner-section{background-color: #212121;position: relative;}
.banner-section.inner-banner .banner-description{height: auto;}
.banner-slide-item{vertical-align: top;}
.banner-description{padding-top: 40px;padding-bottom: 40px;height: 100vh; max-height: 642px; position: relative;z-index: 1;}
.banner-bg svg{width: 100%;height: auto;}
.banner-section .bg-img{opacity: 0.4;}
.banner-section svg.shape-overlay.shape-blue{bottom: 4px;}
.banner-section .heading-devider{margin-bottom: 20px;}
ul.slick-dots{list-style: none;margin: 0;padding: 0;text-align: center;position: absolute;bottom: 10px;width: 100%;}
ul.slick-dots li{display: inline-block;vertical-align: top;margin: 2px;height: 10px;}
ul.slick-dots li button{width: 20px;height: 10px;border-radius: 10px;background-color: #fff;border: 0;text-indent: -999px;overflow: hidden;}
ul.slick-dots li.slick-active button{background-color: #ffc107;width: 25px;}
.slick-arrow{width: 45px;height: 45px;border-radius: 45px;background-color: rgba(255,255,255,0.3);border: 0;text-indent: -999px;background-image: url(../images/svg/arrow-b.svg);background-position: center;background-repeat: no-repeat;position: absolute;top: 50%;margin-top: -42.5px;overflow: hidden;z-index: 1;}
.banner-slider .slick-arrow{background-image: url(../images/svg/arrow-right.svg);background-color: transparent;}
.banner-slider .slick-arrow:hover{background-color: #ffc107;}
.banner-slider .slick-arrow.slick-prev{left: 10px;transform: rotate(180deg);}
.banner-slider .slick-arrow.slick-next{right: 10px;}
.banner-slider .slick-arrow:hover{box-shadow: 0 0 30px rgba(0,0,0,0.25);}
.gallery-item{cursor: pointer;}
/*  */
.about-section img{width: 100%;}
.doners-section{background-color: #ffffff;}
.doners-section .bg-img{opacity: 0.1;}
/* Team Section */
.single-person{margin-top: 30px;padding: 30px;background-color: #f6f9ff;border-radius: 5px;text-align: center;margin-bottom: 50px;}
.single-person:hover{background-color: #ffc107;}
.single-person .person-image{position: relative;margin-bottom: 10px;border-radius: 50%;border: 4px solid transparent;transition: padding .3s;}
.single-person:hover .person-image{padding: 8px;border: 4px solid #fff;}
.single-person .person-image img{width: 100%;border-radius: 50%;}
.single-person .person-info .full-name{margin-bottom: 10px;font-size: 28px;font-weight: 700;}
.single-person .person-info .speciality{text-transform: uppercase;font-size: 14px;color: #444;}
.single-person:hover .full-name,
.single-person:hover .speciality{color: #fff;}
.inner-page .single-person{margin-bottom: 0;}
/* Footer */
.footer{position: relative;width: 100%;}
.footer ul, .footer ol{list-style: none;padding-left: 0;}
.footer-main{padding: 40px 0;position: relative;}
.footer-company-info{padding: 30px; border: 1px solid rgba(255,255,255,0.4); border-radius: 10px;}
.footer-company-info .logo{margin-bottom: 20px;height: auto;opacity: 1;}
.footer-social-links{display: flex;list-style: none;margin:20px 0 0;padding: 0;transition: all 0.2s;justify-content: center;}
.footer-social-links li a{display: flex;width: 40px;height: 40px;border-radius: 100%;background-color: rgba(255,255,255,0.3); position: relative;justify-content: center;align-items: center;margin:4px;}
.footer-social-links li a:hover{background-color: #016cec;color: #ffffff;}
.footer-menu{display: flex;flex-flow: wrap;}
.footer-menu li{margin-bottom:15px; margin-right: 15px;}
.footer-menu > li > a{font-size: 16px;font-weight: 500;position: relative;}
.footer a{color: #ffffff;text-decoration: none;}
.footer a:hover{color: #016cec;}
.footer-contacts{margin-top: 20px;text-align: left;}
.footer-contacts li{margin-bottom: 1rem;position: relative;padding-left: 30px;text-align:left;}
.footer-contacts li i{position: absolute; left: 0; top: 5px;}
.footer-item-heading{font-size: 24px;color:#ffffff;margin-bottom: 20px;font-weight: 700;color: #ffffff;}
.footer-bottom{border-top: 1px solid rgba(255,255,255,0.1);padding-top: 20px;position: relative;}
.smoth_scroll{width: 60px;height: 60px;margin:20px 20px 0;position: fixed;right: 0;bottom: 0px;width: 40px;display: none;text-align: center;transition: all .2s ease 0s;cursor: pointer;background-color: #ffc107;border-radius: 4px 4px 0 0;}
.smoth_scroll:before{content: "";display: block;width: 16px;height: 16px;top: 50%;left: 50%;border-radius: 3px;border-style: solid;border-color: #ffffff;border-width: 3px 3px 0 0;position: absolute;transform-origin: 50% 50%;transform: rotate(-45deg);margin: -12px 0 0 -7px;transition: all .2s ease 0s;}
.smoth_scroll:after{content: "";display: block;top: 50%;left: 50%;border-radius: 3px;border-style: solid;border-color: #ffffff;position: absolute;transform-origin: 50% 50%;width: 0;height: 30px;border-width: 0 3px 0 0;transform: translate(-0.5px, -13px);transition: all .2s ease 0s;}


/* Contact Page */
.form-group{margin-bottom: 20px;}
.form-group label{margin-bottom: 5px;font-weight: 500;}
.form-control{padding: 10px;}
.our-location{padding-left: 30px;}
.our-location iframe{width: 100%;height: 320px;vertical-align: top;}
.contact-section .address-list{list-style: none;margin-bottom: 30px;padding: 0;}
.contact-section .address-list li{padding-left: 40px;padding-bottom: 30px;position: relative;font-size: 20px;}
.contact-section .address-list li strong{font-size: 18px;}
.contact-section .address-list li i{position: absolute; left: 0; top: 4px;font-size: 22px;color: #443262;color: #ffc107;}
.contact-section .address-list li a{color: #443262;}
.contact-section .address-list li a:hover{color: #ffc107;}
.social-links{list-style: none;margin-bottom: 30px;display: flex;}
.social-links>li>a{width: 35px;height: 35px;display: flex;justify-content: center;align-items: center;border-radius: 4px;margin-right: 10px;}
.certificate-box{padding: 30px 15px 20px;margin-bottom: 50px; max-width: 280px;text-align: center;margin-left: auto;margin-right: auto;display: inline-block;width: 100%;transition: all .3s ease 0s;}
.certificate-box:hover{background-color: #443262;color: #ffffff;border-color: #443262!important;}
.certificate-box:hover h4{color: #ffc107!important;}
.certificate-box img{max-width: 80px;display: block;margin-left: auto;margin-right: auto;margin-bottom: 20px;transition: all .3s ease 0s;}
.certificate-box:hover img{transform: scale(1.1);}
.certificate-modal .modal-body{min-height: calc(100vh - 110px);}
.certificate-modal iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*** Responive ***/
@media only screen and (min-width: 992px) and (max-width: 1200px){
    .industries-list li{width: 31%;}
    .industries-list li:nth-of-type(3n+3){margin-right: 0;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .section{padding-top: 50px;padding-bottom: 50px;}
    ul.menu > li > a{font-size: 14px;}
    ul.menu > li{margin-left: 15px;margin-right: 15px;}
    .industries-list li{width: 31%;}
    .industries-list li:nth-of-type(3n+3){margin-right: 0;}
    .banner-section .heading-devider{margin-left: auto;margin-right: auto;}
    .banner-section.inner-banner .banner-description{min-height: 220px; padding: 50px 0;}
    .img-fluid.rounded.border{margin-bottom: 20px;}
    .banner-section .bg-img{clip-path: none;}
    .banner-description{padding: 15px 0;height: auto;min-height: 450px;background-color: rgba(68,50,98,0.5);text-align: center;}
    .banner-section.banner-slider .slick-arrow{display: none!important;}
    .banner-slider .quote-text{font-size: 18px;color: #ffffff;text-align: center;}
    .banner-slider .quote-text:before{opacity: 0.5;}
    .banner-description .blue{background-color: #ffffff;margin-left: auto;margin-right: auto;}
    .banner-description .tagline{color: #ffffff;}
    .slogan-section h1{font-size: 24px!important;}
    .title-section h3, .title-section h2{font-size: 26px;}
    .quotes-slider .quote-text{font-size: 20px;}
    .vision-mission-section .row.justify-content-between.reverse {
        padding-top: 30px;
        margin-top: 30px;
        border-top: 1px solid #ddd;
    }
    .contact-section .address-list{padding-left: 0;}
    ul.social-links{padding-left: 0;}
    .our-location{padding-left: 0;}
}
@media only screen and (max-width: 767px){
    .certificate-box{margin-bottom: 10px;}
    .section{padding-top: 40px;padding-bottom: 40px;}
    .title-section h3, .title-section h2{font-size: 20px;}
    .header{position: relative;}
    .logo-sec{display: flex;justify-content: space-between;align-items: center;}
    .toggler{display: block;}
    .right-header{background-color: #ffffff;display: none!important;}
    .right-header.is-active{display: block!important;}
    .bottom-bar.justify-content-end{justify-content: flex-start!important;}
    ul.menu >li.item-has-children>a{display: flex;justify-content: space-between;align-items: center;}
    ul.menu > li.item-has-children.active > .submenu{position: initial;width: 100%;height: auto;transform: none;opacity: 1;visibility: visible;margin: 0;box-shadow: none;}
    ul.menu{flex-direction: column;width: 100%;}
    ul.menu > li{margin-left: 0;padding: 0;width: 100%;}
    ul.menu > li>a{padding:12px 15px;display: block;border-bottom: 1px solid #ddd;}
    .banner-section .bg-img{clip-path: none;}
    .banner-description{padding: 50px 0;height: auto;min-height: 300px;background-color: rgba(68,50,98,0.5);text-align: center;}
    .banner-section.banner-slider .slick-arrow{display: none!important;}
    .banner-slider .quote-text{font-size: 18px;color: #ffffff;text-align: center;}
    .banner-slider .quote-text:before{opacity: 0.5;}
    .banner-description .blue{background-color: #ffffff;margin-left: auto;margin-right: auto;}
    .banner-description .tagline{color: #ffffff;}
    .slogan-section{padding: 15px 0;margin-top: -5px;}
    .slogan-section h1{font-size: 18px!important;line-height: 28px;}
    .col-sm-12.col-lg-6{margin-top: 20px;}
    .single-service-content{height: 220px;}
    .single-service-content .content.overlay-content > p{display: none;}
    #cards .col-10{width: 100%;}
    .title-section.mb-4.text-center{margin-bottom: 0;}
    .row.justify-content-between.align-items-center.mt-3{margin-top: 0!important;}
    .footer .items .item:nth-of-type(4){margin-top: 20px;}
    .footer-main{padding-bottom: 0px;padding-top: 40px;}
    .footer-social-links{justify-content: center;margin-top: 10px;margin-bottom: 10px;}
    .footer-links{text-align: center;}
    .banner-section .heading-devider{margin-left: auto;margin-right: auto;}
    .banner-section.inner-banner .banner-description{min-height: 180px; padding: 50px 0;}
    .quotes-slider .slick-slide{margin: 15px;}
    .quotes-slider .quote-text{font-size: 18px;}
    .footer-links{margin-bottom: 20px;}
    .footer-company-info{margin-top: 20px;margin-bottom: 20px;}
    .footer-company-info .logo img{max-width: 200px;}
    .header .logo img{width: 180px;}
    .single-person{margin-bottom: 0;padding: 10px;}
    .single-person .person-info .full-name{font-size: 18px;}
    .doners-section .align-items-start{align-items: center!important;}
}
@media only screen and (max-width: 480px){
    .bg.bg-primary{display: none;}
    .image-one{margin-left: auto;max-width: 100%;margin-bottom: 15px;}
    .image-two{margin-right: auto;max-width: 100%;}
    .industries-list li{width: 100%;margin-right: 0;}
}