body {
    font-family: 'Mukta', sans-serif;
}

.socialmedia-icns {
    color: white;
    background: #AFD275;
    /* background: #bc1c1c; */
    width: 29px;
    height: 30px;
    padding: 8px 9px;
    margin: 4% 4% 0 0;
    border-radius: 50%;
}

.col-width {
    width: 18%;
}

.icns {
    font-size: 20px;
    vertical-align: middle;
    color: #AFD275;
    /* color: #bc1c1c; */
    font-weight: 600;
}

.spantxt {
    color: white;
    font-size: 14px;
    font-weight: 600;
    line-height: 34px;
}

.banner-txt {
    color: white;
    font-size: 14px;
}

.li-menu {
    font-size: 16px;
    font-weight: 600;
    color: lightslategray;
}

.li-brdr {
    border-right: 2px solid lightgray;
    border-right-style: dotted;
}

.applyonline {
    border-radius: 0px;
    margin: 7% 0 0 240%;
    box-shadow: 0px 2px 8px 0px #ced0d3;
    width: 140%;
    font-weight: 600;
}

.navbar-nav>li :hover {
    color: #E77170;
    background: white !important;
}

.navbar-nav>li :active {
    color: #E77170;
    background: white !important;
}

.carousle-imgs {
    height: 589px !important;
    width: 100%;
    object-fit: cover;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    overflow: hidden;
}

.item.active img {
    transition: transform 5000ms linear 0s;
    /* This should be based on your carousel setting. For bs, it should be 5second*/
    transform: scale(1.05, 1.05);
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}


/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  now override the 3.3 new styles for modern browsers & apply opacity
  */

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner>.item.next,
    .carousel-fade .carousel-inner>.item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner>.item.prev,
    .carousel-fade .carousel-inner>.item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner>.item.next.left,
    .carousel-fade .carousel-inner>.item.prev.right,
    .carousel-fade .carousel-inner>.item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.anchor {
    color: #fff;
    text-decoration: none;
}

.social {
    position: fixed;
    top: 232px;
    z-index: 99;
    left: 113%;
}

.social ul {
    padding: 0px;
    -webkit-transform: translate(-270px, 0);
    -moz-transform: translate(-270px, 0);
    -ms-transform: translate(-270px, 0);
    -o-transform: translate(-270px, 0);
    transform: translate(-270px, 0);
}

.social_ul_li_blue {
    display: block;
    margin: 2% 0 0 8%;
    background: #E77170;
    /* background: #69a1f5; */
    width: 300px;
    text-align: left;
    padding: 11px;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.social_ul_li_blue:hover {
    -webkit-transform: translate(110px, 0);
    -moz-transform: translate(110px, 0);
    -ms-transform: translate(110px, 0);
    -o-transform: translate(110px, 0);
    transform: translate(-110px, 0);
}

.social_ul_li_blue:hover a {
    color: #fff;
    text-decoration: none;
    text-indent: 10px;
    /* color: #000; */
}

.social_blue_i {
    /* color: #000; */
    margin: 0 5% 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: 20px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.social_ul_li_green {
    display: block;
    margin: 2% 0 0 8%;
    background: #AFD275;
    /* background: #72f50e; */
    width: 300px;
    text-align: left;
    padding: 11px 17px;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.social_ul_li_green:hover {
    -webkit-transform: translate(110px, 0);
    -moz-transform: translate(110px, 0);
    -ms-transform: translate(110px, 0);
    -o-transform: translate(110px, 0);
    transform: translate(-110px, 0);
}

.social_ul_li_green:hover a {
    color: #fff;
    text-decoration: none;
    text-indent: 10px;
    /* color: #000; */
}

.social_green_i {
    /* color: #000; */
    margin: 0 7% 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: 20px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.social_ul_li_orange {
    display: block;
    margin: 2% 0 0 8%;
    background: #7E685A;
    /* background: rgb(255, 12, 61); */
    width: 300px;
    text-align: left;
    padding: 11px 17px;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.social_ul_li_orange:hover {
    -webkit-transform: translate(110px, 0);
    -moz-transform: translate(110px, 0);
    -ms-transform: translate(110px, 0);
    -o-transform: translate(110px, 0);
    transform: translate(-110px, 0);
}

.social_ul_li_orange:hover a {
    color: #fff;
    text-decoration: none;
    text-indent: 10px;
    /* color: #000; */
}

.social_orange_i {
    /* color: #000; */
    margin: 0 5% 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: 20px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.outstndmg-dash {
    width: 4%;
    height: 2px;
    background: #AFD275;
    margin: 1.3% 0 0 38%;
    position: absolute;
}

.services {
    background: #AFD275;
    /* background: #bc1c1c; */
    color: white;
    padding: 0px 9px;
}

.para {
    text-align: center;
    width: 66%;
    margin: 2% 0 0 22%;
    font-size: 15px;
    color: #7E685A;
    font-weight: 600;
}

.loansdiv {
    box-shadow: 1px 5px 22px 4px lightgrey;
    padding: 25px;
    height: 253px;
    border-bottom: 2px solid #AFD275;
}

.loanrightdiv:hover {
    box-shadow: 0px 9px 8px 1px lightgrey;
    padding: 25px;
    height: 253px;
    border-bottom: 2px solid #AFD275;
}

.loanrightdiv:hover .divcaret {
    height: 56px;
    width: 56px;
    border-right: 58px solid #AFD275;
    border-top: 56px solid #f7f8f80d;
    float: right;
    position: absolute;
    margin: 1% 0 0 78.2%;
}

.loanrightdiv:hover .loansdiv {
    box-shadow: 0px 1px 14px -7px lightgrey
}

.loanrightdiv:hover .loansdiv-icns {
    color: #E77170;
}

.loansdiv-icns {
    font-size: 40px;
    color: lightslategray;
}

.caret {
    height: 56px;
    width: 56px;
    border-right: 58px solid #AFD275;
    border-top: 56px solid #f7f8f80d;
    float: right;
    position: absolute;
    margin: 1% 0 0 77.2%;
}

.right-arrow {
    margin: 10% 0 0 87%;
    z-index: 1;
    position: absolute;
    color: white;
}

.featrsdash {
    width: 4%;
    height: 2px;
    background: white;
    margin: 1.3% 0 0 26%;
    position: absolute;
}

.features {
    background: white;
    color: #bc1c1c;
    padding: 0px 9px;
}

.busnsgrwth-dash {
    width: 20%;
    margin: 3% 0 0 0;
    height: 3px;
    background: white;
    position: absolute;
}

.featurs-txt {
    text-align: justify;
    font-size: 15px;
    margin: 2% 0 0 0;
    font-weight: 600;
}

.price_menu {
    border-bottom: 0;
    background-color: #AFD275;
    /* background-color: #bc1c1c; */
    color: #61a4dd;
    text-align: left;
}

.plus {
    color: white;
    font-size: 15px;
    font-weight: 100 !important;
    line-height: 2 !important;
    text-align: center;
    font-weight: 800;
    float: right;
    margin: -3px 0 0 0;
    /* border-radius: 50%; */
    border: 0;
    position: relative;
}

.txt_decor {
    /* color: #337ab7; */
    text-decoration: none !important;
    text-transform: capitalize;
}

.title {
    font-weight: 600;
    font-size: 17px;
    color: white !important;
}

.panel-heading {
    padding: 17px 15px !important;
}

#backtotop {
    display: inline-block;
    background-color: #AFD275;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 25px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#backtotop::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}

#backtotop:hover {
    cursor: pointer;
    background-color: #333;
    text-decoration: none;
}

#backtotop:active {
    background-color: #555;
}

#backtotop.show {
    opacity: 1;
    visibility: visible;
}

.ul-left {
    margin: -2% 0 0 30%;
}

.logo {
    width: 17%;
    padding: 10px;
}

.navbar-default {
    background-color: white !important;
    border-color: white !important;
}

@media(min-width:576px) and (max-width:767px) {
    .logo {
        width: 17%;
        padding: 10px;
        margin: -11% 0 0 0;
    }
    .socialmedia-icns {
        color: white;
        background: #AFD275;
        /* background: #bc1c1c; */
        width: 29px;
        height: 30px;
        padding: 8px 9px;
        margin: -1% 4% 2% 0;
        border-radius: 50%;
    }
    .social {
        position: fixed;
        top: 232px;
        z-index: 99;
        left: 135%;
    }
    .outstndmg-dash {
        width: 4%;
        height: 2px;
        background: #AFD275;
        margin: 2.3% 0 0 24%;
        position: absolute;
    }
    .col-width {
        width: 100%;
    }
    .spantxt {
        color: white;
        font-size: 12px;
        font-weight: 600;
        line-height: 34px;
        white-space: nowrap;
    }
    .loanrightdiv:hover .divcaret {
        height: 56px;
        width: 56px;
        border-right: 58px solid #AFD275;
        border-top: 56px solid #f7f8f80d;
        float: right;
        position: absolute;
        margin: 5% 0 0 84.2%;
    }
    .right-arrow {
        margin: 12% 0 0 91%;
        z-index: 1;
        position: absolute;
        color: white;
    }
    .caret {
        height: 56px;
        width: 56px;
        border-right: 58px solid #AFD275;
        border-top: 56px solid #f7f8f80d;
        float: right;
        position: absolute;
        margin: 5% 0 0 83.2%;
    }
    .featrsdash {
        width: 4%;
        height: 2px;
        background: white;
        margin: 3.3% 0 0 19%;
        position: absolute;
    }
}

@media(min-width:768px) and (max-width:990px) {
    .applyonline {
        border-radius: 0px;
        margin: 7% 0 0 76%;
        box-shadow: 0px 2px 8px 0px #ced0d3;
        width: 140%;
        font-weight: 600;
    }
    .social {
        position: fixed;
        top: 232px;
        z-index: 99;
        left: 124%;
    }
    .col-width {
        width: 24%;
    }
    .spantxt {
        color: white;
        font-size: 10px;
        font-weight: 600;
        line-height: 34px;
        white-space: nowrap;
    }
    .outstndmg-dash {
        width: 4%;
        height: 2px;
        background: #AFD275;
        margin: 2.3% 0 0 30%;
        position: absolute;
    }
    .caret {
        height: 56px;
        width: 56px;
        border-right: 58px solid #AFD275;
        border-top: 56px solid #f7f8f80d;
        float: right;
        position: absolute;
        margin: -15% 0 0 64.2%;
    }
    .right-arrow {
        margin: -2% 0 0 80%;
        z-index: 1;
        position: absolute;
        color: white;
    }
    .loanrightdiv:hover .divcaret {
        height: 56px;
        width: 56px;
        border-right: 58px solid #AFD275;
        border-top: 56px solid #f7f8f80d;
        float: right;
        position: absolute;
        margin: -15% 0 0 65.2%;
    }
    .featrsdash {
        width: 4%;
        height: 2px;
        background: white;
        margin: 2.3% 0 0 26%;
        position: absolute;
    }
}

@media(min-width:991px) and (max-width:1199px) {
    .applyonline {
        border-radius: 0px;
        margin: 7% 0 0 105%;
        box-shadow: 0px 2px 8px 0px #ced0d3;
        width: 100%;
        font-weight: 600;
    }
    .spantxt {
        color: white;
        font-size: 11px;
        font-weight: 600;
        line-height: 34px;
    }
    .social {
        position: fixed;
        top: 232px;
        z-index: 99;
        left: 117%;
    }
    .outstndmg-dash {
        width: 4%;
        height: 2px;
        background: #AFD275;
        margin: 2% 0 0 32%;
        position: absolute;
    }
    .featrsdash {
        width: 4%;
        height: 2px;
        background: white;
        margin: 2% 0 0 24%;
        position: absolute;
    }
    .caret {
        height: 56px;
        width: 56px;
        border-right: 58px solid #AFD275;
        border-top: 56px solid #f7f8f80d;
        float: right;
        position: absolute;
        margin: 1% 0 0 73%;
    }
    .right-arrow {
        margin: 12% 0 0 85%;
        z-index: 1;
        position: absolute;
        color: white;
    }
    .loanrightdiv:hover .divcaret {
        height: 56px;
        width: 56px;
        border-right: 58px solid #AFD275;
        border-top: 56px solid #f7f8f80d;
        float: right;
        position: absolute;
        margin: -5% 0 0 74%;
    }
    .divcaret-right-arrow {
        margin: 5% 0 0 85%;
        z-index: 1;
        position: absolute;
        color: white;
    }
    .col-width {
        width: 22%;
    }
    .ul-left {
        margin: -2% 0 0 30%;
    }
    .logo {
        width: 17%;
        padding: 10px;
    }
    .navbar-default {
        background-color: white !important;
        border-color: white !important;
    }
}

@media(min-width:1800px) and (max-width:2200px) {
    .applyonline {
        border-radius: 0px;
        margin: 2% 0 0 40%;
        box-shadow: 0px 2px 8px 0px #ced0d3;
        width: 100%;
        font-weight: 600;
    }
    .spantxt {
        color: white;
        font-size: 11px;
        font-weight: 600;
        line-height: 34px;
    }
    .social {
        position: fixed;
        top: 232px;
        z-index: 99;
        left: 117%;
    }
    .outstndmg-dash {
        width: 4%;
        height: 2px;
        background: #AFD275;
        margin: 1% 0 0 38%;
        position: absolute;
    }
    .featrsdash {
        width: 4%;
        height: 2px;
        background: white;
        margin: 1% 0 0 21%;
        position: absolute;
    }
    .caret {
        height: 56px;
        width: 56px;
        border-right: 58px solid #AFD275;
        border-top: 56px solid #f7f8f80d;
        float: right;
        position: absolute;
        margin: 1% 0 0 77%;
    }
    .right-arrow {
        margin: 9% 0 0 87%;
        z-index: 1;
        position: absolute;
        color: white;
    }
    .loanrightdiv:hover .divcaret {
        height: 56px;
        width: 56px;
        border-right: 58px solid #AFD275;
        border-top: 56px solid #f7f8f80d;
        float: right;
        position: absolute;
        margin: 1% 0 0 79%;
    }
    .divcaret-right-arrow {
        margin: 9% 0 0 88%;
        z-index: 1;
        position: absolute;
        color: white;
    }
    .col-width {
        width: 18%;
    }
    .ul-left {
        margin: 1% 0 0 0%;
    }
    .logo {
        width: 17%;
        padding: 10px;
    }
    .navbar-default {
        background-color: white !important;
        border-color: white !important;
    }
}


/* @media(min-width:1010px) and (max-width:1185px) {
    .featrsdash {
        width: 4%;
        height: 2px;
        background: white;
        margin: 2% 0 0 31%;
        position: absolute;
    }
} */