body {
    background-color: #ffffff;
}


/* .chatwithus {
    position: fixed;
    bottom: 15%;
    right: 16px;
    z-index: 100;
    background-color: #0091ea;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
} */


/* .chatwithus a {
    color: white;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    height: 50px;
    width: 50px;
    font-size: 25px
} */

.chatwithus {
    position: fixed;
    bottom: 15%;
    right: 16px;
    z-index: 100;
    cursor: pointer;
    text-decoration: none;
}

.chatimg {
    height: 50px;
}

/* === slider === */

.primarySlider {
    border-radius: 10px;
}
.slideZero,
.slideOne,
.slideTwo,
.slideThree {
    padding: 2.2rem 0;
    position: relative;
}
.slideZero{
background: #fc4a1a;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #f7b733, #fc4a1a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background-image: url('../assets/img/slider/s0.jpg');
  background-size: cover;


}

.slideOne {
    /* background-color: #9921e8;
    background-image: linear-gradient(315deg, #9921e8 0%, #5f72be 74%); */
    /* background: #1488CC;
    background: -webkit-linear-gradient(to right, #2B32B2, #1488CC);
    background: linear-gradient(to right, #2B32B2, #1488CC); */
    background-image: radial-gradient( circle 759px at -6.7% 50%, rgba(80, 131, 73, 1) 0%, rgba(140, 209, 131, 1) 26.2%, rgba(178, 231, 170, 1) 50.6%, rgba(144, 213, 135, 1) 74.1%, rgba(75, 118, 69, 1) 100.3%);
    background-image: linear-gradient( 67.6deg, rgba(225, 242, 254, 1) -2.8%, rgba(193, 224, 250, 1) 44.6%, rgba(19, 116, 197, 1) 102.4%);
    background-image: radial-gradient( circle farthest-corner at -8.9% 51.2%, rgba(255, 124, 0, 1) 0%, rgba(255, 124, 0, 1) 15.9%, rgba(255, 163, 77, 1) 15.9%, rgba(255, 163, 77, 1) 24.4%, rgba(19, 30, 37, 1) 24.5%, rgba(19, 30, 37, 1) 66%);
    background-image: radial-gradient( circle farthest-corner at -4.7% -4%, rgba(3, 23, 157, 1) 0%, rgba(97, 148, 241, 1) 90%);
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
    background-image: linear-gradient( 109.6deg, rgba(0, 191, 165, 1) 11.2%, rgba(0, 140, 122, 1) 100.2%);
    background-image: linear-gradient( 65.9deg, rgba(85, 228, 224, 1) 5.5%, rgba(75, 68, 224, 0.74) 54.2%, rgba(64, 198, 238, 1) 55.2%, rgba(177, 36, 224, 1) 98.4%);
}

.slideTwo {
    background-color: #fbb034;
    background-image: linear-gradient(315deg, #fbb034 0%, #ffdd00 74%);
    background-image: linear-gradient( 138deg, rgba(32, 201, 255, 1) 36.7%, rgba(0, 8, 187, 1) 84.4%, rgba(255, 255, 255, 1) 119.7%);
}

.slideThree {
 /*   background-color: #f9ea8f;
    background-image: linear-gradient(315deg, #f9ea8f 0%, #aff1da 74%);*/
  background: #ad5389;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3c1053, #ad5389);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3c1053, #ad5389); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


background-image: url('../assets/img/slider/s3.jpg');
  background-size: cover;

}

.slider-text {
    padding-left: 10%;
}

.slider-text p {
    color: #fafafa;
    font-size: 2.2rem;
}

.slider-pos-abs {
    position: absolute;
    bottom: 0;
    right: 15%;
}

.slider-pos-abs img {
    height: 225px;
}

.sliderlogo {
    position: absolute;
    top: 52px;
    left: 46px;
}

.sliderlogo img {
    height: 43px;
}


@media only screen and (max-width: 767px) {
    .slideZero,
    .slideOne,
    .slideTwo,
    .slideThree {
        padding: 1.2rem 0;
    }
    .slider-text {
        padding-left: 5%;
    }
    .slider-text p {
        font-size: 1.3rem;
    }
    .slider-pos-abs img {
        height: 130px;
    }
    .slider-pos-abs {
        right: 8%;
    }
    .slideTwo .slider-pos-abs img {
        height: 110px;
    }
    .sop-nav-footer {
        display: none;
    }
}

@media only screen and (max-width: 400px) {
    .slider-text {
        padding-left: 4%;
    }
    .slider-text p {
        font-size: 1rem;
    }
    .slider-pos-abs img {
        height: 100px;
    }
    .slideTwo .slider-pos-abs img {
        height: 85px;
    }
    .slider-pos-abs {
        right: 1%;
    }
}


/* == nav bar == */

.app-brand .app-brand-logo img {
    height: 52px;
}

.sop-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* box-shadow: 0px 1px 3px #673ab7; */
    box-shadow: 0px 1px 5px #b39ddb;
    /* transform: translateY(0);
    transition: transform 300ms 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 0ms 300ms, background-color 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1; */
    /* box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%); */
}

.sop-navmenu .sidenav-link,
.navbar.bg-white .navbar-nav .nav-link {
    color: #121212 !important;
    font-size: 15px;
    /* color: #d50000 !important; */
}


/* .sop-navmenu .sidenav-link:hover{
	color: #121212;
} */

.sop-navmenu .sidenav-link.active {
    color: #673ab7 !important;
}

.sop-navmenu .sidenav-link:hover {
    font-weight: 500;
    color: #d50000 !important;
    /* border-bottom: 3px solid #d50000; */
    /* outline: 4px solid #d50000; */
    width: fit-content;
    transition: font-weight .3s ease-in-out, border-bottom .4s ease-in-out;
}

.sop-nav-table tr td {
    font-size: 11px;
}

.sop-page-content {
    margin-top: 90px;
}

.sidenav-horizontal-prev,
.sidenav-horizontal-next {
    display: none;
}

.sop-modal-menu.sidenav-vertical {
    height: 100%;
    width: 100%;
}

.inner-step .badge {
    border-radius: 50% !important;
    font-size: 17px !important;
    padding: 8px !important;
    background-color: #ef6c00;
    /* margin-top: 2px; */
}

.step-3-icon {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    height: 48px;
}

.step-3-heading {
    color: #000;
    border-left: 8px solid #b39ddb;
}

.step-3-title {
    color: #212121;
}

.step-3-content {
    padding-top: 16px;
    -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.step-3-content:hover {
    box-shadow: 0 15px 30px 0 rgb(46 54 78 / 30%);
    border-radius: 10px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.why-us {
    border-radius: 10px;
    box-shadow: 0 0 10px 0 #ede7f6;
    border: 1px solid #ede7f6;
}

.why-us-icon {
    height: 46px;
}

.why-us-title {
    font-size: 1.2rem;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 600;
}

.sop-nav-footer {
    border-top: 1px solid rgba(24, 28, 33, 0.06);
}

.sop-nav-footer .list-group-item {
    border: none;
    color: #444;
}

.sop-nav-footer .list-group-item:hover {
    color: #111;
    font-weight: 500;
}

.sop-nav-footer .social-icons {
    padding: 0 16px;
}

.sop-nav-footer .social-icons i {
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    .why-us {
        padding: 1.5rem 0.7rem !important;
    }
}

@media only screen and (max-width: 991px) {
    .sop-page-content {
        margin-top: 60px;
    }
    .sop-navmenu {
        display: none !important;
    }
    .app-brand .app-brand-logo img {
        height: 32px;
    }
}

@media only screen and (min-width: 1025px) {
    .actionGrid {
        width: 1000px;
        margin: 0 auto;
    }
    .inner-step {
        width: 1000px;
        margin: 0 auto;
    }
    .sop-navmenu .sidenav-item {
        padding: 0 24px;
    }
}