@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-size: 15px;
    letter-spacing: .2px;
    line-height: 1.6;
/*    font-family: 'Lora', serif;
font-family: 'Noto Serif', serif;*/
font-family: 'Open Sans', sans-serif;
/*font-family: 'Spectral', serif;
font-family: 'Spectral SC', serif;*/
    color: #444444;
}
h1,h2,h3,h4,h5,h6 {
    position: relative;
    font-weight: bold;
    margin: 0px;
    background: none;
    line-height: 1.6em;
    color: #0a0b0d;
    font-family: 'Roboto Condensed', sans-serif;
}
a,a:hover {text-decoration: none;}
ul,li {list-style: none;}
input:focus,select:focus,textarea:focus{outline:none;}

/*==========================================*/
#fullpage{
    
}
.container{
    max-width: 1180px;
    margin:0 auto;
}
.widthLeft {
    width: calc(100% - 22%);
    margin-left: auto;
    padding: 0 60px;
    z-index: 1;
    box-sizing: border-box;
    position: relative;
}
.verticalSlid1 {
    overflow: hidden;
    padding: 100px 0;
}
.header2 {
    display: none;
}
header {
    width: 22%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
    height: 100%;
    padding: 0;
    background: #141c13;
}
.logobrand {
    max-width: 120px;
    margin: 25px auto 10px;
}
.navigation ul {
    margin: 0;
}
.navigation ul a {
    display: block;
    padding: 10px 0px;
    line-height: 16px;
    color: #ffffff;
    font-size: 16px;
    position: relative;
    margin: 0 25px 0 25px;
    overflow: hidden;
    font-weight: 400;
}
.verticalSlid2 {
    background: #f6fff6;
    padding: 65px 0;
}
.verticalSlid3 {
    background: url(../img/verticalSlid3.jpg);
    padding: 65px 0;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.verticalSlid4 {
    /*background: #04121a;*/
    background: url(../img/verticalSlid4.jpg);
    padding: 65px 0;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.verticalSlid5 {
    background: #f6fff6;
    padding: 65px 0;
}
.verticalSlid6 {
}
.socialmedia {
    margin: 20px 20px 20px;
}
.socialmedia ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: center;
}
.socialmedia ul li a {
    display: flex;
    width: 38px;
    height: 38px;
    border: 2px solid #c7c7c7;
    margin: 0 10px 0 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #c7c7c7;
    font-size: 12px;
}
.verticalSlid1 h1 {
    color: #fff;
    margin-bottom: 0;
}

h1 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    margin-bottom: 15px;
}
h3 {
    font-size: 28px;
    line-height: 32px;
    margin: 0 0 15px;
    font-weight: 400;
}
.verticalSlid {
    position: relative;
    z-index: 0;
}

.verticalSlid1 p {
    margin: 15px 0 0;
    font-size: 16px;
    color: white;
    line-height: 1.4;
}
.verticalSlid1 h3 {
    color: #ffffff;
    font-size: 25px;
    margin-bottom: 0px;
}
.dropBtn {
    position: absolute;
    bottom: 15px;
    left: 25%;
    width: calc(100% - 25%);
    z-index: 1;
}
.dropBtn .fadiv {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 40px;
    cursor: pointer;
    border: 2px solid rgb(255 255 255 / 50%);
    padding: 25px 15px;
    transform: translateX(-50%);
    border-radius: 50px;
    font-size: 14px;
    color: #fff;
    height: 60px;
}
.dropBtn .fadiv i.fas {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    animation: dropp 1s linear infinite;
}
@keyframes dropp{
    0%{
    top: 10px;
}
    50%{
    top: 20px;
    opacity: .5;
}
    100%{
    top: 50px;
    opacity: 0;
}
}
.fadiv {
    animation: droppp 1s linear infinite;
}
@keyframes droppp{
    0%{
    bottom: 10px;
    opacity: 1;
}
    50%{
    bottom: 0px;
    opacity: .8;
}
    100%{
    bottom: -10px;
    opacity: 0;
}
}
.verticalSlid1:after,.verticalSlid3:after,.verticalSlid5:after,
.verticalSlid2:after,.verticalSlid4:after,.verticalSlid6:after{
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.verticalSlid1:after{
    background: linear-gradient(178deg, rgb(20 28 19 / 70%) 15%, transparent);
}
.verticalSlid3:after {
    background: #000000;
    opacity: 0.5;
}
.verticalSlid4:after {
    background: #041b29;
    opacity: 0.5;
}
.imageShapes img {
    width: 100%;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}

.imageShapes {
    position: relative;
    z-index: 0;
    max-width: 380px;
    width: 100%;
}

.imageShapes:after {
    border: 8px solid #a9cca9;
    height: 100%;
    width: 100%;
    content: '';
    position: absolute;
    left: 20px;
    top: 20px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
h2 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 600;
    margin-bottom: 20px;
}
.verticalSlid .row {
}
.paragraphBox {
    padding-right: 30px;
}
.servicesBox {
    padding: 20px 30px;
    background: hsl(116deg 57% 5% / 60%);
    margin: 0;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 15%);
    border: 1px solid #12354a;
    border-radius: 5px;
    transition: .5s linear;
    display: flex;
    height: 120px;
    align-items: center;
    justify-content: center;
}
.servicesBox h4 {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    color: #dcdcdc;
}
.servicesBox:hover,.servicesBox6:hover {
    background: #000815;
    border-color: #101b2d;
}
.servicesBox:hover h4,.servicesBox6:hover h4 {
    color: #fff;
    /* transform: scale(1.1); */
}
.servicesBox:hover,.servicesBox6:hover {
    transform: translateY(-10px);
}
.verticalSlid4 h2 {
    color: #fff;
}
.verticalSlid4 p {
    color: #fff;
}
.verticalSlid3 h2 {
    color: #fff;
}
.verticalSlid3 p {
    color: #ffffff;
    line-height: 1.4;
}
.verticalSlid3 .row {
    justify-content: space-between;
    margin: 35px 0 0;
}
.verticalSlid3 .row .col-sm-4,.verticalSlid3 .row .col-sm-2 {
    max-width: calc(33.33% - 10px);
    margin: 8px 0;
    padding: 0;
}
.servicesBoxM {
    webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
}
.servicesBox1 {
    overflow: hidden;
    position: relative;
    padding: 25px 25px;
    padding-bottom: 25px;
    height: 110px;
    border-radius: 6px;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 30px 0 rgb(27 68 163 / 7%);
}
.servicesBoxM {
    background: #f6fff6;
    cursor: pointer;
    border-radius: 6px;
    box-shadow: 0px 8px 18px 0px rgb(0 0 0 / 2%);
    position: relative;
    transition: .5s linear;
}
.servicesBox1:before {
    transition: .5s linear;
    content: '';
    position: absolute;
    height: 200px;
    width: 200px;
    background: #5db25e;
    border-radius: 50%;
    top: 50%;
    right: -180px;
    transform: translateY(-50%);
}
.servicesBoxM:after {
    counter-increment: item;
    font-size: 45px;
    transition: .5s linear;
    line-height: 60px;
    position: absolute;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
    bottom: 30px;
    right: 30px;
    letter-spacing: 1px;
    z-index: 99;
    color: transparent;
    -webkit-text-stroke: 1px rgb(5 20 29);
}
.servicesBoxM1:after {
    content: '01';
}
.servicesBoxM2:after {
    content: '02';
}
.servicesBoxM3:after {
    content: '03';
}
.servicesBoxM4:after {
    content: '04';
}
.servicesBoxM5:after {
    content: '05';
}
.servicesBoxM6:after {
    content: '06';
}
.servicesBoxM7:after {
    content: '07';
}
.servicesBoxM8:after {
    content: '08';
}
.servicesBoxM9:after {
    content: '09';
}
.verticalSlid4 .row {
    justify-content: space-between;
}

.verticalSlid4 .row .col-sm-4 {
    max-width: calc(33.33% - 13px);
    padding: 0;
    margin: 10px 0;
}

.servicesBox2 h4 {
    line-height: 28px;
    font-size: 22px;
    font-weight: 700;
    transition: .5s linear;
    color: #222d35;
    font-family: Barlow Condensed;
}
.servicesBoxM:hover {
    background: #071606;
    transform: translateY(-10px);
}

.servicesBoxM:hover .servicesBox1:before {
    background: #3ba739;
}

.servicesBoxM:hover h4 {
    color: #fff;
}

.servicesBoxM:hover::after {
    -webkit-text-stroke: 1px rgb(255 255 255);
}
.tcr-infobox-icon {
    display: none;
}

.tcr-infobox-icon i {
    font-size: 40px;
    color: #219846;
    margin: 10px 0 0;
}
.footer {
    padding: 65px 0;
    background: #141c13;
}
.footer {}

.footer .row {
    margin: 0;
}

servicesBox h3 {}

.footer .col-sm-2 {
    max-width: 22%;
    flex: 0 0 22%;
    padding: 0 14px;
}

.footer h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 15px;
}

.footer ul {
    margin: 0;
}

.footer ul li {}

.footer ul li a {
    display: block;
    padding: 8px 0;
    line-height: 20px;
    color: #c7c7c7;
}

.footer .col-sm-3 {
    flex: 0 0 28%;
    max-width: 28%;
}

.footer ul li a i {
    width: 20px;
}
p.footerco {
    margin: 25px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: #c7c7c7;
}
.whatsapp {
    position: fixed;
    right: 30px;
    bottom: 30px;
    font-size: 25px;
    z-index: 9;
    width: 55px;
    height: 55px;
    background: #02a525;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: rgb(17, 173, 100);
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
@keyframes zcwmini2 {
0% {
box-shadow: 0 0 8px 6px rgb(8 207 89 / 0%), 0 0 0 0 rgb(255 255 255), 0 0 0 0 rgb(8 207 140 / 0%);
}
10% {
box-shadow: 0 0 8px 6px #159025, 0 0 12px 10px rgb(14 224 72 / 40%), 0 0 12px 14px #00ca4b;
}
100% {
box-shadow: 0 0 8px 6px rgb(24 236 61 / 60%), 0 0 0 40px rgb(40 206 41 / 10%), 0 0 0 40px rgb(8 207 19 / 10%);
}
}
.whatsapp a.float {
    display: block;
    position: relative;
    z-index: 9;
    -webkit-animation: zcwphone2 3s linear infinite;
    -moz-animation: zcwphone2 3s linear infinite;
    animation: zcwphone2 3s linear infinite;
}
@keyframes zcwphone2 {
0% {
transform: rotate(50deg);
transition: all .5s ease-in;
}
100% {
transform: rotate(-25deg);
transition: all .5s ease-in;
}
}
.footer .footer-bottom {
    position: relative;
}
.whatsapp a.float i {
    color: #ffffff;
}
@keyframes veera {
0% {
top: 0;
opacity: 1;
}
50% {
top: 15px;
opacity: .8;
}
100% {
top: 30px;
opacity: 0;
background: white;
}
}
.whatsapp a.float i.fab.fa-whatsapp.my-float {
    color: #ffffff;
}
/*==========================OUR VALUE SECTION*/
.booknowSec {
    position: relative;
}

.verticalSlid6 {
    background-image: url(../img/verticalSlid6.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.row.BN-boxes .col-sm-3,.row.BN-boxes .col-sm-4 {
    padding: 65px 30px;
    border-right: 1px solid rgb(101 100 100 / 60%);
    position: relative;
    transition: all .5s linear;
    overflow: hidden;
    z-index: 0;
    cursor: pointer;
}
.row.BN-boxes .col-sm-3:before,.row.BN-boxes .col-sm-4:before {
    position: absolute;
    right: 0;
    bottom: -100%;
    width: 50%;
    height: 100%;
    background: rgb(134 255 135 / 20%);
    content: '';
    transition: all .5s linear;
    z-index: 0;
}
.row.BN-boxes .col-sm-3:after,.row.BN-boxes .col-sm-4:after {
    position: absolute;
    left: 0;
    top: -100%;
    width: 50%;
    height: 100%;
    background: rgb(15 160 155 / 50%);
    content: '';
    transition: all .5s linear;
    z-index: 0;
}
.Icon-title {
    z-index: 1;
    position: relative;
}
.Icon-title span {
    display: block;
    max-width: 50px;
}
.row.BN-boxes .col-sm-3 h3,.row.BN-boxes .col-sm-4 h3 {
    margin: 15px 0 25px;
    font-size: 22px;
    font-weight: 600;
    line-height: 25px;
    color: #fff;
}
.row.BN-boxes .col-sm-3 p,.row.BN-boxes .col-sm-4 p {
    color: #d2d2d2;
    line-height: 1.5;
}
.Icon-title span img {
    width: 100%;
}
.row.BN-boxes .col-sm-3:last-child {
    border-right: 0;
}

.row.BN-boxes .col-sm-3:first-child,.row.BN-boxes .col-sm-4:first-child {
    border-left: 0;
}

.col-sm-3.border-left1:last-child {
    border-right: 0;
}
.BN-down {
    margin-top: 100px;
    z-index: 1;
    position: relative;
}
.col-sm-3.border-left1 {
    border-left: 1px solid rgb(101 100 100 / 60%);
}
.verticalSlid6:after {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    content: '';
    background: #071606;
    top: 0;
    opacity: .8;
}
.row.BN-boxes .col-sm-3 a,.row.BN-boxes .col-sm-4 a {
    background: transparent;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 40px;
    color: #eaeaea;
    font-weight: 600;
    border: 2px solid #eaeaea;
}
.Icon-title span {
    display: block;
    max-width: 50px;
}
.booknowbtn {
    margin-top: 25px;
}
.row.BN-boxes .col-sm-3:hover:before,.row.BN-boxes .col-sm-4:hover:before {
    bottom: 0;
}
.Icon-title span img {
    width: 100%;
}
.row.BN-boxes .col-sm-3:hover:after,.row.BN-boxes .col-sm-4:hover:after {
    top: 0;
}
.verticalSlid5 h2 {
    /* color: #fff; */
}

.verticalSlid5  p {
    /* color: #c7c7c7; */
}

.teamslides,.teamslides2 {
    margin-top: 30px;
}
.profileImage img {
    width: 100px !important;
}

.teamslides2 .item {
    margin-top: 30px;
}
.teamslides .teambox,.teamslides2 .teambox {
    cursor: pointer;
    background: #f6fff6;
    border: 5px double rgb(168 183 167);
    border-radius: 5px;
    height: 110px;
}

.teamslides .teambox .profileContent,.teamslides2 .teambox .profileContent {
    padding: 20px 15px;
    display: block;
}

.teamslides .teambox .profileContent h3, .teamslides2 .teambox .profileContent h3,.teamslides2 .teambox .profileContent h3 {
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
}
.rightRarrow {
    position: absolute;
    right: 5px;
    top: 20px;
}

.rightRarrow i {
    font-size: 18px;
    color: #5db25e;
}
.knowMore {}

.knowMore h4 {
    font-size: 22px;
    font-weight: 700;
    color: #eaeaea;
}

a.servicesBox:hover,a.servicesBox6:hover {
    background: #5da75a;
    border-color: #5db25d;
}
.verticalSlid1 video#myVideo {
    width: 120%;
    position: absolute;
    top: 0;
    left: -10%;
}
/*===============================SERVICES PAGE CSS*/
.pageTitle {
    background: url(../img/banner1.jpg);
    padding: 100px 0;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    position: relative;
}
.pageTitle:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0.5;
    z-index: 0;
}
.pageTitle .widthLeft {
    padding: 0;
}
.pageTitle  h2 {
    color: #fff;
    margin: 0;
    text-align: center;
}
.widthLeft2 .row {
    margin: 0;
    justify-content: space-between;
}

.widthLeft2 {
    margin: 0 60px -60px;
    background: #f4f6f5;
    padding: 25px 20px 15px;
}
.widthLeft2 .row .col-sm-4 {
    max-width: calc(33.33% - 10px);
    margin: 8px 0;
    padding: 0;
}
.h4sec {
    margin: 30px 0 0;
}
.h4sec p {
    font-size: 18px;
    color: #545454;
    margin: 0;
}
.h4sec p strong {
    font-size: 18px;
    font-weight: 600;
}
.singleservices {
    padding: 15px 0 80px;
    background: #f4f6f5;
}
.pageTitless .widthLeft {
    background: url(../img/banner1.jpg);
    padding: 200px 0 50px;
    background-position: top;
    background-size: 100%;
    background-attachment: fixed;
}
.widthLeft2 h2 {
    margin: 0;
    font-size: 32px;
    line-height: 40px;
}
.singleservices li {
    color: #545454;
    margin: 8px 0 8px 35px;
    position: relative;
    padding-left: 25px;
}

.singleservices li i.fas {
    margin-right: 10px;
}
.col-team {
    margin: 15px 0;
}
.col-team img {
    width: 100%;
}
.col-team .rightRarrow {
    right: 35px;
}

/*=======================TEAM================*/
.dirMessage {
    padding: 80px 0;
    background: #f4f6f5;
}
.breadcumb {
    padding: 0px 0 20px;
}
.breadcumb ul {
    margin: 0;
    display: flex;
    align-items: center;
}
.breadcumb ul li {
    padding: 0 2px;
    font-size: 16px;
}
.breadcumb ul li a {
    color: #141c13;
    font-weight: 700;
}
.dirMessage .row .col-sm-8 {
    padding-left: 30px;
}
.proImg {
    position: relative;
    padding: 30px 0px 0px 30px;
}
.proImg img {
    position: relative;
    z-index: 1;
    width: 100%;
}
.proImg:after {
    width: 85%;
    height: 85%;
    background: transparent;
    border: 10px solid #5db25e;
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
}
.dirMessage h3 {
    font-size: 25px;
    font-weight: 700;
    color: #141c13;
    margin-bottom: 20px;
    line-height: 30px;
    font-family: 'Open Sans';
}
.dirMessage p {
    /* font-size: 18px; */
    /* font-weight: 600; */
    /* line-height: 1.4; */
}
.linkedin {
    width: 30px;
}
.linkedin a {
    font-size: 32px;
    color: #22a1ea;
    animation: eff 2s linear infinite;
    line-height: 30px;
    display: block;
}
.fab, .far {
    font-weight: 400;
}
.fa-linkedin:before {
    content: "\f08c";
}
.linkedin a {
    font-size: 32px;
    color: #22a1ea;
    animation: eff 2s linear infinite;
    line-height: 30px;
    display: block;
}
.team-sec .widthLeft {
    padding: 0;
}
@keyframes eff{
    0%{

transform: scale(0.8);

}
    50%{
        
transform: scale(1.4);
    }
    100%{
        
transform: scale(0.8);
    }
}
.h4sec2 {
    margin-bottom: 30px;
}
.h4sec2 p {
    font-size: 18px;
    font-weight: 600;
}
.dirMessage .widthLeft2 {
    margin: 0 60px;
    padding: 0;
    background: transparent;
}
.dirMessage h3 .designation {
    display: block;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Open Sans';
    margin: 10px 0 0;
    line-height: 18px;
}
/*=======================TEAM================*/
.whoPara h2 {
    margin-bottom: 20px;
}


.contact-contant.contact-contant2 .contactInfo {
    margin: 0;
    box-shadow: unset;
    background: unset;
    padding: 0;
}
.bottomBorders {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.bottomBorders:before {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 80px;
    height: 6px;
    border-radius: 50px;
    content: '';
    background: #284e9c;
    z-index: 1;
}
.contact-contant h2 {
    margin-bottom: 5px;
}
.bottomBorders:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 160px;
    border-radius: 50px;
    height: 2px;
    content: '';
    background: #f0ab58;
}

.contactInfo p {
    line-height: 1.8;
    color: #7e7e7e;
    margin: 0;
}
.proposal-contact {
    position: relative;
    margin-left: 10px;
    margin-top: 40px;
}
.proposal-contact:before {
    content: "";
    width: 2px;
    height: 90%;
    top: 2px;
    position: absolute;
    left: 0;
    background: #021325;
}
.contactInfo li {
    color: #343434;
}
.proposal-contact li:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 10px;
    position: absolute;
    left: -2px;
    background: #264f99;
    z-index: 1;
    top: 7px;
}
.proposal-contact li h3 {
    color: #656565;
    font-size: 17px;
    margin: 0 0 10px;
}
.proposal-contact li:after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 11px;
    position: absolute;
    border: 2px solid #18ad3f;
    left: -8px;
    background: #fff;
    top: 1px;
}
.contact-contant.contact-contant2 .contact-form {
    background: transparent;
}
.bottomBorders:before {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 80px;
    height: 6px;
    border-radius: 50px;
    content: '';
    background: #021325;
    z-index: 1;
    display: none;
}
.contact-contant h2 {
    margin-bottom: 5px;
}
.bottomBorders:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 160px;
    border-radius: 50px;
    height: 2px;
    content: '';
    background: #021325;
    display: none;
}
.contact-form form {
    padding: 0 0px;
}
.contact-contant.contact-contant2 .form-row {
    padding: 0;
}
.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.contact-contant.contact-contant2 .form-row input {
    background: transparent;
    border: 1px solid #ced4da;
}
.contact-form .form-row input {
    margin-bottom: 15px;
    padding: 10px 10px;
    height: 42px;
    color: #fff;
    background: rgb(249 249 249);
    font-size: 14px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
}
.contact-form .form-group {
    margin: 0;
}
.contact-contant.contact-contant2 .form-row textarea#comment {
    background: transparent;
    border-radius: 5px;
    color: #797979;
}
.block-btn {
    width: 155px;
    display: block;
    border: none;
    color: #ffffff;
    padding: 14px 20px;
    border-radius: 3px;
    margin: 30px 0 0;
    background: #5db25e;
    font-weight: 600;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.contactInfo li {
    padding: 0 0 20px 25px;
    position: relative;
}
.verticalSlid1.verticalSlid12 {
    height: unset;
    padding: 150px 0;
}
.whoPara {
    margin: 0 0 50px;
}
.whoPara p,.whoPara2 p,.whoPara li {
    color: #3e3e3e;
}
.whoPara li {
    position: relative;
    padding: 0 0 0 30px;
}
.whoPara li i.fas {
    left: 5px;
    position: absolute;
    top: 5px;
}
.verticalSlid3 .row .col-sm-6 {
    max-width: calc(50% - 10px);
    margin: 8px 0;
    padding: 0;
    flex: 0 0 50%;
}
.servicesBox6 h4 {
    font-size: 20px;
    text-align: left;
    line-height: 25px;
    font-weight: 800;
    color: #121722;
    margin-bottom: 15px;
}

.servicesBox6 {
    padding: 25px 15px;
    background: rgb(255 255 255);
    margin: 0;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 15%);
    border: 1px solid #394658;
    border-radius: 5px;
    transition: .5s linear;
    display: block;
}
.rightsidebox {
    margin-top: 60px;
}
.rightsidebox h4 {
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 15px;
}
.rightsidebox p {
    color: #424242;
    margin: 0 0 0;
}
.viewservices {
    margin-top: 20px;
}
.viewservices a {
    font-weight: 700;
    font-size: 16px;
    color: #18ad3f;
}
.mapsec {
    margin: 80px 0 0;
}
.mapsec .mapouter .gmap_canvas iframe.gmap_iframe {
    width: 100%;
    height: 450px;
    margin-bottom: -110px;
}
.iconsC2 p {
    margin: 0;
    line-height: 22px;
    text-align: center;
}
.iconsC {
    width: 50px;
    height: 50px;
    border: 2px solid #5db25e;
    border-radius: 50%;
    margin: 0 auto 10px;
    padding: 12px;
    color: #5db25e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.verticalSlid22 {padding: 0 0 0px;background: #f4f6f5;}

.verticalSlid22 .row {
    justify-content: space-between;
    margin: 0;
    margin-top: -50px;
}
.contactuspagebox {
    background: #f4f6f5;
    padding: 20px 15px;
    max-width: calc(33.33% - 15px);
    border-radius: 5px;
    box-shadow: 0 0px 15px rgb(0 0 0 / 20%);
    border: 1px solid #dedede;
}
.contactuspagebox h4 {
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    margin: 0 0 10px;
    line-height: 20px;
}
.logobrand a {
    display: block;
}
.logobrand a img {
    width: 100%;
}
.teamslides .teambox .profileContent h3 span,.teamslides2 .teambox .profileContent h3 span {
    font-size: 15px;
}
.fontIncrease {
    font-size: 16px;
    font-weight: 500;
}
.spaceB2width {
    padding: 0 10px 0 25px;
}
.singleservices li i.fas {
    position: absolute;
    left: 0;
    top: 5px;
}
.footerlogo {}

.footerlogo a {
    display: block;
    max-width: 120px;
}

.footerlogo a img {
    width: 100%;
}
.booknowbtn-log a {
    background: #5db25e;
    border-radius: 5px;
    text-align: center;
    width: calc(100% - 40px);
    margin: 0 auto;
}

.booknowbtn-log {margin-top: 15px;margin-bottom: 25px;width: 100%;}
.widthLeft.widthRight {
    text-align: center;
}
nav.navigation {
    margin: 20px 0 0;
}
.navigation ul li {
    position: relative;
}

.navigation ul a i {
    font-size: 18px;
    color: white;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.navigation ul a:after {
    height: 1px;
    width: 100%;
    background: rgb(51 67 76);
    position: absolute;
    top: 50%;
    content: '';
    transform: translateY(-50%);
    margin-left: 10px;
}
@keyframes liness{
    0%{width:3%}
    100%{width:3%}
}
.booknowbtn-log a:after {
    background: transparent !important;
    height: 0 !important;
}
/*==========================OUR BLOGS*/
.ourblogs img {
    width: 100%;
}
.ourblogs {
    cursor: pointer;
    background: #f6fff6;
    border: 5px
 double rgb(140 140 140);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.blogcontents {
    padding: 20px 15px;
}

.blogcontents h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 10px;
}
.blogcontents p {
    margin: 0;
    line-height: 1.5;
}
.verticalSlid222 .row {
    margin-top: 35px;
}
.booknowbtn22 a {
    background: transparent;
    padding: 6px
 19px;
    display: inline-block;
    border-radius: 40px;
    color: #5db25e;
    font-weight: 600;
    border: 2px
 solid #5db25e;
    margin: 0 0px 25px 15px;
}
.verticalSlid2 a {
    background: transparent;
    padding: 10px
 30px;
    display: inline-block;
    border-radius: 40px;
    color: #5db25e;
    font-weight: 600;
    border: 2px
 solid #5db25e;
    margin: 15px 0 0;
}
.paragraphBox p {
    text-align: justify;
}
.verticalSlid2 a i {
    padding-left: 10px;
}
.navigation ul a:before {
    height: 1px;
    width: 3%;
    background: rgb(93 178 94);
    position: absolute;
    top: 50%;
    content: '';
    z-index: 1;
    transform: translateY(-50%);
    margin-left: 10px;
    animation: liness 2s linear infinite;
}
.verticalSlid222 a {
    margin: 0 15px 20px;
    width: calc(100% - 30px);
    text-align: center;
    padding: 12px 20px;
    line-height: 18px;
}
/*=======================FOOTER SECTION CSS =========================*/
.footer2 {
    padding: 15px 0;
}
.footer2 p.footerco {
    margin: 0;
    text-align: center;
}
.verticalSlid6 .col-sm-2 {
    padding: 70px 20px 60px;
    border-right: 1px
 solid rgb(101 100 100 / 60%);
    position: relative;
    transition: all .5s linear;
    overflow: hidden;
    z-index: 0;
    cursor: pointer;
    max-width: calc(100% / 5);
    flex: 0 0 100%;
}
.verticalSlid6 .col-sm-2.border-left1 {
    border-left: 0;
}
.verticalSlid6 .col-sm-2 h3 {
    margin: 15px 0 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    color: #fff;
}
.verticalSlid6 .col-sm-2 p {
    color: #d2d2d2;
    line-height: 1.5;
}
.verticalSlid6 .col-sm-2 a {
    background: transparent;
    padding: 12px 24px;
    display: inline-block;
    border-radius: 40px;
    color: #eaeaea;
    line-height: 16px;
    font-weight: 600;
    border: 2px solid #eaeaea;
}
.verticalSlid6 .col-sm-2:before {
    position: absolute;
    right: 0;
    bottom: -100%;
    width: 50%;
    height: 100%;
    background: rgb(134 255 135 / 20%);
    content: '';
    transition: all .5s linear;
    z-index: 0;
}
.verticalSlid6 .col-sm-2:after {
    position: absolute;
    left: 0;
    top: -100%;
    width: 50%;
    height: 100%;
    background: rgb(15 160 155 / 50%);
    content: '';
    transition: all .5s linear;
    z-index: 0;
}
.verticalSlid6 .col-sm-2:hover:before {
    bottom: 0;
}
.verticalSlid6 .col-sm-2:hover:after {
    top: 0;
}
.verticalSlid6 .widthLeft {
    padding: 0;
}
.verticalSlid6 .row.BN-boxes {
    margin: 0;
}
.team-sec {
    height: calc(100vh - 50px);
    background: #f4f6f5;
}
.cetertext h2 {
    text-align: center;
    color: #fff;
    padding: 60px 0 30px;
    margin: 0;
}

.cetertext {
    position: relative;
    border-bottom: 1px
 solid rgb(101 100 100 / 60%);
}
.profileImage {
    max-width: calc(35% - 5px);
    flex: 0 0 35%;
    margin: -35px 0 10px 10px;
    border: 5px solid #5db25f;
    overflow: hidden;
    position: relative;
    height: 120px;
}

.teambox {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.owl-carousel.owl-theme.teamslides.ourpartners.owl-loaded {}

a.profileContent {
    max-width: 60%;
    flex: 0 0 60%;
}

.ourpartners .item {
    margin-top: 30px;
}

.ourpartners .teambox {
    padding: 0px;
    border-color: #5db25e;
    background: #e5f9e5;
    position: relative;
}
.verticalSlid1ab {
    padding: 100px 0;
}
.ourpartners {
    background: #e5f9e5;
}
.sideNav {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
}
.sideNav::-webkit-scrollbar {
  width: 10px;
}
.sideNav::-webkit-scrollbar-track {
  background: #141c13;
}
.sideNav::-webkit-scrollbar-thumb {
  background: #5db25e;
}
.addressssss {
    padding: 0 20px 20px;
}

.addressssss p {
    margin: 0 0 10px;
    font-weight: 400;
    color: #c7c7c7;
    font-size: 14px;
}
.team-sec {
    height: auto;
}
.centerText {
    max-width: 950px;
    text-align: center;
    width: 100%;
    margin: 0 auto 0;
}

.appSec {
    margin-top: 65px;
}

.appSec ul {
    margin: 0;
    padding: 0;
}

.appSec ul li {
    margin-bottom: 50px;
    position: relative;
}
.appSec ul li h3 {
    position: relative;
}
.performanceSheet img {
    width: 100%;
    border: 2px solid #d3f3ec;
    max-width: 500px;
}

.performanceSheet {
    margin-top: 50px;
}
.paraPara {
    max-width: 950px;
    width: 100%;
    margin: 0 0 50px;
}

.paraPara p:last-child {margin-bottom: 0;}

.paraPara:last-child {
    margin-bottom: 0;
}
.performanceSheet h3 {
    margin-bottom: 25px;
}