:root {
    --e-global-color-primary: #221c35;
    --e-global-color-secondary: #ffffff;
    --e-global-color-text: #000000;
    --e-global-color-accent: #F43334;
    --e-global-color-white: #ffffff;
    --e-global-color-light-grayish-blue: #DFE0E6;
    --e-global-color-dark-moderate-cyan: #40B19B;
    --e-global-color-orange: #F79550;
    --e-global-color-cyan:#42d1e4
}
.link-active{color: #0f9eb1;}
.bg-global-color-primary{
    background:var(--e-global-color-primary);
}
.error{
    color: red;
}
ul {
    list-style: none;
}
ul  li:before {
    position: absolute;
    margin-left: -1.5em;
    padding-right: 1em;
    color: rgb(19 197 221);
    content: '\25CF';
}
ul  li:hover:before {
    color: rgba(255,0,0,0.5);
}
ul li:hover:before {
    content: '\21D2';
}
ul  li:hover:before {
    -webkit-animation: move-right 0.5s 0s 1 ease forwards;
    -moz-animation: move-right 0.5s 0s 1 ease forwards;
    animation: move-right 0.5s 0s 1 ease forwards;
}
body{
    color:#000000;
}
.h-250{
    min-height: 350px;
}

.text-size-16 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: var(--e-global-color-text);
}


/*-------- SERVICES SECTION ------------ */
.services-section {
    padding: 50px 0;
} 
.services-section-page{
    padding: 50px 0;
}
.services-section h2 {
    line-height: 50px;
}
.services-section .services-section-inner p {
    padding: 0 18%;
}
.services-section .services-section-inner {
    margin-bottom: 23px;
    padding: 0 15px;
}
.services-section .services-section-plan-box {
    padding: 30px 15px;
    border-radius: 20px;
    line-height: 0;
    background: var(--e-global-color-white) ;
    border-left: 5px solid var(--e-global-color-white);
    box-shadow: 0px 0px 100px 0px rgba(226,228,231,1);
}
.services-section .services-section-plan-box figure img {
    filter: grayscale(100%);
}
.services-section .services-section-plan-box h4 {
    line-height: 30px;
    margin-bottom: 18px;
    color: var(--e-global-color-primary);
    min-height: 60px;
}
.services-section .services-section-plan-box p {
    margin-bottom: 21px;
}
.services-section .services-section-plan-box a {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: var(--e-global-color-text);
}
.services-section .services-section-plan-box i {
    top: 2px;
    margin-left: 12px;
}
.services-section .services-section-plan-box:hover {
    border-left: 5px solid var(--e-global-color-cyan);
}
.services-section .services-section-plan-box:hover figure img {
    filter: grayscale(0%);
}
.services-section .services-section-plan-box:hover h4 {
    color: var(--e-global-color-accent);
}
.services-section .services-section-plan-box:hover a {
    color: var(--e-global-color-accent);
}
.services-section .divider {
    height: 30px;
}
.services-section .services-section-shape-img-1 {
    right: -116px;
    top: 85px;
    z-index: -1;
}
.services-section .services-section-shape-img-2 {
    left: 92px;
    bottom: -28px;
}

.services-section .services-section-custom-plan-box {
    padding :0px;
        min-height: 320px;
}
.mid-contain{
    padding :20px 10px;
}
.services-section-custom-plan-box figure{
    padding:20px;
}
.image-height{
    height: 100%;
    min-height: 400px;
}
@media (max-width: 991px){
	.hero-header .add-background-color{
		background: #00000069;
        padding: 5px ;
	}
}
 
    .team-item .row {
        height: auto;
    }
@media only screen and (max-width: 1730px) { 
.services-section .services-section-shape-img-1, .teams-section .teams-section-shape-img-1  { right: -12px; top: 50px; }
}

@media screen and (max-width: 1199px){
.services-section .services-section-shape-img-1, .teams-section .teams-section-shape-img-1 { right: 0px; top: 45px; width: 15%; }
} 
@media screen and (max-width: 767px) {
    .image-height{ height: auto;}
    .services-section .services-section-shape-img-1, .teams-section .teams-section-shape-img-1 { right: 0px; top: 70px;  }
}
@media screen and (max-width: 575px) {
    .services-section .services-section-shape-img-1, .teams-section .teams-section-shape-img-1 { right: 5px; top: 60px; width: 20%; }
}



@media screen and (max-width: 414px) {
    .image-height{ min-height: 300px;}
}

@media (min-width: 1200px) {
    .display-6 {
        font-size: 2.2rem;
    }
}

.site-title-size{
    font-size: 1.5rem;
}
@media (min-width: 768px) {
    .site-title-size{
        font-size: 2rem;
    }
}
@media (max-width: 412px) {
    .site-title-size{
        display:none;
    }
}

 
@media (min-width: 1200px){
    .container, .container-sm, .container-md, .container-lg, .container-xl{
        max-width: 1180px 
    }
}