/*--------------------------------------------------
	[PLACEHOLDER]
----------------------------------------------------*/
/*--------------------------------------------------
	[BUTTON VARIANT]
----------------------------------------------------*/
/*--------------------------------------------------
	[HEADING]
----------------------------------------------------*/
/*--------------------------------------------------
	[HEADING LEFT]
----------------------------------------------------*/
/*--------------------------------------------------
	[TRANSITION]
----------------------------------------------------*/
/* Cubic Bezier Transition */
/* Opacity Transition */
/* Translate 3D Transition */
/*--------------------------------------------------
	[PAGE HEADER]
----------------------------------------------------*/
/* Page on Scroll */

.modal-dialog {
    width: 100%;
    max-width: 1000px;
}

#overlay {
    pointer-events: all;
    z-index: 99999999;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: wait;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
}

.page-on-scroll .page-header {
    background: #fff;
    transition-duration: 100ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

    .page-on-scroll .page-header .navbar {
        background: inherit;
    }

.page-header {
    padding: 0;
    margin: 0;
    border-bottom: none;
    /* Navbar */
    /* Navbar Toggle */
    /* Navbar Brand */
    /* Navbar Nav */
}

    .page-header .navbar {
        border-radius: 0;
        margin-bottom: 0;
        background: #ffffff;
        transition-duration: 100ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

    .page-header .navbar-toggle {
        border: none;
        margin: 25px 15px 25px 0;
        background: #ffffff;
    }

        .page-header .navbar-toggle .icon-bar {
            background: #3f5263;
        }

    .page-header .navbar-brand {
        height: 82px;
        max-height: 82px;
        line-height: 50px;
        display: inline-block;
        vertical-align: middle;
        transition-duration: 400ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

        .page-header .navbar-brand img {
            width: 115px;
            height: auto;
            max-width: 100%;
            max-height: 100%;
            display: inline-block;
            vertical-align: middle;
        }

    .page-header .navbar-nav li {
        padding: 25px 1px;
        line-height: 20px;
        transition-duration: 400ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        text-align: left
    }

        .page-header .navbar-nav li > a {
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 1px;
            border: 1px solid transparent;
            text-transform: uppercase;
            color: black;
            font-weight: normal
        }

            .page-header .navbar-nav li.active > a,
            .page-header .navbar-nav li > a:hover {
                border: 1px solid rgba(255, 255, 255, 0.1);
            }

            .page-header .navbar-nav li > a:focus,
            .page-header .navbar-nav li > a:hover {
                background: inherit;
            }

/* Responsive code for max-width: 991px */
@media (max-width: 991px) {
    /* 991px */
    .page-header .navbar-header {
        float: none;
    }

    .page-header .navbar-toggle {
        display: block;
    }

    .page-header .navbar-collapse.collapse {
        display: none !important;
    }

        .page-header .navbar-collapse.collapse.in {
            display: block !important;
            overflow-y: auto !important;
        }

    .page-header .navbar-nav {
        margin: 0;
        float: none !important;
    }
}
/* Stylesheet design for under max-width: 991px */
@media (max-width: 991px) {
    /* 991px */
    body {
        padding-top: 80px;
    }

    .page-header {
        background: #fff;
        /* Navbar Brand */
    }

        .page-header .navbar-fixed-top {
            background: #fff;
        }

            .page-header .navbar-fixed-top .navbar-collapse {
                max-height: 100%;
                /* Navbar */
            }

                .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li {
                    padding: 0;
                    float: none;
                }

                    .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li > a {
                        font-weight: 700;
                        color: #3f5263;
                    }

                        .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li.active > a,
                        .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li > a:hover {
                            color: #bf5757;
                        }

        .page-header img.logo-default {
            display: none;
        }
}
/* Stylesheet design for above 992px */
@media (min-width: 992px) {
    /* 992px */
    .page-header {
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 9999;
        position: fixed;
        /* Navbar Brand */
        /* Navbar Nav */
    }

        .page-header .navbar-brand img.logo-scroll {
            display: none;
        }

        .page-header .navbar-nav {
            float: left;
        }

            .page-header .navbar-nav li > a {
                padding: 5px 12px;
            }


        .page-header .navbar-nav2 {
            float: left;
        }

            .page-header .navbar-nav2 li > a {
                padding: 5px 12px;
            }
}
/* Stylesheet design on Scroll (Fixed Header) 992px */
@media (min-width: 992px) {
    /* 992px */
    .page-on-scroll .page-header {
        /* Navbar Brand */
        /* Navbar Nav */
    }

        .page-on-scroll .page-header .navbar-brand {
            height: 70px;
            max-height: 70px;
            line-height: 49px;
            transition-duration: 400ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

            .page-on-scroll .page-header .navbar-brand img.logo-scroll {
                display: block;
            }

            .page-on-scroll .page-header .navbar-brand img.logo-default {
                display: none;
            }

        .page-on-scroll .page-header .navbar-nav li {
            padding: 19px 1px;
            transition-duration: 400ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

            .page-on-scroll .page-header .navbar-nav li > a {
                color: #3f5263;
            }

                .page-on-scroll .page-header .navbar-nav li.active > a,
                .page-on-scroll .page-header .navbar-nav li > a:hover {
                    border: 1px solid #3FBBC8;
                }
}
/*--------------------------------------------------
	[PAGE CONTENT]
----------------------------------------------------*/
/* Body */
a:focus {
    outline: none;
}

.page-header-fixed {
    margin-top: 0;
}

/* go2top */
.go2top,
.go2top:focus {
    right: 15px;
    bottom: 8px;
    width: 38px;
    height: 38px;
    z-index: 999;
    line-height: 1;
    font-size: 18px;
    position: fixed;
    text-align: center;
    border-radius: 50%;
    padding: 7px 0 0 1px;
    background: transparent;
    color: #3f5263;
    border: solid 2px #3f5263;
}

    .go2top:hover,
    .go2top:focus:hover {
        color: #fff;
        background: #3f5263;
        transition-duration: 400ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

/*--------------------------------------------------
	[FORM CONTROL]
----------------------------------------------------*/
/* Set displays an element as in inline0level flex container */
.form-wrap {
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
}

.form-wrap-group {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

/* Focus stylesheet effect for 'input' */
.form-control {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    min-width: 100px;
    min-height: 50px;
    border-radius: 0;
    box-shadow: none;
    border-color: #fff;
    background: transparent;
}

    .form-control:-moz-placeholder {
        color: #fff;
    }

    .form-control::-moz-placeholder {
        color: #fff;
    }

    .form-control:-ms-input-placeholder {
        color: #fff;
    }

    .form-control::-webkit-input-placeholder {
        color: #fff;
    }

    .form-control:focus {
        box-shadow: none;
        border-color: #fff;
    }


/* Focus stylesheet effect for 'input' */
.invoice .form-control {
    color: black;
    font-size: 17px;
    font-weight: 300;
    min-width: 100px;
    min-height: 50px;
    border-radius: 0;
    box-shadow: none;
    border-color: gray;
    background: transparent;
}

    .invoice .form-control:-moz-placeholder {
        color: black;
    }

    .invoice .form-control::-moz-placeholder {
        color: black;
    }

    .invoice .form-control:-ms-input-placeholder {
        color: black;
    }

    .invoice .form-control::-webkit-input-placeholder {
        color: black;
    }

    .invoice .form-control:focus {
        box-shadow: none;
        border-color: black;
    }


/* Focus stylesheet effect for 'input' */
.modal-footer .form-control {
    color: black;
    font-size: 17px;
    font-weight: 300;
    min-width: 80px;
    min-height: 25px;
    border-radius: 0;
    box-shadow: none;
    border-color: gray;
    background: transparent;
}

    .modal-footer .form-control:-moz-placeholder {
        color: black;
    }

    .modal-footer .form-control::-moz-placeholder {
        color: black;
    }

    .modal-footer .form-control:-ms-input-placeholder {
        color: black;
    }

    .modal-footer .form-control::-webkit-input-placeholder {
        color: black;
    }

    .modal-footer .form-control:focus {
        box-shadow: none;
        border-color: black;
    }



.target .form-control {
    color: black;
    font-size: 17px;
    font-weight: 300;
    min-width: 100px;
    min-height: 50px;
    border-radius: 0;
    box-shadow: none;
    border-color: gray;
}

    .target .form-control:-moz-placeholder {
        color: black;
    }

    .target .form-control::-moz-placeholder {
        color: black;
    }

    .target .form-control:-ms-input-placeholder {
        color: black;
    }

    .target .form-control::-webkit-input-placeholder {
        color: black;
    }

    .target .form-control:focus {
        box-shadow: none;
        border-color: black;
    }




.withdrawal .form-control {
    color: black;
    font-size: 17px;
    font-weight: 300;
    min-width: 100px;
    min-height: 50px;
    border-radius: 0;
    box-shadow: none;
    border-color: gray;
    background: transparent;
}

    .withdrawal .form-control:-moz-placeholder {
        color: black;
    }

    .withdrawal .form-control::-moz-placeholder {
        color: black;
    }

    .withdrawal .form-control:-ms-input-placeholder {
        color: black;
    }

    .withdrawal .form-control::-webkit-input-placeholder {
        color: black;
    }

    .withdrawal .form-control:focus {
        box-shadow: none;
        border-color: black;
    }






.teamReq-bg .form-control {
    color: #363434;
    font-size: 17px;
    font-weight: 300;
    min-width: 100px;
    min-height: 50px;
    border-radius: 0;
    box-shadow: none;
    border-color: #575555;
    background: transparent;
    align-content: center;
}

    .teamReq-bg .form-control:-moz-placeholder {
        color: gray;
    }

    .teamReq-bg .form-control::-moz-placeholder {
        color: gray;
    }

    .teamReq-bg .form-control:-ms-input-placeholder {
        color: gray;
    }

    .teamReq-bg .form-control::-webkit-input-placeholder {
        color: gray;
    }

    .teamReq-bg .form-control:focus {
        box-shadow: none;
        border-color: #575555;
    }

    .teamReq-bg .form-control option {
        background-color: transparent !important;
        font-weight: normal;
        font-family: 'Open Sans', sans-serif !important;
        color: #363434;
    }





.teamApp-bg .form-control {
    color: #363434;
    font-size: 17px;
    font-weight: 300;
    min-width: 100px;
    min-height: 50px;
    border-radius: 0;
    box-shadow: none;
    border-color: #575555;
    background: transparent;
    align-content: center;
}

    .teamApp-bg .form-control:-moz-placeholder {
        color: gray;
    }

    .teamApp-bg .form-control::-moz-placeholder {
        color: gray;
    }

    .teamApp-bg .form-control:-ms-input-placeholder {
        color: gray;
    }

    .teamApp-bg .form-control::-webkit-input-placeholder {
        color: gray;
    }

    .teamApp-bg .form-control:focus {
        box-shadow: none;
        border-color: #575555;
    }

    .teamApp-bg .form-control option {
        background-color: #2b3641 !important;
        font-weight: normal;
        font-family: 'Open Sans', sans-serif !important;
        color: #363434;
    }




/* Media Queries */
@media (max-width: 768px) {
    .form-wrap, .form-wrap-group {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

        .form-wrap .form-control,
        .form-wrap-group .form-control {
            margin-bottom: 10px;
        }

    .btn-red {
        width: 100%;
        display: block;
    }
}

@media (min-width: 768px) {
    .border-left-transparent .form-control {
        border-left: transparent;
    }

    .border-top-transparent.form-control {
        border-top: transparent;
    }
}
/* No Space Row */
.no-space-row {
    padding: 0 30px;
}

    .no-space-row [class^="col-"],
    .no-space-row [class*="col-"] {
        padding: 0;
    }

@media (max-width: 767px) {
    .no-space-row [class^="col-"],
    .no-space-row [class*="col-"] {
        padding: 0 15px;
    }
}
/*--------------------------------------------------
	[BUTTONS]
----------------------------------------------------*/
/* Button Bordered */
.btn-brd-white {
    display: inline-block;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #009798;
    padding: 9px 15px;
    font-size: 14px;
    background: transparent;
    line-height: 1.5;
    border-radius: 0;
    border: 2px solid #009798 !important;
    transition-duration: 100ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

    .btn-brd-white:focus, .btn-brd-white:active:focus, .btn-brd-white.active:focus {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-brd-white:hover, .btn-brd-white:focus {
        text-decoration: none;
        color: #3f5263;
        border-color: #009798;
        transition-duration: 400ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

    .btn-brd-white.btn-lg {
        display: inline-block;
        font-weight: 600;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #009798;
        padding: 12px 20px;
        font-size: 18px;
        background: transparent;
        line-height: 1.4;
        border-radius: 0;
        border: 2px solid #009798 !important;
        transition-duration: 100ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

        .btn-brd-white.btn-lg:focus, .btn-brd-white.btn-lg:active:focus, .btn-brd-white.btn-lg.active:focus {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .btn-brd-white.btn-lg:hover, .btn-brd-white.btn-lg:focus {
            text-decoration: none;
            color: #3f5263;
            background: #fff;
            border-color: #fff;
            transition-duration: 400ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

    .btn-brd-white.btn-md {
        display: inline-block;
        font-weight: 600;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        padding: 14px;
        font-size: 15px;
        background: transparent;
        line-height: 1.35;
        border-radius: 0;
        border: 2px solid #fff !important;
        transition-duration: 100ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }


    .btn-brd-white.btn-md-2 {
        display: inline-block;
        font-weight: 600;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: black;
        padding: 14px;
        font-size: 15px;
        background: transparent;
        line-height: 1.35;
        border-radius: 0;
        border: 2px solid #fff !important;
        transition-duration: 100ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

    .btn-brd-white.btn-md:focus, .btn-brd-white.btn-md:active:focus, .btn-brd-white.btn-md.active:focus {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-brd-white.btn-md:hover, .btn-brd-white.btn-md:focus {
        text-decoration: none;
        color: #3f5263;
        background: #fff;
        border-color: #fff;
        transition-duration: 400ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

    .btn-brd-white.btn-sm {
        display: inline-block;
        font-weight: 600;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        padding: 9px 12px;
        font-size: 13px;
        background: transparent;
        line-height: 1.3;
        border-radius: 0;
        border: 2px solid #fff !important;
        transition-duration: 100ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

        .btn-brd-white.btn-sm:focus, .btn-brd-white.btn-sm:active:focus, .btn-brd-white.btn-sm.active:focus {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .btn-brd-white.btn-sm:hover, .btn-brd-white.btn-sm:focus {
            text-decoration: none;
            color: #3f5263;
            background: #fff;
            border-color: #fff;
            transition-duration: 400ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

/* Button Bordered Primary */
.btn-brd-primary {
    display: inline-block;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #3f5263;
    padding: 9px 15px;
    font-size: 14px;
    background: transparent;
    line-height: 1.4;
    border-radius: 0;
    border: 2px solid #3f5263 !important;
    transition-duration: 100ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

    .btn-brd-primary:focus, .btn-brd-primary:active:focus, .btn-brd-primary.active:focus {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-brd-primary:hover, .btn-brd-primary:focus {
        text-decoration: none;
        color: #fff;
        background: #3f5263;
        border-color: #3f5263;
        transition-duration: 400ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

    .btn-brd-primary.btn-lg {
        display: inline-block;
        font-weight: 600;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #3f5263;
        padding: 12px 20px;
        font-size: 18px;
        background: transparent;
        line-height: 1.4;
        border-radius: 0;
        border: 2px solid #3f5263 !important;
        transition-duration: 100ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

        .btn-brd-primary.btn-lg:focus, .btn-brd-primary.btn-lg:active:focus, .btn-brd-primary.btn-lg.active:focus {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .btn-brd-primary.btn-lg:hover, .btn-brd-primary.btn-lg:focus {
            text-decoration: none;
            color: #fff;
            background: #3f5263;
            border-color: #3f5263;
            transition-duration: 400ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

    .btn-brd-primary.btn-md {
        display: inline-block;
        font-weight: 600;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #3f5263;
        padding: 14px;
        font-size: 15px;
        background: transparent;
        line-height: 1.35;
        border-radius: 0;
        border: 2px solid #3f5263 !important;
        transition-duration: 100ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

        .btn-brd-primary.btn-md:focus, .btn-brd-primary.btn-md:active:focus, .btn-brd-primary.btn-md.active:focus {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .btn-brd-primary.btn-md:hover, .btn-brd-primary.btn-md:focus {
            text-decoration: none;
            color: #fff;
            background: #3f5263;
            border-color: #3f5263;
            transition-duration: 400ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

    .btn-brd-primary.btn-sm {
        display: inline-block;
        font-weight: 600;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #3f5263;
        padding: 9px 12px;
        font-size: 13px;
        background: transparent;
        line-height: 1.3;
        border-radius: 0;
        border: 2px solid #3f5263 !important;
        transition-duration: 100ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

        .btn-brd-primary.btn-sm:focus, .btn-brd-primary.btn-sm:active:focus, .btn-brd-primary.btn-sm.active:focus {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .btn-brd-primary.btn-sm:hover, .btn-brd-primary.btn-sm:focus {
            text-decoration: none;
            color: #fff;
            background: #3f5263;
            border-color: #3f5263;
            transition-duration: 400ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

/* Button Danger */
.btn-danger {
    display: inline-block;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    padding: 9px 15px;
    font-size: 14px;
    background: #d15d5d;
    line-height: 1.4;
    border-radius: 0;
    border: 2px solid #d15d5d !important;
    transition-duration: 100ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

    .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-danger:hover, .btn-danger:focus {
        text-decoration: none;
        color: #fff;
        background: #bf5757;
        border-color: #d15d5d;
        transition-duration: 400ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

    .btn-danger.btn-lg {
        display: inline-block;
        font-weight: 600;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        padding: 12px 20px;
        font-size: 18px;
        background: #d15d5d;
        line-height: 1.4;
        border-radius: 0;
        border: 2px solid #d15d5d !important;
        transition-duration: 100ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

        .btn-danger.btn-lg:focus, .btn-danger.btn-lg:active:focus, .btn-danger.btn-lg.active:focus {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .btn-danger.btn-lg:hover, .btn-danger.btn-lg:focus {
            text-decoration: none;
            color: #fff;
            background: #bf5757;
            border-color: #d15d5d;
            transition-duration: 400ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

    .btn-danger.btn-md {
        display: inline-block;
        font-weight: 600;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #009798;
        padding: 13px;
        font-size: 15px;
        background: #fff;
        line-height: 1.35;
        border-radius: 0;
        border: 2px solid #fff !important;
        transition-duration: 100ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

        .btn-danger.btn-md:focus, .btn-danger.btn-md:active:focus, .btn-danger.btn-md.active:focus {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .btn-danger.btn-md:hover, .btn-danger.btn-md:focus {
            text-decoration: none;
            color: #009798;
            background: #fff;
            border-color: #fff;
            transition-duration: 400ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

    .btn-danger.btn-sm {
        display: inline-block;
        font-weight: 600;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        padding: 9px 12px;
        font-size: 13px;
        background: #d15d5d;
        line-height: 1.3;
        border-radius: 0;
        border: 2px solid #d15d5d !important;
        transition-duration: 100ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

        .btn-danger.btn-sm:focus, .btn-danger.btn-sm:active:focus, .btn-danger.btn-sm.active:focus {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .btn-danger.btn-sm:hover, .btn-danger.btn-sm:focus {
            text-decoration: none;
            color: #fff;
            background: #bf5757;
            border-color: #d15d5d;
            transition-duration: 400ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }





.withdrawal .btn-danger.btn-md {
    display: inline-block;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    padding: 13px;
    font-size: 15px;
    background: #B04326 !important;
    line-height: 1.35;
    border-radius: 0;
    border: 2px solid #B04326 !important;
    transition-duration: 100ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

    .withdrawal .btn-danger.btn-md:focus, .btn-danger.btn-md:active:focus, .btn-danger.btn-md.active:focus {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .withdrawal .btn-danger.btn-md:hover, .btn-danger.btn-md:focus {
        text-decoration: none;
        color: #009798;
        background: #fff;
        border-color: #fff;
        transition-duration: 400ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

.withdrawal .btn-danger.btn-sm {
    display: inline-block;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    padding: 9px 12px;
    font-size: 13px;
    background: #B04326 !important;
    line-height: 1.3;
    border-radius: 0;
    border: 2px solid #B04326 !important;
    transition-duration: 100ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

    .withdrawal .btn-danger.btn-sm:focus, .btn-danger.btn-sm:active:focus, .btn-danger.btn-sm.active:focus {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .withdrawal .btn-danger.btn-sm:hover, .btn-danger.btn-sm:focus {
        text-decoration: none;
        color: #fff;
        background: #B04326 !important;
        border-color: #B04326;
        transition-duration: 400ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }




/* Button Bordered Danger */
.btn-brd-danger {
    display: inline-block;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #d15d5d;
    padding: 9px 15px;
    font-size: 14px;
    background: transparent;
    line-height: 1.4;
    border-radius: 0;
    border: 2px solid #d15d5d !important;
    transition-duration: 100ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

    .btn-brd-danger:focus, .btn-brd-danger:active:focus, .btn-brd-danger.active:focus {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-brd-danger:hover, .btn-brd-danger:focus {
        text-decoration: none;
        color: #fff;
        background: #d15d5d;
        border-color: #d15d5d;
        transition-duration: 400ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

    .btn-brd-danger.btn-lg {
        display: inline-block;
        font-weight: 600;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #d15d5d;
        padding: 12px 20px;
        font-size: 18px;
        background: transparent;
        line-height: 1.4;
        border-radius: 0;
        border: 2px solid #d15d5d !important;
        transition-duration: 100ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

        .btn-brd-danger.btn-lg:focus, .btn-brd-danger.btn-lg:active:focus, .btn-brd-danger.btn-lg.active:focus {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .btn-brd-danger.btn-lg:hover, .btn-brd-danger.btn-lg:focus {
            text-decoration: none;
            color: #fff;
            background: #d15d5d;
            border-color: #d15d5d;
            transition-duration: 400ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

    .btn-brd-danger.btn-md {
        display: inline-block;
        font-weight: 600;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #d15d5d;
        padding: 14px;
        font-size: 15px;
        background: transparent;
        line-height: 1.35;
        border-radius: 0;
        border: 2px solid #d15d5d !important;
        transition-duration: 100ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

        .btn-brd-danger.btn-md:focus, .btn-brd-danger.btn-md:active:focus, .btn-brd-danger.btn-md.active:focus {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .btn-brd-danger.btn-md:hover, .btn-brd-danger.btn-md:focus {
            text-decoration: none;
            color: #fff;
            background: #d15d5d;
            border-color: #d15d5d;
            transition-duration: 400ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

    .btn-brd-danger.btn-sm {
        display: inline-block;
        font-weight: 600;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #d15d5d;
        padding: 9px 12px;
        font-size: 13px;
        background: transparent;
        line-height: 1.3;
        border-radius: 0;
        border: 2px solid #d15d5d !important;
        transition-duration: 100ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

        .btn-brd-danger.btn-sm:focus, .btn-brd-danger.btn-sm:active:focus, .btn-brd-danger.btn-sm.active:focus {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .btn-brd-danger.btn-sm:hover, .btn-brd-danger.btn-sm:focus {
            text-decoration: none;
            color: #fff;
            background: #d15d5d;
            border-color: #d15d5d;
            transition-duration: 400ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

/*--------------------------------------------------
	[SPACES]
----------------------------------------------------*/
/* 'margin-bottom' Space */
.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-35 {
    margin-bottom: 35px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-45 {
    margin-bottom: 45px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-55 {
    margin-bottom: 55px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.margin-bottom-65 {
    margin-bottom: 65px !important;
}

.margin-bottom-70 {
    margin-bottom: 70px !important;
}

.margin-bottom-75 {
    margin-bottom: 75px !important;
}

.margin-bottom-80 {
    margin-bottom: 80px !important;
}

.margin-bottom-85 {
    margin-bottom: 85px !important;
}

.margin-bottom-90 {
    margin-bottom: 90px !important;
}

.margin-bottom-95 {
    margin-bottom: 95px !important;
}

.margin-bottom-100 {
    margin-bottom: 100px !important;
}

/* 'margin-bottom' Space for tablet view */
@media (max-width: 992px) {
    .md-margin-bottom-5 {
        margin-bottom: 5px !important;
    }

    .md-margin-bottom-10 {
        margin-bottom: 10px !important;
    }

    .md-margin-bottom-15 {
        margin-bottom: 15px !important;
    }

    .md-margin-bottom-20 {
        margin-bottom: 20px !important;
    }

    .md-margin-bottom-25 {
        margin-bottom: 25px !important;
    }

    .md-margin-bottom-30 {
        margin-bottom: 30px !important;
    }

    .md-margin-bottom-35 {
        margin-bottom: 35px !important;
    }

    .md-margin-bottom-40 {
        margin-bottom: 40px !important;
    }

    .md-margin-bottom-45 {
        margin-bottom: 45px !important;
    }

    .md-margin-bottom-50 {
        margin-bottom: 50px !important;
    }

    .md-margin-bottom-55 {
        margin-bottom: 55px !important;
    }

    .md-margin-bottom-60 {
        margin-bottom: 60px !important;
    }

    .md-margin-bottom-65 {
        margin-bottom: 65px !important;
    }

    .md-margin-bottom-70 {
        margin-bottom: 70px !important;
    }

    .md-margin-bottom-75 {
        margin-bottom: 75px !important;
    }

    .md-margin-bottom-80 {
        margin-bottom: 80px !important;
    }

    .md-margin-bottom-85 {
        margin-bottom: 85px !important;
    }

    .md-margin-bottom-90 {
        margin-bottom: 90px !important;
    }

    .md-margin-bottom-95 {
        margin-bottom: 95px !important;
    }

    .md-margin-bottom-100 {
        margin-bottom: 100px !important;
    }
}
/* 'margin-bottom' Space for mobile view */
@media (max-width: 768px) {
    .sm-margin-bottom-5 {
        margin-bottom: 5px !important;
    }

    .sm-margin-bottom-10 {
        margin-bottom: 10px !important;
    }

    .sm-margin-bottom-15 {
        margin-bottom: 15px !important;
    }

    .sm-margin-bottom-20 {
        margin-bottom: 20px !important;
    }

    .sm-margin-bottom-25 {
        margin-bottom: 25px !important;
    }

    .sm-margin-bottom-30 {
        margin-bottom: 30px !important;
    }

    .sm-margin-bottom-35 {
        margin-bottom: 35px !important;
    }

    .sm-margin-bottom-40 {
        margin-bottom: 40px !important;
    }

    .sm-margin-bottom-45 {
        margin-bottom: 45px !important;
    }

    .sm-margin-bottom-50 {
        margin-bottom: 50px !important;
    }

    .sm-margin-bottom-55 {
        margin-bottom: 55px !important;
    }

    .sm-margin-bottom-60 {
        margin-bottom: 60px !important;
    }

    .sm-margin-bottom-65 {
        margin-bottom: 65px !important;
    }

    .sm-margin-bottom-70 {
        margin-bottom: 70px !important;
    }

    .sm-margin-bottom-75 {
        margin-bottom: 75px !important;
    }

    .sm-margin-bottom-80 {
        margin-bottom: 80px !important;
    }

    .sm-margin-bottom-85 {
        margin-bottom: 85px !important;
    }

    .sm-margin-bottom-90 {
        margin-bottom: 90px !important;
    }

    .sm-margin-bottom-95 {
        margin-bottom: 95px !important;
    }

    .sm-margin-bottom-100 {
        margin-bottom: 100px !important;
    }
}
/*--------------------------------------------------
	[HEADING]
----------------------------------------------------*/
.heading {
    z-index: 1;
    position: relative;
    text-align: center;
}



    .heading h2 {
        font-size: 40px;
        font-weight: 500;
        margin: 0 0 20px;
        color: #009798;
    }

    .heading p {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        color: #3FBBC8;
    }

    .heading .alert p {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.5px;
        text-transform: none;
        color: #3FBBC8;
    }





.withdrawal .heading {
    z-index: 1;
    position: relative;
    text-align: center;
}

    .withdrawal .heading:after {
    }

    .withdrawal .heading h2 {
        font-size: 40px;
        font-weight: 500;
        margin: 0 0 20px;
        color: #B04326;
    }

    .withdrawal .heading p {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        color: #363434;
    }

    .withdrawal .heading .alert p {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.5px;
        text-transform: none;
        color: #363434;
    }








.heading2 {
    z-index: 1;
    position: relative;
    text-align: center;
    margin-bottom: 100px;
}

    .heading2:after {
        left: 50%;
        height: 3px;
        width: 50px;
        content: " ";
        margin-left: -25px;
        position: absolute;
    }

    .heading2 h2 {
        font-size: 40px;
        font-weight: 500;
        margin: 0 0 20px;
        color: #009798;
    }

    .heading2 p {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        color: #3FBBC8;
    }

    .heading2 .alert p {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.5px;
        text-transform: none;
        color: #3FBBC8;
    }





.heading-light {
    z-index: 1;
    position: relative;
    text-align: center;
    margin-bottom: 100px;
}

    .heading-light:after {
        left: 50%;
        height: 3px;
        width: 50px;
        content: " ";
        bottom: -50px;
        margin-left: -25px;
        position: absolute;
        background: #bf5757;
    }

    .heading-light h2 {
        font-size: 40px;
        font-weight: 500;
        margin: 0 0 20px;
        color: #171717;
    }

    .heading-light p {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        color: #8693a7;
    }

.heading-blue {
    z-index: 1;
    position: relative;
    text-align: center;
    margin-bottom: 100px;
}

    .heading-blue:after {
        left: 50%;
        height: 3px;
        width: 50px;
        content: " ";
        bottom: -50px;
        margin-left: -25px;
        position: absolute;
        background: #1b7685;
    }

    .heading-blue h2 {
        font-size: 40px;
        font-weight: 500;
        margin: 0 0 20px;
        color: #fff;
    }

    .heading-blue p {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        color: #9ddde7;
    }

/*--------------------------------------------------
	[HEADING LEFT]
----------------------------------------------------*/
.heading-left {
    z-index: 1;
    margin-bottom: 30px;
}

    .heading-left h2 {
        font-size: 30px;
        margin: 0 0 20px;
        color: #3f5263;
        text-transform: capitalize;
    }

    .heading-left p {
        color: #8693a7;
        font-size: 16px;
        letter-spacing: 0.5px;
    }

.heading-left-light {
    z-index: 1;
    margin-bottom: 30px;
}

    .heading-left-light h2 {
        font-size: 30px;
        margin: 0 0 20px;
        color: #fff;
        text-transform: capitalize;
    }

    .heading-left-light p {
        color: #8693a7;
        font-size: 16px;
        letter-spacing: 0.5px;
    }

/*--------------------------------------------------
	[SUBSCRIBE]
----------------------------------------------------*/
.subscribe {
    padding: 42px 0;
    background: #009798;
    /* Subscribe Wrapper */
    /* Input Field */
}

.subscribe2 {
    padding: 5px 0;
    background: #009798;
    /* Subscribe Wrapper */
    /* Input Field */
}


.subscribe .subscribe-wrap {
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
}

.subscribe .subscribe-body {
    clear: both;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.subscribe .subscribe-desc {
    padding-right: 20px;
}

    .subscribe .subscribe-desc h1 {
        font-size: 30px;
        margin: 0 0 10px;
        letter-spacing: 2px;
        color: #fff;
    }

    .subscribe .subscribe-desc p {
        color: #fff;
        font-size: 19px;
        font-weight: 300;
        margin-bottom: 0;
    }

.subscribe .input-field {
    float: right;
}

@media (max-width: 768px) {
    .subscribe {
        padding: 30px 0;
    }

        .subscribe .subscribe-wrap,
        .subscribe .subscribe-body {
            display: block;
            margin: 0 auto;
            text-align: center;
        }

        .subscribe .input-field {
            float: none;
            display: block;
            margin: 0 auto;
            text-align: center;
        }

            .subscribe .input-field .form-control {
                min-height: 40px;
            }

            .subscribe .input-field .btn-danger.btn-md {
                font-size: 14px;
                padding: 10px;
            }

        .subscribe .subscribe-desc h1 {
            font-size: 25px;
            letter-spacing: 2px;
        }

        .subscribe .subscribe-desc p {
            font-size: 16px;
        }
}
/*--------------------------------------------------
	[SERVICES]
----------------------------------------------------*/
.service-bg {
    padding-top: 130px;
    padding-bottom: 80px;
}

    .service-bg .services {
        margin: 0 auto;
        text-align: center;
        background: #009798;
    }

        .service-bg .services h2 {
            font-size: 23px;
            margin: 0 0 10px;
            line-height: 1.4;
            /*text-transform: capitalize;*/
            color: #3f5263;
            padding: 5px;
        }

        .service-bg .services p {
            font-size: 16px;
            color: #8693a7;
        }

        .service-bg .services .services-wrap {
            width: 100px;
            height: 100px;
            display: table;
            text-align: center;
            position: relative;
            margin: 0 auto 20px;
            vertical-align: middle;
        }
            /*
            .service-bg .services .services-wrap:before {
                top: -40px;
                left: -40px;
                right: -40px;
                bottom: -40px;
                content: " ";
                border-radius: 50%;
                position: absolute;
                border: 1px solid #e8ecf1;
            }*/

            .service-bg .services .services-wrap img {
                width: 80px;
                height: 80px;
                margin: 0 auto;
                text-align: center;
            }

        .service-bg .services .service-body {
            height: 100%;
            display: table-cell;
            vertical-align: middle;
        }



/*--------------------------------------------------
	[SERVICES-APPLICATION]
----------------------------------------------------*/
.serviceApp-bg {
    padding-top: 130px;
    padding-bottom: 80px;
}

    .serviceApp-bg .services {
        margin: 0 auto;
        text-align: center;
        background-color: #D7B829
    }

        .serviceApp-bg .services h2 {
            font-size: 23px;
            margin: 0 0 10px;
            line-height: 1.4;
            /*text-transform: capitalize;*/
            color: #3f5263;
            padding: 5px;
        }

        .serviceApp-bg .services p {
            font-size: 16px;
            color: #8693a7;
        }

        .serviceApp-bg .services .services-wrap {
            width: 100px;
            height: 100px;
            display: table;
            text-align: center;
            position: relative;
            margin: 0 auto 20px;
            vertical-align: middle;
        }

            .serviceApp-bg .services .services-wrap img {
                width: 80px;
                height: 80px;
                margin: 0 auto;
                text-align: center;
            }

        .serviceApp-bg .services .service-body {
            height: 100%;
            display: table-cell;
            vertical-align: middle;
        }



/*--------------------------------------------------
	[SERVICES-withdrawal]
----------------------------------------------------*/
.service-withdrawal-bg {
    padding-top: 130px;
    padding-bottom: 80px;
}

    .service-withdrawal-bg .services {
        margin: 0 auto;
        text-align: center;
    }

        .service-withdrawal-bg .services h2 {
            font-size: 23px;
            margin: 0 0 10px;
            line-height: 1.4;
            /*text-transform: capitalize;*/
            color: #3f5263;
            padding: 5px;
        }

        .service-withdrawal-bg .services p {
            font-size: 16px;
            color: #8693a7;
        }

        .service-withdrawal-bg .services .services-wrap {
            width: 100px;
            height: 100px;
            display: table;
            text-align: center;
            position: relative;
            margin: 0 auto 20px;
            vertical-align: middle;
        }

            .service-withdrawal-bg .services .services-wrap img {
                width: 80px;
                height: 80px;
                margin: 0 auto;
                text-align: center;
            }

        .service-withdrawal-bg .services .service-body {
            height: 100%;
            display: table-cell;
            vertical-align: middle;
        }






/*--------------------------------------------------
	[FEATURES]
----------------------------------------------------*/
.features-bg {
    padding: 100px 0 100px 0;
    background: #f7fafd;
}

    .features-bg .features {
        overflow: hidden;
    }

        .features-bg .features img {
            width: 300px;
            height: auto;
            float: left;
            margin-right: 15px;
        }

        .features-bg .features .features-in {
            overflow: hidden;
        }

            .features-bg .features .features-in h3 {
                font-size: 23px;
                font-weight: 500;
                text-transform: capitalize;
            }

                .features-bg .features .features-in h3 a {
                    color: #3f5263;
                }

                    .features-bg .features .features-in h3 a:hover {
                        color: #bf5757;
                        text-decoration: none;
                    }

            .features-bg .features .features-in p {
                color: #8693a7;
            }

@media (max-width: 480px) {
    .features-bg .features img {
        width: 100%;
        float: none;
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 20px;
    }
}
/*--------------------------------------------------
	[TEAM]
----------------------------------------------------*/
.team-bg {
    z-index: 1;
    height: auto;
    overflow: hidden;
    padding: 100px 0 100px 0;
    background: url(../../../../frontend/onepage2/img/bg/Google_12560x1440.jpg) 60% 0 fixed;
    background-size: cover;
    background-position: center center;
    /* Team Members */
    /* Team About */
}

    .team-bg .team-members {
        width: 100%;
        cursor: pointer;
        overflow: hidden;
        position: relative;
        margin-bottom: 35px;
    }

        .team-bg .team-members .team-avatar {
            position: relative;
        }

            .team-bg .team-members .team-avatar:after {
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                content: " ";
                position: absolute;
                background: rgba(129, 129, 129, 0.1);
                transition-duration: 300ms;
                transition-property: all;
                transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
            }

            .team-bg .team-members .team-avatar img {
                display: block;
                margin: 0 auto;
                text-align: center;
            }

        .team-bg .team-members .team-desc {
            left: auto;
            bottom: 0;
            width: 100%;
            padding: 0 20px;
            position: absolute;
            opacity: 0;
            color: #fff;
            -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0);
            -webkit-transition: opacity 0.3s;
            -moz-transition: opacity 0.3s;
            -ms-transition: opacity 0.3s;
            -o-transition: opacity 0.3s;
            transition: opacity 0.3s;
        }

            .team-bg .team-members .team-desc .team-details {
                float: left;
            }

                .team-bg .team-members .team-desc .team-details h4 {
                    font-size: 22px;
                    font-weight: 600;
                    margin: 0 0 10px;
                    color: #fff;
                }

                .team-bg .team-members .team-desc .team-details span {
                    display: block;
                    font-size: 13px;
                    font-weight: 600;
                    text-transform: uppercase;
                    color: #fff;
                }

            .team-bg .team-members .team-desc .team-socials {
                right: 20px;
                bottom: 0;
                margin: 0;
                padding: 0;
                text-align: right;
                list-style: none;
                position: absolute;
            }

                .team-bg .team-members .team-desc .team-socials li {
                    padding: 0 3px;
                    display: inline-block;
                }

                    .team-bg .team-members .team-desc .team-socials li a {
                        text-decoration: none;
                    }

                        .team-bg .team-members .team-desc .team-socials li a i {
                            font-size: 20px;
                            color: #fff;
                        }

                            .team-bg .team-members .team-desc .team-socials li a i:hover {
                                color: #d15d5d;
                            }

        .team-bg .team-members:hover .team-avatar:after {
            background: rgba(47, 60, 72, 0.5);
            transition-duration: 300ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

        .team-bg .team-members:hover .team-desc {
            -webkit-transform: translate3d(0, -5%, 0);
            transform: translate3d(0, -5%, 0);
            -webkit-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0);
        }

        .team-bg .team-members:hover .team-desc {
            opacity: 1;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -ms-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s;
        }

    .team-bg .team-about {
        padding: 30px;
        background: rgba(129, 129, 129, 0.1);
    }

        .team-bg .team-about h3 {
            color: black;
            font-size: 20px;
            margin: 0 0 10px;
            text-transform: capitalize;
        }

        .team-bg .team-about p {
            color: #666666;
        }

/* Stylesheet design for above 992px */
@media (min-width: 992px) {
    /* 992px */
    .team-about {
        min-height: 195px;
    }
}


/*--------------------------------------------------
	[REQUEST]
----------------------------------------------------*/
.teamReq-bg {
    z-index: 1;
    height: auto;
    overflow: hidden;
    padding: 100px 0 0 0;
    background-color: #EAEDEA;
    margin-top: -110px
    /* Team Members */
    /* Team About */
}

    .teamReq-bg .teamReq-members {
        width: 100%;
        cursor: pointer;
        overflow: hidden;
        position: relative;
        margin-bottom: 35px;
    }

        .teamReq-bg .teamReq-members .teamReq-avatar {
            position: relative;
        }

            .teamReq-bg .teamReq-members .teamReq-avatar:after {
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                content: " ";
                position: absolute;
                background: rgba(129, 129, 129, 0.1);
                transition-duration: 300ms;
                transition-property: all;
                transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
            }

            .teamReq-bg .teamReq-members .teamReq-avatar img {
                display: block;
                margin: 0 auto;
                text-align: center;
            }

        .teamReq-bg .teamReq-members .teamReq-desc {
            left: auto;
            bottom: 0;
            width: 100%;
            padding: 0 20px;
            position: absolute;
            opacity: 0;
            color: #363434;
            -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0);
            -webkit-transition: opacity 0.3s;
            -moz-transition: opacity 0.3s;
            -ms-transition: opacity 0.3s;
            -o-transition: opacity 0.3s;
            transition: opacity 0.3s;
        }

            .teamReq-bg .teamReq-members .teamReq-desc .teamReq-details {
                float: left;
            }

                .teamReq-bg .teamReq-members .teamReq-desc .teamReq-details h4 {
                    font-size: 22px;
                    font-weight: 600;
                    margin: 0 0 10px;
                    color: #363434;
                }

                .teamReq-bg .teamReq-members .teamReq-desc .teamReq-details span {
                    display: block;
                    font-size: 13px;
                    font-weight: 600;
                    text-transform: uppercase;
                    color: #363434;
                }

            .teamReq-bg .teamReq-members .teamReq-desc .teamReq-socials {
                right: 20px;
                bottom: 0;
                margin: 0;
                padding: 0;
                text-align: right;
                list-style: none;
                position: absolute;
            }

                .teamReq-bg .teamReq-members .teamReq-desc .teamReq-socials li {
                    padding: 0 3px;
                    display: inline-block;
                }

                    .teamReq-bg .teamReq-members .teamReq-desc .teamReq-socials li a {
                        text-decoration: none;
                    }

                        .teamReq-bg .teamReq-members .teamReq-desc .teamReq-socials li a i {
                            font-size: 20px;
                            color: #363434;
                        }

                            .teamReq-bg .teamReq-members .teamReq-desc .teamReq-socials li a i:hover {
                                color: #d15d5d;
                            }

        .teamReq-bg .teamReq-members:hover .teamReq-avatar:after {
            background: rgba(47, 60, 72, 0.5);
            transition-duration: 300ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

        .teamReq-bg .teamReq-members:hover .teamReq-desc {
            -webkit-transform: translate3d(0, -5%, 0);
            transform: translate3d(0, -5%, 0);
            -webkit-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0);
        }

        .teamReq-bg .teamReq-members:hover .teamReq-desc {
            opacity: 1;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -ms-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s;
        }

    .teamReq-bg .teamReq-about {
        padding: 30px;
        background: rgba(129, 129, 129, 0.1);
    }

        .teamReq-bg .teamReq-about h3 {
            color: black;
            font-size: 20px;
            margin: 0 0 10px;
            text-transform: capitalize;
        }

        .teamReq-bg .teamReq-about p {
            color: #666666;
        }

/* Stylesheet design for above 992px */
@media (min-width: 992px) {
    /* 992px */
    .teamReq-about {
        min-height: 195px;
    }
}




/*--------------------------------------------------
	[APPLICATION]
----------------------------------------------------*/
.teamApp-bg {
    z-index: 1;
    height: auto;
    overflow: hidden;
    padding: 100px 0 100px 0;
    background-color: #A5C0C0;
    /* Team Members */
    /* Team About */
}

    .teamApp-bg .teamApp-members {
        width: 100%;
        cursor: pointer;
        overflow: hidden;
        position: relative;
        margin-bottom: 35px;
    }

        .teamApp-bg .teamApp-members .teamApp-avatar {
            position: relative;
        }

            .teamApp-bg .teamApp-members .teamApp-avatar:after {
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                content: " ";
                position: absolute;
                background: rgba(129, 129, 129, 0.1);
                transition-duration: 300ms;
                transition-property: all;
                transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
            }

            .teamApp-bg .teamApp-members .teamApp-avatar img {
                display: block;
                margin: 0 auto;
                text-align: center;
            }

        .teamApp-bg .teamApp-members .teamApp-desc {
            left: auto;
            bottom: 0;
            width: 100%;
            padding: 0 20px;
            position: absolute;
            opacity: 0;
            color: #fff;
            -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0);
            -webkit-transition: opacity 0.3s;
            -moz-transition: opacity 0.3s;
            -ms-transition: opacity 0.3s;
            -o-transition: opacity 0.3s;
            transition: opacity 0.3s;
        }

            .teamApp-bg .teamApp-members .teamApp-desc .teamApp-details {
                float: left;
            }

                .teamApp-bg .teamApp-members .teamApp-desc .teamApp-details h4 {
                    font-size: 22px;
                    font-weight: 600;
                    margin: 0 0 10px;
                    color: #fff;
                }

                .teamApp-bg .teamApp-members .teamApp-desc .teamApp-details span {
                    display: block;
                    font-size: 13px;
                    font-weight: 600;
                    text-transform: uppercase;
                    color: #fff;
                }

            .teamApp-bg .teamApp-members .teamApp-desc .teamApp-socials {
                right: 20px;
                bottom: 0;
                margin: 0;
                padding: 0;
                text-align: right;
                list-style: none;
                position: absolute;
            }

                .teamApp-bg .teamApp-members .teamApp-desc .teamApp-socials li {
                    padding: 0 3px;
                    display: inline-block;
                }

                    .teamApp-bg .teamApp-members .teamApp-desc .teamApp-socials li a {
                        text-decoration: none;
                    }

                        .teamApp-bg .teamApp-members .teamApp-desc .teamApp-socials li a i {
                            font-size: 20px;
                            color: #fff;
                        }

                            .teamApp-bg .teamApp-members .teamApp-desc .teamApp-socials li a i:hover {
                                color: #d15d5d;
                            }

        .teamApp-bg .teamApp-members:hover .teamApp-avatar:after {
            background: rgba(47, 60, 72, 0.5);
            transition-duration: 300ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

        .teamApp-bg .teamApp-members:hover .teamApp-desc {
            -webkit-transform: translate3d(0, -5%, 0);
            transform: translate3d(0, -5%, 0);
            -webkit-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0);
        }

        .teamApp-bg .teamApp-members:hover .teamApp-desc {
            opacity: 1;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -ms-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s;
        }

    .teamApp-bg .teamApp-about {
        padding: 30px;
        background: rgba(129, 129, 129, 0.1);
    }

        .teamApp-bg .teamApp-about h3 {
            color: black;
            font-size: 20px;
            margin: 0 0 10px;
            text-transform: capitalize;
        }

        .teamApp-bg .teamApp-about p {
            color: #666666;
        }

/* Stylesheet design for above 992px */
@media (min-width: 992px) {
    /* 992px */
    .teamApp-about {
        min-height: 195px;
    }
}



/*--------------------------------------------------
	[CLIENTS]
----------------------------------------------------*/
.clients {
    /* Clients Quotes */
}

    .clients .clients-bg {
        padding-top: 100px;
        background: #3f5263;
        /* Owl Carousel */
    }

        .clients .clients-bg .owl-carousel {
            text-align: center;
        }

            .clients .clients-bg .owl-carousel .item {
                cursor: pointer;
            }

                .clients .clients-bg .owl-carousel .item img {
                    display: block;
                    text-align: center;
                    width: 140px !important;
                    height: auto;
                    margin: 0 auto 40px;
                    opacity: .35;
                }

                .clients .clients-bg .owl-carousel .item:hover img {
                    opacity: 1;
                }

            .clients .clients-bg .owl-carousel .active.center .item img {
                opacity: 1;
            }

    .clients .clients-quotes {
        text-align: center;
        position: relative;
        background: #f7fafd;
        padding: 40px 0 100px;
    }

        .clients .clients-quotes:before {
            top: -3px;
            left: 50%;
            width: 0;
            height: 0;
            content: " ";
            position: absolute;
            margin-left: -15px;
            border-style: solid;
            border-width: 15px 15px 0 15px;
            border-color: #3194a4 transparent transparent transparent;
        }

        .clients .clients-quotes .client-quote {
            display: none;
            transition-duration: 300ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

            .clients .clients-quotes .client-quote.active {
                display: block;
                transition-duration: 300ms;
                transition-property: all;
                transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
            }

            .clients .clients-quotes .client-quote p {
                padding: 0 20%;
                font-size: 19px;
                margin-bottom: 25px;
                color: #8693a7;
            }

            .clients .clients-quotes .client-quote h4 {
                color: #5f6f77;
                font-size: 20px;
                margin: 0 0 10px;
            }

            .clients .clients-quotes .client-quote span {
                font-size: 14px;
                text-transform: uppercase;
                color: #bf5757;
            }

/*--------------------------------------------------
	[PORTFOLIO]
----------------------------------------------------*/
.portfolio {
    padding: 100px 0 100px 0;
}

/*--------------------------------------------------
	[PRICING]
----------------------------------------------------*/
.pricing-bg {
    padding: 100px 0 100px 0;
    background: #f7fafd;
    /* Prcing Red */
}

    .pricing-bg .pricing {
        padding: 50px;
        text-align: center;
        border: 2px solid #aebcc7;
    }

        .pricing-bg .pricing img {
            width: 60px;
            height: auto;
            margin-bottom: 30px;
        }

        .pricing-bg .pricing h4 {
            font-size: 27px;
            margin: 0 0 15px;
            color: #3f5263;
        }

        .pricing-bg .pricing span {
            display: block;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            color: #3f5263;
        }

        .pricing-bg .pricing .pricing-features {
            padding: 0;
            margin: 35px 0;
            list-style: none;
        }

            .pricing-bg .pricing .pricing-features li {
                padding: 3px 0;
                font-size: 16px;
                text-transform: capitalize;
                color: #8693a7;
            }

    .pricing-bg .pricing-red {
        border: none;
        padding: 80px 0;
        background: #d15d5d;
    }

        .pricing-bg .pricing-red h4,
        .pricing-bg .pricing-red span {
            color: #fff;
        }

        .pricing-bg .pricing-red .pricing-features li {
            color: #f7a0a0;
        }

/* Stylesheet design for above 992px */
@media (min-width: 992px) {
    /* 992px */
    /* Prcing Red */
    .pricing {
        margin-top: 50px;
    }

    .pricing-red {
        margin-top: 20px;
    }

    .pricing.no-right-brd {
        border-right: none;
    }

    .pricing.no-left-brd {
        border-left: none;
    }
}
/*--------------------------------------------------
	[FOOTER]
----------------------------------------------------*/
.footer {
    background: #2c3a46;
    padding: 100px 0 100px 0;
}

/*--------------------------------------------------
	[FOOTER COPYRIGHT]
----------------------------------------------------*/
.footer-copyright {
    padding: 50px 0;
    text-align: center;
    background: #25303a;
}

    .footer-copyright h3 {
        font-size: 30px;
        margin: 0 0 40px;
        text-transform: uppercase;
        color: #fff;
    }

    .footer-copyright p {
        margin-bottom: 0;
        color: #8693a7;
    }

    .footer-copyright .copyright-socials {
        padding: 0;
        margin-bottom: 40px;
        list-style: none;
    }

        .footer-copyright .copyright-socials li {
            padding: 0 3px;
            display: inline-block;
        }

            .footer-copyright .copyright-socials li i {
                width: 35px;
                height: 35px;
                padding: 10px;
                color: #4a5a69;
                font-size: 16px;
                text-align: center;
                background: #2b3641;
                display: inline-block;
            }

                .footer-copyright .copyright-socials li i:hover {
                    background: #303c47;
                    color: #fff;
                    transition-duration: 400ms;
                    transition-property: all;
                    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
                }

/*--------------------------------------------------
	[CUBEPORTFOLIO]
----------------------------------------------------*/
/* Popup Wrap */
.cbp-popup-wrap {
    z-index: 9999 !important;
}

.cube-portfolio {
    /* Filter */
    /* Caption Effects */
    /* Portfolio Icons */
}

    .cube-portfolio .cbp-l-filters-alignCenter .cbp-filter-item {
        font-size: 14px;
        padding: 6px 15px;
        text-transform: uppercase;
        color: #3f5263;
    }

        .cube-portfolio .cbp-l-filters-alignCenter .cbp-filter-item:hover {
            color: #fff;
            background: #3f5263;
        }

    .cube-portfolio .cbp-l-filters-alignCenter .cbp-filter-item-active {
        color: #fff;
        background: #3f5263;
    }

    .cube-portfolio .cbp-caption .cbp-caption-hover-gradient {
        position: relative;
    }

        .cube-portfolio .cbp-caption .cbp-caption-hover-gradient:before {
            width: 100%;
            height: 100%;
            content: " ";
            position: absolute;
            transition-duration: 300ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

        .cube-portfolio .cbp-caption .cbp-caption-hover-gradient:after {
            top: 10px;
            left: 10px;
            right: 10px;
            bottom: 10px;
            content: " ";
            position: absolute;
            transition-duration: 300ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

    .cube-portfolio .cbp-caption:hover .cbp-caption-hover-gradient:before {
        opacity: .8;
        background: #3f5263;
    }

    .cube-portfolio .cbp-caption:hover .cbp-caption-hover-gradient:after {
        border: 2px solid #fff;
    }

    .cube-portfolio .cbp-caption .cbp-caption-activeWrap {
        background: inherit;
    }

    .cube-portfolio .portfolio-icons i {
        width: 40px;
        height: 40px;
        padding: 10px;
        margin: 5px;
        font-size: 16px;
        text-align: center;
        border-radius: 50%;
        display: inline-block;
        color: #3f5263;
        background: #fff;
        transition-duration: 300ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

        .cube-portfolio .portfolio-icons i:hover {
            color: #fff;
            background: #d15d5d;
            transition-duration: 300ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

/*--------------------------------------------------
	[REVOLUTION SLIDER]
----------------------------------------------------*/
.page-slider .fullwidthbanner-container {
    padding: 0;
    width: 100%;
    position: relative;
}

    .page-slider .fullwidthbanner-container .banner {
        width: 100%;
        position: relative;
    }

        .page-slider .fullwidthbanner-container .banner ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .page-slider .fullwidthbanner-container .banner ul > li {
                visibility: hidden;
                list-style: none;
            }

    .page-slider .fullwidthbanner-container h3 {
        font-size: 63px;
        font-weight: 600;
        text-transform: uppercase;
        color: #fff;
    }

        .page-slider .fullwidthbanner-container h3.title-v2 {
            font-size: 60px;
            line-height: 1.4;
        }

        .page-slider .fullwidthbanner-container h3.red-title {
            color: #bf5757;
        }

    .page-slider .fullwidthbanner-container p {
        font-size: 21px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .page-slider .fullwidthbanner-container .subtitle-v1 {
        color: #80d0de;
    }

    .page-slider .fullwidthbanner-container .subtitle-v2 {
        color: #a8c6d6;
    }

    .page-slider .fullwidthbanner-container .slide_thumb_img img {
        opacity: 1;
    }

    .page-slider .fullwidthbanner-container .slide_thumb_img:hover img {
        opacity: 0.9;
        text-decoration: none;
    }

    .page-slider .fullwidthbanner-container .slide_border {
        color: #6b8e9f;
        padding-left: 10px;
    }

    .page-slider .fullwidthbanner-container .fulllscreenvideo {
        left: 0 !important;
    }

.tp-bullets.simplebullets.round .bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    margin-right: 3px;
    border-radius: 50%;
    opacity: 0.3;
}

    .tp-bullets.simplebullets.round .bullet.selected {
        opacity: 1;
    }

.UploadDiv {
    border: 1px black solid;
    padding: 10px;
    margin-bottom: 10px;
    background-color: antiquewhite;
}



.widget-container {
    right: 8px;
    bottom: 57px;
    z-index: 9999;
    line-height: 1;
    font-size: 18px;
    position: fixed;
    text-align: center;
    border-radius: 50%;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    position: fixed;
    padding: 0;
}

button.widget-icon {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    padding: 0;
 
}

.widget-icon img {
    object-fit: cover;
    width:64px;
}

.icon-wrapper {
    width: 45px;
    height: 45px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    background: #D4F1E8;
    box-shadow: 0px 0px 8.6px 0px #5E5E5E21;
    /* justify-self: flex-end; */
    /* align-self: flex-end; */
    /* margin-left: auto; */
}

.widget-menu {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    bottom: 130%;
    right: 10px;
}

.widget-icon .icon-wrapper img {
    object-fit: cover;
}

.widget-icon .icon-wrapper:hover {
    background: #006060;
}

#chatIcon:hover svg path {
    fill: #fff;
    stroke: #fff;
}

#chatIcon:hover svg circle {
    fill: #0E7D7D;
}

.icon-wrapper:hover svg path {
    fill: #fff;
    stroke: #fff;
}

.icon-wrapper:hover {
    background: #006060;
}

#chatModal, #formModal, #linksModal {
    width: 450px;
    height: 650px;
    position: absolute;
    background: #fff;
    bottom: 0%;
    right: 80px;
    box-shadow: 0px 4px 32px 0px #0010272B;
    border-radius: 24px !important;
    font-family: "Ubuntu";
}

.linksContainer {
    margin: 14px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .linksContainer .header {
        display: flex;
        align-items: center;
        border-bottom: none;
    }

    .linksContainer .close-btn {
        all: unset;
        border: none;
        font-size: 24px;
        color: #888;
        cursor: pointer;
        padding: 5px;
    }

    .linksContainer .title {
        color: var(--Dark, #333839);
        text-align: center;
        font-family: Ubuntu;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }

.chat-container {
    background: #f5f5f5;
    border-radius: 24px !important;
    overflow: hidden;
    box-shadow: 0px 4px 32px 0px #0010272B;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.header {
    background: white;
    padding: 16px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
}

.linksContainer .header {
    padding: 0;
}

.header h1 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 0 auto;
    padding-left: 40px;
}

.header-icons {
    display: flex;
    gap: 20px;
}

.icon {
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
}

    .icon:hover {
        opacity: 1;
    }

.chat-area {
    flex: 1;
    background: #EBEFF1;
    padding: 12px 16px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.date-separator {
    text-align: center;
    margin: 20px 0;
}

.date-badge {
    background: rgba(255, 255, 255, 0.9);
    color: #888;
    padding: 6px 12px;
    border-radius: 15px !important;
    font-size: 13px;
    display: inline-block;
}

.message {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}
.error {
    border: 1px solid #ff0000 !important;
    background-color: #fff5f5;
}
.avatar {
    width: 24px;
    height: 24px;
    border-radius: 50% !important;
    background: #20a085;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    align-self: flex-end;
    flex-shrink: 0;
    background: url('./../../../frontend/layout/img/icons/avatarIcon.svg');
}

.avatar-icon {
    width: 20px;
    height: 20px;
    border-radius: 50% !important;
}

.message-content {
    flex: 1;
}

.message-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}

.sender-name {
    font-weight: 600;
    color: #333;
    text-align: left;
}

.bot-label {
    background: #20a085;
    color: white;
    padding: 2px 6px;
    border-radius: 8px !important;
    font-size: 11px;
    font-weight: 500;
}

.message-bubble {
    background: white;
    padding: 10px;
    border-radius: 12px !important;
    max-width: 280px;
    word-wrap: break-word;
    position: relative;
}
    .message-bubble .sender-name span {
        color: var(--Mid-Gray-2, #ADB0B2);
        font-family: Ubuntu;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; 
    }

.message-text {
    color: #333;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 2px;
    text-align: left;
}
.message-time {
    color: #888;
    font-size: 12px;
    text-align: right;
}

.disclaimer {
    background: #fff;
    color: #666;
    padding: 6px 10px;
    border-radius: 12px !important;
    font-size: 12px;
    margin-top: 8px;
    line-height: 1.3;
}

.message-text ul {
    padding-left: 20px;
}

.input-area {
    background: white;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 1px solid #e0e0e0;
    justify-content: space-between;
}

.menu-btn {
    background: #008F91;
    color: white;
    border: none;
    padding: 4px 6.5px;
    border-radius: 10px !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 2px;
    align-self: flex-end;
    color: #FFF;
    font-family: Ubuntu;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.menu-icon {
    width: 16px;
    height: 16px;
    background: white;
    border-radius: 2px !important;
}

.input-container {
    flex: 1;
}

.message-input {
    display: flex;
    height: 80px;
    padding: 8px 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
    background: rgba(245, 246, 248, 1);
    border-radius: 8px !important;
    border: none;
    outline: none;
    font-family: Ubuntu;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    width: 100%;
    resize: none;
}

    .message-input::placeholder {
        color: #aaa;
    }

.input-icons {
    right: 8px;
    top: 50%;
    display: flex;
    gap: 8px;
    align-items: center;
    align-self: flex-end;
}

.input-icon {
    width: 32px;
    height: 32px;
    border-radius: 50% !important;
    background: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
}

    .input-icon:hover {
    }

.send-btn {
    background: none;
}

.file-upload-btn {
    background: none;
}

.send-btn:hover {
}

/* Scrollbar styling */
.chat-area::-webkit-scrollbar {
    width: 4px;
}

.chat-area::-webkit-scrollbar-track {
    background: transparent;
}

.chat-area::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 2px !important;
}

.closeChat {
    padding: 0;
    display: flex;
    align-items: center;
    border: none;
    background: none;
}

.icon {
    opacity: 1;
}

.typing-indicator {
    opacity: 0.8;
    animation: fadeIn 0.3s ease-in;
}

.typing-content {
    display: flex;
    align-items: center;
    gap: 8px;
}

.typing-text {
    color: #ADB0B2;
    font-family: Ubuntu;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 140%;
    border-radius: 12px;
    background: #FFF;
    border: none;
    background: #fff;
}

.typing-dots {
    display: flex;
    gap: 3px;
    align-items: center;
}

    .typing-dots span {
        width: 6px;
        height: 6px;
        background-color: #008F91;
        border-radius: 50%;
        animation: typingDots 1.4s infinite;
    }

        .typing-dots span:nth-child(1) {
            animation-delay: 0s;
        }

        .typing-dots span:nth-child(2) {
            animation-delay: 0.2s;
        }

        .typing-dots span:nth-child(3) {
            animation-delay: 0.4s;
        }

@keyframes typingDots {
    0%, 60%, 100% {
        transform: scale(0.8);
        opacity: 0.5;
    }

    30% {
        transform: scale(1.1);
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 0.8;
        transform: translateY(0);
    }
}
#formSentModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1001;
    animation: fadeIn 0.3s ease-out;
}
.success-container {
    position: absolute;
    background: white;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    text-align: center;
    max-width: 400px;
    width: 100%;
    animation: slideUp 0.4s ease-out;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .success-container h3 {
        color: #2C3537;
        font-size: 22px;
        margin-bottom: 16px;
        font-weight: 500;
    }

    .success-container p {
        color: #666;
        font-size: 16px;
        margin-bottom: 24px;
        line-height: 1.5;
    }
#formSentModal.show {
    display: flex;
}
.widget-item {
    display: grid;
    grid-template-columns: 1fr max-content;
    /* justify-content:space-between; */
    gap: 10px;
    align-items: center;
}

.widget-item {
    position: relative;
}

    .widget-item span {
        opacity: 0;
        visibility: hidden;
    }

    .widget-item:hover span {
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }

    .widget-item span {
        display: block;
        color: #FFF;
        text-align: center;
        font-family: Ubuntu;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        border-radius: 10px !important;
        background: var(--Teal-600, #006060);
        display: flex;
        padding: 10px 13px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        width: max-content;
        justify-self: flex-end;
    }


    .widget-item.active div.icon-wrapper {
        background: #0E7D7D;
    }

        .widget-item.active div.icon-wrapper svg path {
            fill: #fff;
            stroke: #fff;
        }

        .widget-item.active div.icon-wrapper svg circle {
            color: #0E7D7D;
            fill: #0E7D7D;
        }




.form-container {
    background: white;
    padding: 20px 16px;
    width: 100%;
    position: relative;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    border-radius: inherit !important;
}

.close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    font-size: 24px;
    color: #888;
    cursor: pointer;
    padding: 5px;
    border-radius: 50%;
    transition: background-color 0.2s;
}

    .close-btn:hover {
        background-color: #f0f0f0;
    }

.form-title {
    display: flex;
}

    .form-title h2 {
        flex: 1;
        color: var(--Dark, #333839);
        text-align: center;
        font-family: Ubuntu;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }



.form-field {
    margin-bottom: 20px;
    position: relative;
}


    .form-field select {
        width: 100%;
        padding: 16px 20px;
        border: 2px solid #e0e0e0;
        border-radius: 12px;
        font-size: 16px;
        background: white;
        transition: border-color 0.3s, box-shadow 0.3s;
        appearance: none;
    }

    .form-field input {
        width: 100%;
        display: flex;
        flex: 1;
        height: 58px;
        padding: 8px 12px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
        border-radius: 12px !important;
        border: 1px solid var(--Gray-150, #E1E2E2);
        background: var(--Gray-0, #FFF);
    }

        .form-field input:focus,
        .form-field select:focus {
            outline: none;
            border-color: #00b4a6;
            box-shadow: 0 0 0 3px rgba(0, 180, 166, 0.1);
        }

        .form-field input::placeholder {
            color: var(--Gray-600, #838386);
            /* Body L */
            font-family: Ubuntu;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%; /* 22.4px */
        }

    .form-field select {
        cursor: pointer;
        color: #aaa;
    }

        .form-field select:valid {
            color: #333;
        }

.select-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #aaa;
    font-size: 12px;
}

.submit-btn {
    width: 100%;
    display: flex;
    height: 48px;
    padding: 6px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 6px !important;
    background: var(--Teal, #008F91);
    color: var(--White-Background, #FFF);
    text-align: center;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    border: none;
    margin-bottom: 10px;
}



    .submit-btn:active {
        transform: translateY(0);
    }

.privacy-text {
    text-align: center;
    font-size: 12px;
    color: #999;
    line-height: 1.4;
}

/* Mobile responsiveness */
@media (max-width: 480px) {
    .form-container {
        padding: 30px 20px;
        margin: 10px;
    }

    .form-title h2 {
        font-size: 18px;
    }

    .form-title p {
        font-size: 14px;
    }
}

.contact-methods {
    display: flex;
    gap: 10px;
    align-items: center;
}

.contact-card {
    margin: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 16px;
}

.card-wrapper {
    flex: 1 0 47%;
    display: flex;
    flex-direction: column;
    border-radius: 20px !important;
    background: var(--Gray-100, #EBEBEC);
}

.qr-code img {
    width: 120px;
    height: 120px;
}

.contact-icon {
    color: var(--Dark, #333839);
    text-align: center;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.social-title {
    text-align: left;
}

.social-section {
    display: flex;
    padding: 10px 14px;
    flex-direction: column;
    align-items: flex-start;
    gap: 17px;
    border-radius: 12px !important;
    background: var(--Gray-100, #EBEBEC);
}

.icons {
    display: flex;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.social-icon {
    width: 48px;
    height: 48px;
    display: block;
}

    .social-icon a {
        object-fit: cover;
        width: 100%;
    }

.app-section {
    display: flex;
    padding: 10px 14px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
    border-radius: 12px !important;
    background: var(--Gray-100, #EBEBEC);
}

.app-button img {
    width: 135px;
    height: 40px;
}

.app-buttons {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.feedback-section {
    border-radius: 12px !important;
    background: var(--Gray-100, #EBEBEC);
    display: inline-flex;
    padding: 14px;
    /* justify-content: space-between; */
    align-items: center;
    /* align-self: stretch; */
    width: 100%;
}

.feedback-btn {
    display: flex;
    height: 36px;
    padding: 6px 12px;
    align-items: center;
    gap: 8px;
    border-radius: 6px !important;
    border: 1px solid var(--Mid-Gray, #D1D4D7);
    background: var(--Teal-500, #0E7D7D);
}

    .feedback-btn span {
        color: var(--Gray-0, #FFF);
        text-align: center;
        font-family: Ubuntu;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

.feedback-text {
    color: var(--Dark, #333839);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
    text-align: left;
    width: 100%;
    flex: 1;
}

.main-widget-tooltip {
    position: absolute;
    bottom: 111%;
    right: 5%;
    background: #fff;
    border-radius: 14px !important;
    border: 1px solid #e1e4ea;
    padding: 16px 20px;
    width: max-content;
    box-shadow: 0 10px 20px 0 rgba(132,146,166,0.16);
}

    .main-widget-tooltip span {
        color: var(--Dark, #333839);
        font-family: Ubuntu;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

.close-toolip-icon {
    position: absolute;
    top: -5px;
    right: -3px;
}

.main-widget-tooltip::before {
    content: '';
    position: absolute;
    top: 100%;
    right: 13%;
    transform: translateX(-13%);
    border: 8px solid transparent;
    border-top: 8px solid white;
    z-index: 1;
    margin-top: -2px;
}

.main-widget-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    right: 7%;
    transform: translateX(-53%);
    border: 10px solid transparent;
    border-top: 8px solid #e1e4ea;
}

.close-toolip-icon {
    cursor: pointer;
}

@media (max-width: 768px) {
    #chatModal, #formModal, #linksModal {
        z-index: 10011;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        /* min-height: 91vh; */
        border-radius: 16px 16px 0 0 !important;
        box-shadow: 0px -4px 32px 0px #0010272B;
    }

    .form-container {
        padding: 20px 16px;
        margin: 0;
    }

    .form-title h2 {
        color: var(--Dark, #333839);
        text-align: center;
        font-family: Ubuntu;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }

    .form-field {
        margin-bottom: 12px;
    }

        .form-field input {
            display: flex;
            height: 58px;
            padding: 8px 12px;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 10px;
            align-self: stretch;
        }

    .form-container {
        border-radius: 24px !important;
        overflow: hidden;
        box-shadow: 0px 4px 32px 0px #0010272B;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .widget-item span {
        opacity: 1;
        visibility: visible;
        border-radius: 10px !important;
        background: #3F5E5E;
    }

    .icon-wrapper {
        background: #3F5E5E;
    }

        .icon-wrapper svg {
            fill: #fff;
        }

            .icon-wrapper svg path {
                stroke: #fff;
                fill: #fff;
            }

            .icon-wrapper svg circle {
                fill: #3F5E5E;
                stroke: #3F5E5E;
            }

    .widget-icon img {
        width: 54px;
        height: 54px;
    }

    .widget-container {
        right: 8px;
    }
    .contact-methods {
        flex-direction: column;
    }

    .qr-code {
        display: none;
    }

    .card-wrapper {
        width: 100%;
    }

    .contact-icon whatsapp-icon span {
        display: none;
    }

    .contact-card {
        flex-direction: row;
        gap: 8px;
        justify-content: center;
    }

    .contact-icon.whatsapp-icon span {
        display: none;
    }

    .contact-icon.telegram-icon span {
        display: none;
    }

    .contact-info span {
        color: var(--Dark, #333839);
        text-align: center;
        /* Accent M */
        font-family: Ubuntu;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%; /* 25.2px */
    }

}
.widget-menu.d-none {
    display: none;
}
.d-none {
    display: none !important;
}