/**
 * @file
 * Subtheme specific CSS.
 */

body{
    font-size: 15px;
}
.node--type-service header#header {
    background-color: #eef3ff;
}
#navbar-main {
    background-color: transparent;
    max-width: 1280px;
    margin: 0px auto;
}
.navbar-brand img {
    max-width: 200px;
}
#navbar-main ul li a.nav-link, #navbar-main ul li span {
    font-size: 106%;
    padding: 10px 18px;
    font-weight: 400;
    cursor: pointer;
    color: #0027ba;
    border-right: 1px solid #d0c9ee;
}

#navbar-main ul li a.nav-link.active, #navbar-main ul li span.active{
    color: #ff4900;
    font-weight: 500;
}

.nav-item li.dropdown-item {
    font-weight: 500;
    padding: 0;
    border-bottom: 1px solid #d9ceff;
}
.nav-item li.dropdown-item a {
    padding: 10px 25px;
    display: block;
}
.nav-item li.dropdown-item.active a.active {
    color: #fff;
}

nav.tabs {
    position: fixed;
    bottom: -15px;
    right: 0;
    z-index: 8;
    margin: 0;
}

#main-wrapper{
    margin-top: -10px;
}
.main-content>.section{
    margin: 0px -12px;
}


.hero{
        padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5ab00;
}

/*---------------------- HTML Elements ----------------------------*/
img{
    max-width: 100%;
    height: auto;
}
a {
    text-decoration: none;
    color: #0d00be;
}
h2{
    margin-top: 30px;
    font-size: 42px;
}
h2 strong {
    color: #ea5105;
}
h3, .h3{
    font-size: 22px;
}
hr {
    margin: 0.5rem 0;
}


.text-align-center{
    text-align: center;
}

.para-container{
    padding: 60px 0px 60px;
}
.center-h2{
    text-align: center;
    margin: 60px 0px 20px;
}

.para-container-box>div {
    padding: 60px 80px;
    border: 1px solid #e0e1f2;
    border-radius: 20px;
    margin-bottom: 40px;
    box-shadow: #0400a829 0px 4px 26px;
}

button.btn {
    padding: 12px 30px;
    font-size: 18px;
}
.h2-p{
    text-align: center;
    max-width: 720px;
    margin: 0px auto 40px;
}




.node--type-advance-page h3{
    font-size: 24px;
}

h3.accordion-header button.accordion-button {
    font-weight: 500;
    font-size: 60%;
    padding-top: 25px;
    padding-bottom: 25px;
}

.why-us {
    font-size: 88%;
    height: 160px;
}

.paragraph--type--text-area {
    max-width: 1180px;
    padding: 20px;
    margin: 0px auto;
    margin-bottom: 60px;
}

form#node-work-form {
    max-width: 940px;
    margin: 40px auto;
    padding: 5%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: #00000038 0px 4px 20px;
}


/*---------------------- Advance Page -----------------*/
.ap-header {
    background-image: url(/sites/default/files/images/content-images/shape1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 60px 0px 60px;
    margin-bottom: 30px;
    -webkit-box-shadow: inset 0px 0px 35px 0px rgba(186,188,217,1);
    -moz-box-shadow: inset 0px 0px 35px 0px rgba(186,188,217,1);
    box-shadow: inset 0px 0px 35px 0px rgba(186,188,217,1);
}
.ap-header h1 {
    max-width: 960px;
    margin: 0px auto;
    text-align: center;
    font-size: 320%;
}
/*----------------- Service Page ---------------------*/
.node--type-service, .node--type-industry{
    
}
.node--type-service h1, .node--type-industry h1{
    font-size: 24px;
    margin-top: 1%;
    font-weight: 400;
}
.sp-banner{
            background-image: url(/sites/default/files/images/content-images/shape1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding: 60px 0px 100px;
}
.sp-banner h2{
    margin: 5px 0px 15px;
    font-weight: 100;
}
.sp-process {
font-size: 88%;
    padding: 20px 30px;
    margin-top: 20px;
    border-radius: 12px;
    height: 220px;
    box-shadow: #3523ab24 0px 5px 15px;
    border: 1px solid #e1e9f9;
    text-align: center;
    background: rgb(218,232,241);
    background: linear-gradient(0deg,rgb(224 232 249) 0%,rgb(238 243 255) 42%,rgba(251,254,255,1) 100%);
}
.banner-actions{
    margin: 30px 0px 30px;
}
.sp-process h3{
    font-size: 18px;
}
.sp-process  .fe-icon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 42px;
    color: #2b15e3;
    margin: 0px auto;
}

.sp-features{
        background-image: url(/sites/default/files/images/content-images/shape2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding: 30px 0px 100px;
}


/*--------------- Webform Service Request ----------------------*/
.close-webform{
    cursor: pointer;
}
.close-webform .fa-regular{
    color: #ea5105;
}

#block-csboot-webform{
    display: none;
}
#block-csboot-webform .content {
    max-width: 600px;
    margin: 40px auto 60px;
    padding: 20px 60px 60px;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #d7c7ff;
    box-shadow: #1a005429 0px 10px 40px;
}
.service-request-form-open{
    
}
.service-request-form-open #block-csboot-webform{
    display: block;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ebeefdeb;
}

/*------------------- Blog ------------------------*/
.bl-header {
    background-image: url(/sites/default/files/images/content-images/shape1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 60px 0px 60px;
    margin-bottom: 30px;
    -webkit-box-shadow: inset 0px 0px 35px 0px rgba(186,188,217,1);
    -moz-box-shadow: inset 0px 0px 35px 0px rgba(186,188,217,1);
    box-shadow: inset 0px 0px 35px 0px rgba(186,188,217,1);
}
.bl-header h1{
    max-width: 960px;
    margin: 0px auto;
    text-align: center;
    font-size: 320%;
}
.node--type-blog .field--name-body{
    max-width: 960px;
    margin: 0px auto;
    font-size: 106%;
    line-height: 180%;
}

/*-------------------- Testimonials ---------------------------*/
.fp-testimonials{
    background-image: url("/sites/default/files/images/content-images/shape2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding: 30px 0px 100px;
}
.slick--view--testimonials.slick--skin--classic .slick__slide {
    margin: 10px;
    padding: 40px 30px 30px 30px;
    border: 1px solid #d3daef;
    border-radius: 15px;
    height: 340px;
    box-shadow: #00000014 0px 5px 10px;
    background: linear-gradient(0deg, rgb(244 248 255) 0%, rgb(255 255 255) 42%, rgba(251,254,255,1) 100%);
}
.test-header {
    margin-bottom: 15px;
}
.test-header img {
    border-radius: 50%;
}
.test-header .test-name {
    margin-top: 8px;
    font-weight: 600;
    font-size: 118%;
        text-align: left;
}
.test-header .test-designation {
    font-weight: 100;
    font-size: 88%;
        text-align: left;
}
.test-body {
    font-family: math;
    font-style: italic;
}

/*------------------------- Site Footer ---------------------*/
.site-footer{
    background-color: #0a164d;
    padding-top: 15px;
}
.site-footer__bottom{
    border: none;
    margin: 0;
}
.site-footer .field--name-body{
       font-size: 14px; 
}
.site-footer .field--name-body a{
    color: #fff;
}
.site-footer .field--name-body p{
    font-size: 88%;
}
.site-footer .field--name-body h3{
    margin-top: 20px;
    font-size: 20px;
    color: #EDB600;
}
.site-footer .content .field--name-body ul{
    margin: 0;
    padding: 0;
}
.site-footer .content .field--name-body ul li{
    display: block;
    border-bottom: 1px solid #ffffff14;
}
.site-footer .content .field--name-body ul li a{
    padding: 8px;
    display: block;
}

.site-footer .content .field--name-body ul.social-media-links {
    padding: 5px 0px;
    text-align: center;
}
.site-footer .content .field--name-body ul.social-media-links li {
    display: inline-block;
    border: none;
}
.site-footer .content .field--name-body ul.social-media-links li a {
    padding: 10px 25px;
}


/*---------------------------------------------------- Site Backend Manage Pages ---------------------------*/
div#block-csboot-adminfrontendmenu {
    position: fixed;
    bottom: 0px;
    left: 0px;
    margin: 0px;
    z-index: 11;
    width: auto;
}

div#block-csboot-adminfrontendmenu ul li{
        display: inline-block;
}
div#block-csboot-adminfrontendmenu ul li a{
    background-color: #333;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}