/*--Main Css--*/
@import "bootstrap.min.css";


body{margin: 0px; background: #fff; }
table,div{font-family: 'Poppins', sans-serif;font-size:14px; color:#333333; line-height:1.3;}
a{color: #333333; text-decoration: none; }
a:hover{color: #333333; text-decoration: none;}
img{border:none;max-width: 100%;}
p{ margin:10px 0;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
*{box-sizing: border-box;}
.img_left, #logo, #left, #social, .left, #contact-left{float:left;}
.img_right, #top_link, #right, #copy-logo, .right, #contact-right{float:right;}
input,select,textarea,button{font-family: 'Poppins', sans-serif;font-size: 14px;}
button{cursor: pointer;}
h1,h2,h3,h4{margin:10px 0;line-height: 1.3;}
/*Heading*/
h1{font-size:22px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:14px;}

.img_left{margin-right:10px;}
.img_right{margin-left:10px;}
ul{margin:0; padding:0;}
ul li{list-style-type: none;}
.c-title{text-align: center;}

#main{margin:0 auto;}
header{}
.header-top{padding: 15px 0;}
#logo{max-width: 240px; height: 120px;}
#logo img { width: 100%; max-height: 120px;}

.navbar {border:0;background: #fff;margin-bottom: 0;border-bottom: 4px solid #0ab5a2;border-radius: 0;}
.navbar-nav{float: none;}
.navbar-default .navbar-nav > li{width: 20%;text-align: center;}
.navbar-default .navbar-nav > li > a{line-height: 30px;padding: 10px 30px;color: #fff;font-size: 12px;font-weight: 700;text-transform: uppercase;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a.active{color: #fff;background: #0ab5a2;transition: all ease 0.5s;}
.navbar-collapse{padding: 0;}

.menu-bar ul li ul.submenu {background-color: #24236f; display: none; position: absolute; z-index: 1; width: 100%; -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.05);  -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.05);top: auto;border-top: 4px solid #fff;}
.menu-bar ul li ul.submenu li {display: block; width: 100%;}
.menu-bar ul li ul.submenu li a {color: #fff; line-height: 25px;padding: 10px 27px;display: block;}
.menu-bar ul li ul.submenu li a:hover {color: #fff; background-color: #0ab5a2;}
/*.menu-bar ul li:hover {color: #fff;  background: #0ab5a2;}*/
.menu-bar ul li:hover ul.submenu {display: block;}
.menu-bar ul li i.icon-arrow {font-size: 14px;width: 14px;height: 14px;display: inline-block;top: 40%;position: absolute;right: 20px;}

.header-top-right{margin-top: 20px;}
.social-icon{}
.social-icon ul li{margin: 0 2px;display: inline-block;}
.social-icon ul li a{width: 36px;height: 36px;border: 1px solid #aaa;border-radius: 100%;line-height: 36px;text-align: center;display: block;font-size: 16px;color: #24236f;}
.social-icon ul li a:hover{background: #0ab5a2;color: #fff;transition: all ease 0.5s;}
.header-info{margin-right: 20px;color: #152545;}
.header-info i{width: 36px;height: 36px;border: 1px solid #24236f;border-radius: 100%;line-height: 36px;text-align: center;display: block;font-size: 16px;color: #0ab5a2;margin-right: 10px;}
.header-info span{color: #a1a1a1;display: block;}

.menu-bar{background: #24236f;}

#banner{}
.carousel-control.left{background: none;}
.carousel-control.right{background: none;}
.carousel-inner img{margin: 0 auto;}
.carousel-control {width: auto;opacity: 1;top: 50%;position: absolute;}
.carousel-control.left{left: 0;}
.carousel-control.right{right: 0;}
.carousel-control > img {background: #323232;padding: 12px 10px 12px 13px;}
.banner_text{position: absolute;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);}
.banner_text h3{font-family: 'Playfair Display', serif;font-size: 40px;color: #fff;font-weight: 700;}
.banner_text h3 span{display: block;font-size: 25px;font-weight: 400;position: relative;padding-left: 80px;}
.banner_text h3 span:before{content: '';background: #fff;height: 5px;width: 70px;position: absolute;left: 0;top: 12px;}
.banner_text .btn-primary{background: #fff;color: #24236f;margin-top: 20px;}
.banner_text .btn-primary:hover{color: #fff;}

/* 13-04-2021 */
.scope-table .title{text-align: center;}

#content .row{padding-top: 30px;padding-bottom: 30px;}
.btn-primary{background: #0ab5a2;color: #fff;border-radius: 0;border: 0;padding: 10px 20px;text-transform: uppercase;}
.btn-primary:hover{background: #24236f;transition: all ease 0.5s;}
.title{color: #24236f;font-family: 'Playfair Display', serif;font-size: 22px;font-weight: 700;position: relative;padding-bottom: 15px;margin-bottom: 30px;text-transform: uppercase;}
.title.white-title{color: #fff;}
.title:before{content: '';background: #0ab5a2;height: 4px;width: 70px;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.title1{color: #24236f;font-family: 'Playfair Display', serif;font-size: 22px;font-weight: 700;margin-bottom: 30px;}
#content .row.welcome-text{padding-top: 120px;padding-bottom: 120px;}
/*.welcome-text{background: url(../images/KJSA-new-logo2.png)no-repeat center center; background-size: cover;}*/
.welcome-text h4{font-size: 19px;color: #585858;font-weight: 700;font-family: 'Playfair Display', serif;line-height: 1.6;}
.grey-bg{background: #f4f4f4;}
.half-green{position: relative;}
.half-green:before{content: '';background: #0ab5a2;position: absolute;height: 100%;width: 100%;left: -42%;top: 0;bottom: 0;}
.whoweare{padding-top: 30px;padding-bottom: 30px;}
.whoweare > div{padding: 5px;}
.whoweare:before{content:'';background: #0ab5a2;position: absolute;}
.whoweare .title1{color: #fff;font-size: 32px;}
.whoweare p{color: #fff;line-height:  1.8;text-align: justify;}
.whoweare ul li{line-height: 1.8; margin-bottom: 5px;padding: 0 15px;}
.whoweare ul li:before{content: '\f00c';font-family: 'FontAwesome';margin-left: -25px;margin-right: 5px;color: #0ab5a2;}
.whoweare-box{background: #fff;border-radius: 5px;text-align: center;padding: 40px 20px;margin: 20px 0;}
.whoweare-box:hover {transform: scale(1.1); border: 1px solid #000000; transition: all 0.5s ease-in-out; cursor: default;}
.whoweare-box i{color: #0ab5a2;font-size: 25px;margin-bottom: 30px;display: block;}
.whoweare-box h4{text-transform: uppercase;font-weight: 600;min-height: 40px;}
.mission{padding: 30px;}
.mission p{line-height: 1.8;font-size: 13px;color: #585858;margin-bottom: 20px;}
.our-services-bg{background: url(../images/our-services-bg.jpg)no-repeat center center;background-size: cover;}
.our-services-bg h4{font-size: 24px;color: #fff;font-weight: 700;font-family: 'Playfair Display', serif;line-height: 1.4;}

/* 15-04-2021 */
.back-img {
    position: relative;
    overflow: hidden;
}
.back-img:before{
    content: ' ';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 350px;
    z-index: 1;
    opacity: 0.2;
    transform: translate(-50%, -50%);
    background-image: url(../images/KJSA-new-logo2.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}
.back-img .description {
    position: relative;
    z-index: 2;
    color: #000000;
}

/*.about-keyur .text-background{background: url(../images/KJSA-new-logo.png)no-repeat center center; background-size: cover;}*/


.services{padding: 0 !important;}
.services > div:first-child{/*margin-top: -20px;*/}
.services > div{padding: 0;text-align: center;border-left: 2px solid #24236f;border-right: 2px solid #24236f;border-bottom: 2px solid #24236f;}
.services h3{background: #0ab5a2;margin: 0;padding: 15px 10px;font-size: 17px;color: #fff;text-transform: uppercase;}

.about-keyur p{line-height: 1.6;margin-bottom: 20px;color: #585858;}
.about-keyur .whoweare-box{box-shadow: 0 0 5px #ccc; transition: all 0.5s ease-in-out;}
.about-keyur .whoweare-box:hover {border: 1px solid #0ab5a2;}
.blog-list{background: #fff;margin-bottom: 20px;padding: 20px 30px;transition: all ease 0.5s;}
.blog-list:hover{background: url(../images/our-services-bg.jpg)no-repeat center center;background-size: cover;cursor: pointer;}
.blog-list:hover p{color: #fff;}
.blog-list:hover .btn-primary{display: block;}
.blog-list .date{color: #24236f;font-size: 16px;font-weight: 700;font-family: 'Playfair Display', serif;position: relative;padding-left: 50px;margin-bottom: 20px;}
.blog-list .date:before{content: '';background: #0ab5a2;height: 3px;width: 40px;position: absolute;left: 0;top: 10px;}
.blog-list p{line-height: 1.6;}
.blog-list .btn-primary{margin: 20px 0;display: none;}
.inner-pages .text-center img {height: 650px;object-fit: cover;}

.services-list .title{text-align: center;font-size: 36px;}
/*.service-box {border: 1px solid #e4e4e4;padding: 20px;margin-bottom: 20px;border-radius: 10px;border-top: 2px solid #0ab5a2;transition: all 0.5s ease-in-out;}
.service-box:hover {cursor: default;box-shadow: 0px 6px 5px -4px #898989;transition: all 0.5s ease-in-out;}*/

.testimonial{background: url(../images/testimonial-bg.jpg)no-repeat center center;background-size: cover;text-align: center;}
.testimonial h3{font-size: 30px;color: #fff;font-weight: 700;font-family: 'Playfair Display', serif;padding: 100px 0;}
.testimonial h3 span{display: block;font-size: 20px;font-weight: 400;margin-top: 20px;}

.contact-section{background: #1e1e36;}
.contact-section .row{padding: 0 !important;}

.contact-detail{margin-top: -80px;}
.contact-detail > div{background: #0ab5a2;height: 185px;text-align: center;padding-top: 35px;color: #fff;line-height: 1.5; transition: all 0.5s ease-in-out;}
.contact-detail > div:hover {transition: all 0.5s ease-in-out; transform: scale(1.05); z-index: 1; box-shadow: 1px 1px 3px 1px #3f3f3f;}
.contact-detail > div a{color: #fff;}
.contact-detail > div:nth-child(2n+2){background: #3bc4b5;}
.contact-detail > div i{color: #fff;font-size: 24px;display: block;margin-bottom: 15px;}

footer{background: #1e1e36;padding: 60px 0;text-align: center;}
.footer-menu{margin-bottom: 50px;}
.footer-menu li{display: inline-block;position: relative;padding: 0 20px;}
.footer-menu li:after{content: '\f111';font-family: 'FontAwesome';font-size: 6px;position: absolute;top: 6px;right: 0;color: #fff;}
.footer-menu li:last-child:after{content: '';}
.footer-menu li a{color: #fff;text-transform: uppercase;}
footer .social-icon ul li a{border: 1px solid #fff;color: #fff;}
.copy{color: #fff;margin-top: 40px;}


.inner-pages{margin-bottom: 70px;}
.listing-table {display: flex; align-items: center; width: 100%;}
.listing-table .space-box {margin-bottom: 20px;padding: 0 20px;width: 50%;}
.listing-table .space-box li{ list-style: disc; margin-bottom: 10px;/*padding-left: 25px;*/line-height: 1.6; font-weight: 600;list-style: none;position: relative; padding-left: 20px;padding-bottom: 8px; border-bottom: 2px solid rgba(0,0,0,.15);}
.listing li i{color: #66ce04; padding-right: 5px; font-size: 10px;position: absolute; left: 0; top: 7px;}


/* registered-values */
.registered-values {padding: 20px 20px;box-shadow: 0px 0px 14px 0px rgb(141 182 220);border-radius: 30px;}

.registered-values li{transition:all 0.5s ease-in-out;position: relative;list-style: none;margin-bottom: 10px;line-height: 1.6; font-weight: 600;padding-left: 20px;padding-bottom: 8px;fo66nt-weight: 600;  margin-bottom: 10px; position: relative;}
.registered-values li i{/*transition:all 0.5s ease-in-out;*/color: #66ce04;padding-right: 5px;font-size: 10px;position: absolute;left: 0;top: 7px;}
.registered-values li:nth-child(3){margin-bottom: 0;}
/*.registered-values li:hover i{left: 8px; transition:all 0.5s ease-in-out;}*/
.listing li:hover a{color: #0ab5a2; transition:all 0.5s ease-in-out;}
#content .listing li .row{padding: 10px;}
#content .listing.row{padding: 0 15px;}

.left-title:before{right: auto;}
.green-bg{background: #0ab5a2;}
.green-bg .listing li{color: #fff;}
.green-bg .listing li:before{color: #fff;}

/*-------------contact us------------*/
.contactus i{background: #24236f;color: #fff;font-size: 22px;width: 50px;height: 50px;line-height: 50px;border-radius: 100%;display: block;margin: 0 auto 20px;}
.contact-list{border-bottom: 2px solid #dcdddf;}
.contact-list > div{padding: 40px 20px;border-right: 2px solid #dcdddf;min-height: 275px;}
.contact-list > div:last-child{border-right: 0;}
.contact-list img{margin-bottom: 10px;}
.contact-list p{color: #5b5959;}
.contact-list p span{font-size: 20px;display: block;margin-bottom: 5px;color: #000;font-weight: bold;}

.contact-form{margin-bottom: 50px;}
.contact-form h3{font-size: 25px;color: #000;margin-bottom: 30px;font-weight: bold;}
.contact-form .form-control{border: 0;border-radius: 0;margin-bottom: 15px;padding: 6px 12px;height: 40px;background: #fff;box-shadow: none;}
.contact-form textarea.form-control{height: 150px;resize: vertical;}
.contact-padding{padding: 50px;}
.map{padding: 0;}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 10px;
}
.table > thead > tr > th {background: #575757;color: #fff;}



#hamburger-navigation{display: none;}
.mobile{display: none;}

.team-list .team-member .team-image {max-width: 230px; max-height: 200px; overflow: hidden;}
.team-list .team-member .team-image img {width: 100%; height: auto;}

#content .container-fluid .row.carousel-inner{padding-top: 0; margin: 0;}
/* owl nav */
.owl-prev span, .owl-next span {color: #FFF;}

.owl-prev span:hover, 
.owl-next span:hover {color: #8199A3;}
.owl-prev, .owl-next {position: absolute;top: 0;height: 100%;}
.owl-prev {left: 7px;}
.owl-next {right: 7px;}
/* removing blue outline from buttons */
button:focus, button:active {outline: none;}

.values-page .text-center img {height: auto;margin-top: 30px;}

.service-page .text-center img {height: 300px;}
.service-page .about-keyur .listing li a{color: #000;}
.service-page .about-keyur .listing li a:hover{color: #24236f;}
.service-page .about-keyur .listing:nth-child(2) li:last-child a{color: #24236f;}
.about-keyur {text-align: justify;}
#fema .service-box .service-header{background: #00ac97;}
/*--------1366px------------*/
@media only screen and (min-width:1366px) and (max-width:1440px) {
    .services h3{font-size: 14px;}
    .whoweare {padding-bottom: 20px;padding-top: 20px;}
    .mission {padding: 20px 30px;}
    .half-green::before {height: 566px;}


}

/*--------1180px------------*/
@media only screen and (min-width:1180px) and (max-width:1365px) {


}
/*  ------------------------------------ Menu CSS START ------------------------------------  */

@media screen and (max-width: 991px) {
    .menu-bar .collapse.in ul li:hover .submenu {display: none;}
    .menu-bar .collapse.in ul li .flexbox-container {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
    .menu-bar .collapse.in ul li .flexbox-container a {border-right: 1px solid rgba(255, 255, 255, 0.2);  padding: 0 20px; line-height: 50px; color: #FFFFFF}
    /*.menu-bar .collapse.in ul li .flexbox-container i.icon-arrow {display: inline-block;width: 76px; padding: 0 29px;text-align: center;cursor: pointer; line-height: 50px;}
    .menu-bar .collapse.in ul li .flexbox-container i.icon-arrow:hover {background: #5aaed5;}
    .menu-bar .collapse.in ul li .flexbox-container i.icon-arrow svg {height: 18px;width: 15px;}*/
    .menu-bar .collapse.in ul li .submenu {max-height: 0;overflow: hidden;box-shadow: none; display: none;}
    .menu-bar .collapse.in ul li.showSubmenu .submenu {max-height: 1000px;width: 100%;position: relative; display: block;overflow: inherit;background-color:#24236f;}
    .menu-bar .collapse.in ul li.showSubmenu .submenu .subOption {border-top: 1px solid rgba(255, 255, 255, 0.2);   border-bottom: none;}
    .menu-bar .collapse.in ul li.showSubmenu .submenu .subOption a {padding: 15px 40px;}
    .menu-bar .collapse.in ul li.showSubmenu .submenu .subOption a:hover {background: #f47409;}
    .menu-bar .collapse.in ul li.showSubmenu i.icon-arrow {top: 20px;-moz-transform: rotate(180deg); -ms-transform: rotate(180deg);-webkit-transform: rotate(180deg); transform: rotate(180deg);}

}
/*  ------------------------------------ Menu CSS END ------------------------------------  */
/*--------960px------------*/
@media only screen and (min-width:960px) and (max-width:1179px) {
    .menu-bar ul{display: table;width: 100%;margin: 0;}
    .navbar-default .navbar-nav > li{width: auto;display: table-cell;margin: 0; float: none;}
    .navbar-default .navbar-nav > li > a{padding: 15px;}

    .banner_text h3{font-size: 40px;}
    .banner_text h3 span {font-size: 21px;}
    .banner_text{left: 7%;}
    .welcome-text h4{font-size: 17px;}
    .whoweare {padding-bottom: 20px;padding-top: 20px;}
    .mission {padding: 20px 30px;}
    #content .row {padding-bottom: 40px;padding-top: 40px;}
    .half-green::before{height: 580px;}
    .services h3{font-size: 14px;height: 60px;}
    .about-keyur > div{padding: 5px;}


}


/*-----------Responsive Menu-----------*/
@media (max-width: 959px) {
    .navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-fixed-top {top: 0;border-width: 0 0 1px;}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin-top: 7.5px;}
    .navbar-nav>li {float: none;padding-top: 0;text-align: left;width: 100%;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-default .navbar-nav > li > a img {display: inline-block;height: auto;margin: 0;margin-right: 10px;width: 25px;}
    .collapse.in{display:block !important;}
    .header_menu .navbar-header{float: right;margin: 20px;}
    .navbar-default .navbar-toggle{ border: 0;background: #fff;margin: 0;border-radius: 0;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: #0ab5a2;}
    .navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar{background-color: #fff;}
    .social-icon.pull-right{float: left !important;}
    .navbar-collapse{position: absolute;right: 10px;width: 240px;box-shadow: none;border-top: 0 !important;padding: 0;z-index: 9;}
    .navbar-collapse .nav{margin: 0;background: #010101;}
    .navbar-default .navbar-nav > li > a{padding: 10px;font-size: 13px;line-height: 25px;}
    .navbar-nav > li .btn-default {color: #000000;padding: 0 10px;text-align: center;line-height: 50px;width: 100%;}
    .navbar-nav > li.logo{display: none;}
    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color: #fff;background: #0ab5a2;}
    .navbar-default .navbar-nav > li{width: 100%;text-align: left;}
    .menu-bar{padding: 10px;}

}
/*-----------END_Responsive Menu-----------*/

/*---------768px-----------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #logo img {width: 190px;}
    .header-top-right {margin-top: 0px;}
    .banner_text h3{font-size: 30px;}
    .banner_text h3 span {font-size: 19px;padding-left: 0;}
    .banner_text h3 span:before{display: none;}
    .banner_text{left: 7%;}
    .welcome-text h4{font-size: 15px;}
    .whoweare {padding-bottom: 20px;padding-top: 20px;}
    .mission {padding: 20px 30px;}
    #content .row {padding-bottom: 40px;padding-top: 40px;}
    .half-green::before{display: none;}
    .services h3{font-size: 14px;height: 60px;}
    .about-keyur > div{padding: 5px;}
    #content .row.welcome-text {padding-bottom: 90px;padding-top: 90px;}
    .title{font-size: 20px;}
    .whoweare{background: #0ab5a2;}
    .whoweare-box h4 {min-height: auto;}

    .values-page .text-center img {height: auto;}
}

/*-----------640px---------*/
@media only screen and (min-width: 640px) and (max-width: 767px) {
    #logo {float: none;text-align: center;}
    #logo img {width: 190px;}
    .header-top-right {float: none !important;}
    .header-top-right > div{margin-left: 30px;}
    .banner_text h3{font-size: 26px;}
    .banner_text h3 span {font-size: 18px;padding-left: 0;}
    .banner_text h3 span:before{display: none;}
    .banner_text{left: 7%;}
    .welcome-text h4{font-size: 15px;}
    .whoweare {padding-bottom: 20px;padding-top: 20px;}
    .mission {padding: 20px 30px;}
    #content .row {padding-bottom: 40px;padding-top: 40px;}
    .half-green::before{display: none;}
    .services h3{font-size: 14px;height: 60px;}
    .about-keyur > div{padding: 5px;}
    #content .row.welcome-text {padding-bottom: 100px;padding-top: 100px;}
    .title{font-size: 18px;}
    .whoweare{background: #0ab5a2;}
    .testimonial h3{font-size: 25px;}
    .whoweare-box h4 {min-height: auto;}
    .values-page .text-center img {height: auto;}


}

/*-----------480px---------*/
@media only screen and (min-width: 480px) and (max-width: 639px) {
    #logo {float: none;text-align: center;}
    #logo img {width: 190px;}
    .header-top-right {float: none !important;}
    .header-top-right > div{margin-left: 25px;}
    .banner_text h3{font-size: 22px;}
    .banner_text h3 span {font-size: 14px;padding-left: 0;}
    .banner_text .btn-primary{margin-top: 0;}
    .banner_text h3 span:before{display: none;}
    .banner_text{left: 7%;}
    .welcome-text h4{font-size: 15px;}
    .whoweare {padding-bottom: 20px;padding-top: 20px;}
    .mission {padding: 20px 30px;}
    #content .row {padding-bottom: 40px;padding-top: 40px;}
    .half-green::before{display: none;}
    .services h3{font-size: 14px;height: 60px;}
    .about-keyur > div{padding: 5px;}
    #content .row.welcome-text {padding-bottom: 100px;padding-top: 100px;}
    .title{font-size: 18px;}
    .whoweare{background: #0ab5a2;}
    .testimonial h3{font-size: 25px;}
    .header-top-right > div.social-icon{position: absolute;top: 10px;right: 10px;}
    .btn-primary {padding: 7px 15px;font-size: 12px;}
    .whoweare-box h4 {min-height: auto;}

    .values-page .text-center img {height: auto;}
}

/*----------320px----------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
    #logo {float: none;margin-left: 10px;}
    #logo img {width: 190px;}
    .header-top-right {float: none !important;}
    .header-top-right > div{margin-left: 10px;}
    .banner_text h3{font-size: 17px;}
    .banner_text h3 span {font-size: 13px;padding-left: 0;}
    .banner_text .btn-primary{margin-top: 0;}
    .banner_text h3 span:before{display: none;}
    .banner_text{left: 7%;}
    .welcome-text h4{font-size: 15px;}
    .whoweare {padding-bottom: 20px;padding-top: 20px;}
    .mission {padding: 20px 30px;}
    #content .row {padding-bottom: 40px;padding-top: 40px;}
    .half-green::before{display: none;}
    .services h3{font-size: 14px;height: 60px;}
    .about-keyur > div{padding: 5px;}
    #content .row.welcome-text {padding-bottom: 100px;padding-top: 100px;}
    .title{font-size: 18px;}
    .whoweare{background: #0ab5a2;}
    .testimonial h3{font-size: 25px;}
    .header-top-right > div.social-icon{position: absolute;top: 10px;right: 10px;}
    .btn-primary {padding: 7px 15px;font-size: 12px;}
    .our-services-bg h4{font-size: 17px;}
    .blog-list{padding: 10px 20px;}
    .footer-menu li {padding: 4px 10px;}
    .whoweare-box h4 {min-height: auto;}
    .values-page .text-center img {height: auto;}

    .g-recaptcha {
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

}
html {
	scroll-behavior: smooth;
}

.demo{background:#f2f2f2;/*padding:50px 0;*/}
.service-box{/*padding-bottom:30px;margin:0 15px;*/min-height: 330px; background:#fff;text-align:center;border-radius:15px;overflow:hidden; box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.2);margin-bottom: 15px;}
.service-box:hover{box-shadow:0 0 10px rgba(195,67,67,.3) inset,0 0 20px -5px rgba(0,0,0,.8)}
.service-box .service-header{padding:20px 20px 35px;background:#00ac97;-webkit-clip-path:polygon(50% 100%,100% 60%,100% 0,0 0,0 60%);clip-path:polygon(50% 100%,100% 60%,100% 0,0 0,0 60%);position:relative}
/*.service-box .service-header:before{content:"";width:400px;height:400px;border-radius:50%;position:absolute;right:0;top: 0;left: 50%;transform: translate(-50%, -50%);background:repeating-radial-gradient(rgba(255,255,255,.05),rgba(255,255,255,.2) 20%);transition:all .5s ease 0s}*/
.service-box:hover .service-header:before,.service-box:hover .service-signup:before{right:50%}
.service-box .title{font-size:20px;color:#fff;margin:0;text-shadow: 2px 2px 7px rgba(0,0,0,0.6);}
.service-box .title:before{display: none;}
.service-box .price-value{display:block;font-size:18px;color:#fff;transition:all .3s ease 0s;    font-weight: 600;text-transform: capitalize;}
.service-box .price-value p{margin-bottom: 0px;font-size: 40px;line-height: 50px;font-weight: 700;color: #fff;text-shadow: 0px 0px 4px rgba(0,0,0,0.7);    margin-top: 12px;}
.service-box .service-content{padding:30px 10px 0;margin:0;list-style:none}
.service-box .service-content li{font-size:15px;color:#000;line-height:30px;text-align: left;padding: 0 10px 0 30px;letter-spacing:1px;text-transform:initial;border-bottom:2px solid rgba(0,0,0,.15);margin-bottom:10px;position:relative}
.service-box .service-content li:last-child{border-bottom:none}
.service-box .service-content li i{color:#00ac97; padding-right: 5px;font-size: 10px; position: absolute; left: 10px; top: 10px;}
.service-box .service-signup{display:block;padding:18px 0;margin:0 25px;border-radius:10px;background:#66ce04;font-size:20px;color:#fff;letter-spacing:1px;text-transform:uppercase;overflow:hidden;position:relative;transition:all .3s ease 0s;    font-weight: 700;}
.service-box .service-signup:hover{letter-spacing:2px;box-shadow:0 0 10px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.5) inset}
.service-box .service-signup:before{content:"";width:230px;height:230px;border-radius:50%;background:repeating-radial-gradient(rgba(255,255,255,.05),rgba(255,255,255,.2) 20%);position:absolute;top:-180%;right:-40%;transition:all .8s ease 0s}
/*.service-box .service-signup:hover:before{right:40%}*/
.service-box.blue .service-header,.service-box.blue .service-signup{background:#1d5182 !important;}
.service-box.blue .service-content li i{color:#1d5182}
.service-box.pink .service-header,.service-box.pink .service-signup{background:#0ab5a2;}
.service-box.pink .service-content li i{color:#0ab5a2;}

.service-box .service-header .service-img-box img{width: 50px; margin: 0 auto; height: 100%;}
.service-box .service-header .service-img-box {display: block;margin-bottom: 15px;}

.services-list .col-md-6:nth-child(2) .service-box.blue{height: 320px;min-height: auto;}
.services-list .col-md-6:nth-child(2) .service-box.pink{height: 320px;min-height: auto;}
.services-list .col-md-12 .service-box .service-header:before{right: -13%;}
.services-list .col-md-12 .service-box:hover .service-header:before{right: 50%;}
.service-box .row {margin: 0;}

#content .offer-service .row{padding-bottom: 0 ; padding-top: 0;}
.offer-service {margin-top: 30px;}
.offer-service .service-box{transition: all 0.5s ease-in-out;min-height: unset; height: 100px; background-color: #1d5182;padding: 30px;line-height: 100px;box-shadow: 0px 5px 3px 1px #000000, 0px 0px 3px 0px #1d5182 inset;box-shadow: 0px 4px 5px 0px #000000;}
.offer-service .service-box:hover {transform: scale(1.05);transition: all 0.5s ease-in-out;}
.offer-service .service-box .title{padding-bottom: 0;}

#legal .col-md-6{margin: 0 auto;float: none;}
/* 13-04-2021 */
/*.about-keyur {text-align: justify;}*/

@media only screen and (max-width:990px){
	.service-box{margin-bottom:30px}
	.offer-service .service-box{height: auto;}
}
@media only screen and (max-width:479px){
	.service-box .service-content li{font-size:13px;}
	.offer-service .service-box{height: auto;}
}