
        .container-fluid[_ngcontent-ngy-c171] {
            height: 100vh
        }

        .container-fluid[_ngcontent-ngy-c171] .row[_ngcontent-ngy-c171] .sidebar[_ngcontent-ngy-c171] {
            transition: .5s
        }

        .container-fluid[_ngcontent-ngy-c171] .row[_ngcontent-ngy-c171] .sidebar[_ngcontent-ngy-c171], .container-fluid[_ngcontent-ngy-c171] .row[_ngcontent-ngy-c171] .sidebar[_ngcontent-ngy-c171] div[_ngcontent-ngy-c171] {
            background-color: #11113a;
            overflow-y: scroll
        }

        .container-fluid[_ngcontent-ngy-c171] .row[_ngcontent-ngy-c171] .sidebar[_ngcontent-ngy-c171] [_ngcontent-ngy-c171]::-webkit-scrollbar {
            display: none
        }

        .container-fluid[_ngcontent-ngy-c171] .row[_ngcontent-ngy-c171] .main-panel[_ngcontent-ngy-c171] {
            transition: .5s
        }

        .container-fluid[_ngcontent-ngy-c171] .row[_ngcontent-ngy-c171] .main-panel[_ngcontent-ngy-c171] header[_ngcontent-ngy-c171] {
            position: sticky;
            top: 0;
            right: 0;
            width: 100%;
            height: 75px;
            align-items: center;
            display: flex;
            border-bottom: 5px solid #e8e9ed;
            z-index: 100;
            background-color: #fff
        }

        .container-fluid[_ngcontent-ngy-c171] .row[_ngcontent-ngy-c171] .main-panel[_ngcontent-ngy-c171] .routes[_ngcontent-ngy-c171] {
            min-height: 77vh
        }

        .container-fluid[_ngcontent-ngy-c171] .content-container[_ngcontent-ngy-c171] .w-15[_ngcontent-ngy-c171] {
            width: 200px
        }

        .container-fluid[_ngcontent-ngy-c171] .content-container[_ngcontent-ngy-c171] .w-85[_ngcontent-ngy-c171] {
            width: calc(100% -200px)
        }

        .container-fluid[_ngcontent-ngy-c171] .head[_ngcontent-ngy-c171] {
            position: fixed;
            z-index: 1
        }

        .container-fluid[_ngcontent-ngy-c171] .head[_ngcontent-ngy-c171] button[_ngcontent-ngy-c171] {
            left: 15px;
            top: 20px
        }

        .container-fluid[_ngcontent-ngy-c171] .sidebar-wrapper[_ngcontent-ngy-c171] {
            margin-top: 20px
        }

        .container-fluid[_ngcontent-ngy-c171] .d-block-important[_ngcontent-ngy-c171] {
            display: block !important
        }

        mat-expansion-panel[_ngcontent-ngy-c171] {
            position: fixed;
            z-index: 9999;
            bottom: 20px;
            right: 20px;
            transition: transform 1.5s 0s, opacity 1.25s 0s;
            transform: translateX(0)
        }

        mat-expansion-panel[_ngcontent-ngy-c171] table[_ngcontent-ngy-c171] {
            max-height: 55vh
        }

        mat-expansion-panel[_ngcontent-ngy-c171] table[_ngcontent-ngy-c171] tbody[_ngcontent-ngy-c171] tr[_ngcontent-ngy-c171] td.ft-bld[_ngcontent-ngy-c171] {
            font-weight: 700
        }

        mat-expansion-panel[_ngcontent-ngy-c171] [_ngcontent-ngy-c171]::-webkit-scrollbar {
            display: none
        }

        .z-index[_ngcontent-ngy-c171] {
            z-index: -1
        }

        #myBtn[_ngcontent-ngy-c171] {
            position: fixed;
            bottom: 20px;
            right: 30px;
            z-index: 99;
            cursor: pointer
        }
        .sidebar-wrapper[_ngcontent-ngy-c159] {
            width: 200px
        }

        .sidebar-wrapper[_ngcontent-ngy-c159] p[_ngcontent-ngy-c159] {
            font-weight: 500
        }

        .sidebar-wrapper[_ngcontent-ngy-c159] .h-inherit[_ngcontent-ngy-c159] {
            height: inherit
        }

        .sidebar-wrapper[_ngcontent-ngy-c159] #sidemenu[_ngcontent-ngy-c159] li[_ngcontent-ngy-c159] {
            position: relative
        }

        .sidebar-wrapper[_ngcontent-ngy-c159] li.active[_ngcontent-ngy-c159] {
            background-color: #3fbf89;
            border: #3fbf89
        }

        .sidebar-wrapper[_ngcontent-ngy-c159] .logo[_ngcontent-ngy-c159] {
            padding: 25px 0;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 115px;
            margin: 0 15px
        }

        .sidebar-wrapper[_ngcontent-ngy-c159] li[_ngcontent-ngy-c159] {
            list-style: none;
            height: 50px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            font-size: 15px
        }

        .sidebar-wrapper[_ngcontent-ngy-c159] li[_ngcontent-ngy-c159] img[_ngcontent-ngy-c159] {
            height: 20px
        }

        .sidebar-wrapper[_ngcontent-ngy-c159] div.sub-menu[_ngcontent-ngy-c159] {
            display: none;
            position: absolute;
            right: -200px;
            top: 0;
            z-index: 9999
        }

        .sidebar-wrapper[_ngcontent-ngy-c159] div.sub-menu[_ngcontent-ngy-c159] ul[_ngcontent-ngy-c159] {
            overflow: visible;
            z-index: 9999
        }

        .sidebar-wrapper[_ngcontent-ngy-c159] div.sub-menu[_ngcontent-ngy-c159] ul[_ngcontent-ngy-c159] li[_ngcontent-ngy-c159] {
            background-color: #11113a;
            width: 200px
        }

        .sidebar-wrapper[_ngcontent-ngy-c159] .vertical-nav[_ngcontent-ngy-c159] li[_ngcontent-ngy-c159]:hover .sub-menu[_ngcontent-ngy-c159] {
            display: block
        }

        .sidebar-wrapper[_ngcontent-ngy-c159] .subUl[_ngcontent-ngy-c159] li[_ngcontent-ngy-c159]:hover .sub[_ngcontent-ngy-c159] {
            display: block !important;
            left: 200px;
            top: 0;
            z-index: 1
        }

        .sidebar-wrapper[_ngcontent-ngy-c159] li[_ngcontent-ngy-c159]:hover {
            border-left: 5px solid #fff;
            background-color: #2db2f9 !important;
            border: #2db2f9 !important;
            transition: .3s
        }

        .sidebar-wrapper[_ngcontent-ngy-c159] a[_ngcontent-ngy-c159] {
            text-decoration: none;
            color: #fff
        }

        .dashboardIcon[_ngcontent-ngy-c159] {
            cursor: pointer
        }
        .container-fluid[_ngcontent-ngy-c160] .header-left[_ngcontent-ngy-c160] {
            font-size: 17px
        }

        .container-fluid[_ngcontent-ngy-c160] .header-left[_ngcontent-ngy-c160] .dp-circle[_ngcontent-ngy-c160] {
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
            background: #11113a
        }

        .container-fluid[_ngcontent-ngy-c160] .icon-color[_ngcontent-ngy-c160] {
            color: #c4c4c4
        }

        .container-fluid[_ngcontent-ngy-c160] div.options[_ngcontent-ngy-c160] > label[_ngcontent-ngy-c160] > input[_ngcontent-ngy-c160] {
            visibility: hidden
        }

        .container-fluid[_ngcontent-ngy-c160] div.options[_ngcontent-ngy-c160] > label[_ngcontent-ngy-c160] {
            margin: 0 0 0 -10px;
            padding: 0 0 20px;
            height: 20px
        }

        .container-fluid[_ngcontent-ngy-c160] div.options[_ngcontent-ngy-c160] > label[_ngcontent-ngy-c160] > img[_ngcontent-ngy-c160] {
            display: inline-block;
            padding: 5px;
            height: 25px;
            width: 30px;
            background: none
        }

        .container-fluid[_ngcontent-ngy-c160] div.options[_ngcontent-ngy-c160] > label[_ngcontent-ngy-c160] > input[_ngcontent-ngy-c160]:checked + img[_ngcontent-ngy-c160] {
            background: url(https://dev.osaned.com/check.284a628c55dc35e17bbf.png);
            background-repeat: no-repeat;
            background-position: 50%;
            background-size: 15px 15px
        }

        .container-fluid[_ngcontent-ngy-c160] .avatar-upload[_ngcontent-ngy-c160] {
            position: relative;
            max-width: 205px
        }

        .container-fluid[_ngcontent-ngy-c160] .avatar-upload[_ngcontent-ngy-c160] .avatar-edit[_ngcontent-ngy-c160] {
            position: absolute;
            right: 12px;
            z-index: 1;
            top: 10px
        }

        .container-fluid[_ngcontent-ngy-c160] .avatar-upload[_ngcontent-ngy-c160] .avatar-edit[_ngcontent-ngy-c160] input[_ngcontent-ngy-c160] {
            display: none
        }

        .container-fluid[_ngcontent-ngy-c160] .avatar-upload[_ngcontent-ngy-c160] .avatar-edit[_ngcontent-ngy-c160] input[_ngcontent-ngy-c160] + i[_ngcontent-ngy-c160] {
            display: inline-block;
            width: 34px;
            height: 34px;
            margin-bottom: 0;
            border-radius: 100%;
            background: #fff;
            border: 1px solid transparent;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
            cursor: pointer;
            font-weight: 400;
            transition: all .2s ease-in-out
        }

        .container-fluid[_ngcontent-ngy-c160] .avatar-upload[_ngcontent-ngy-c160] .avatar-preview[_ngcontent-ngy-c160] {
            cursor: pointer;
            position: relative;
            border-radius: 100%;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
        }

        .container-fluid[_ngcontent-ngy-c160] .avatar-upload[_ngcontent-ngy-c160] .avatar-preview[_ngcontent-ngy-c160] > img[_ngcontent-ngy-c160] {
            width: 50px;
            height: 50px;
            border-radius: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 50%
        }

        .logoutBtn[_ngcontent-ngy-c160]:hover {
            background-color: #dc3545;
            color: #fff
        }

        .profileBtn[_ngcontent-ngy-c160]:hover {
            background-color: #007bff;
            color: #fff
        }

        .spinner_overlay[_ngcontent-ngy-c160] {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            opacity: .2;
            z-index: 10001
        }

        .fa-bell[_ngcontent-ngy-c160] {
            color: #000
        }

        #dropdownBasic3[_ngcontent-ngy-c160] i[_ngcontent-ngy-c160]:after {
            display: none !important
        }

        .notify_dropdown[_ngcontent-ngy-c160] {
            width: 200px;
            left: -160px;
            max-height: 300px;
            overflow-y: scroll
        }

        .notification[_ngcontent-ngy-c160] {
            display: block;
            padding: 7px;
            color: #000;
            text-decoration: none;
            border-top: 1px solid #e6e2e2
        }

        .notification[_ngcontent-ngy-c160]:hover {
            background: #00c08a;
            color: #fff
        }
        .container[_ngcontent-ngy-c268] {
            font-family: Regular
        }

        button[_ngcontent-ngy-c268]:hover {
            background-color: #0071ce;
            color: #fff
        }

        .loginbtn[_ngcontent-ngy-c268]:hover, .nowBtn[_ngcontent-ngy-c268]:hover, .readBtn[_ngcontent-ngy-c268]:hover {
            background-color: #01c18b;
            color: #fff
        }

        ul[_ngcontent-ngy-c268] li[_ngcontent-ngy-c268] {
            list-style: none
        }

        ul[_ngcontent-ngy-c268] li[_ngcontent-ngy-c268] a[_ngcontent-ngy-c268] {
            text-decoration: none;
            color: #000;
            font-size: large
        }

        ul[_ngcontent-ngy-c268] {
            text-align: center;
            padding-left: 5px
        }

        .active[_ngcontent-ngy-c268] {
            font-weight: 700px !important;
            color: #0071ce !important
        }

        button[_ngcontent-ngy-c268] {
            border-radius: 25px
        }

        .loginbtn[_ngcontent-ngy-c268] {
            background-color: #0071ce
        }

        .trybtn[_ngcontent-ngy-c268] {
            background-color: #01c18b
        }

        .actions[_ngcontent-ngy-c268] {
            align-items: center
        }

        .actions[_ngcontent-ngy-c268] i[_ngcontent-ngy-c268] {
            font-size: 22px;
            color: grey
        }

        h1[_ngcontent-ngy-c268] {
            font-size: 36px !important;
            line-height: 46px !important
        }

        h5[_ngcontent-ngy-c268] {
            font-size: 20px !important
        }

        h6[_ngcontent-ngy-c268] {
            font-size: 16px
        }

        h4[_ngcontent-ngy-c268] {
            font-size: 24px !important
        }

        .play[_ngcontent-ngy-c268] {
            padding: 8px 35px;
            width: 204px
        }

        .smallLogo[_ngcontent-ngy-c268] {
            display: flex;
            align-items: center
        }

        span[_ngcontent-ngy-c268] {
            color: grey
        }

        .card[_ngcontent-ngy-c268] {
            width: 100% !important;
            border: none
        }

        .cardIn[_ngcontent-ngy-c268] {
            box-shadow: 2px 5px 5px 2px #d3d3d3;
            height: 527px;
            border-radius: 7px
        }

        .card[_ngcontent-ngy-c268] img[_ngcontent-ngy-c268] {
            border-top-left-radius: 7px;
            border-top-right-radius: 7px
        }

        .myDiv[_ngcontent-ngy-c268] {
            position: relative;
            z-index: 1
        }

        .myDiv[_ngcontent-ngy-c268] .bg[_ngcontent-ngy-c268] {
            background: url(https://dev.osaned.com/image--035.f32cef415931341bd47f.png)50%
        }

        .myDiv[_ngcontent-ngy-c268] .bg[_ngcontent-ngy-c268], .myDiv[_ngcontent-ngy-c268] .secSix[_ngcontent-ngy-c268] {
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            opacity: .03;
            width: 100%;
            height: 100%
        }

        .sec-4[_ngcontent-ngy-c268], .sec-6[_ngcontent-ngy-c268] {
            background-color: #f8f8f8
        }

        .readBtn[_ngcontent-ngy-c268] {
            background-color: #0071ce;
            padding: 8px;
            width: 153px
        }

        .freeBtn[_ngcontent-ngy-c268] {
            background-color: #01c18b;
            padding: 8px;
            width: 200px !important
        }

        .nowBtn[_ngcontent-ngy-c268] b[_ngcontent-ngy-c268], .readBtn[_ngcontent-ngy-c268] b[_ngcontent-ngy-c268], .trybtn[_ngcontent-ngy-c268] b[_ngcontent-ngy-c268] {
            padding: 18px;
            color: #fff
        }

        .freeBtn[_ngcontent-ngy-c268] b[_ngcontent-ngy-c268] {
            color: #fff
        }

        .freeBtn[_ngcontent-ngy-c268] b[_ngcontent-ngy-c268], .moreBtn[_ngcontent-ngy-c268] b[_ngcontent-ngy-c268] {
            padding: 30px
        }

        .moreBtn[_ngcontent-ngy-c268] {
            padding: 8px;
            width: 172px
        }

        .nowBtn[_ngcontent-ngy-c268] {
            padding: 8px;
            width: 140px
        }

        .buyBtn[_ngcontent-ngy-c268] {
            background-color: #01c18b;
            color: #fff
        }

        hr.colored[_ngcontent-ngy-c268] {
            border: 0;
            height: 5px;
            background: -webkit-linear-gradient(left, #131c4e, #131c4e 33.3%, #0071ce 0, #0071ce 66.6%, #01c18b 0, #01c18b)
        }

        .sol[_ngcontent-ngy-c268] {
            margin-top: 2%;
            color: #13123c
        }

        select[_ngcontent-ngy-c268] {
            text-align-last: center
        }

        .cardHead[_ngcontent-ngy-c268] {
            background-color: #131c4e !important
        }

        .threeMonth[_ngcontent-ngy-c268] {
            border-radius: 15px;
            background-color: #ffe9e1
        }

        video[_ngcontent-ngy-c268] {
            width: 100%
        }

        .cbody[_ngcontent-ngy-c268] {
            padding-left: 0
        }

        .sec-4[_ngcontent-ngy-c268] .container[_ngcontent-ngy-c268] .text-center[_ngcontent-ngy-c268] i[_ngcontent-ngy-c268] {
            font-size: 42px
        }

        .carousel-control-prev-icon {
            background-color: #000;
            height: 23px;
            width: 20px;
            margin-right: 50%
        }

        .carousel-control-next-icon {
            background-color: #000;
            height: 23px;
            width: 20px;
            margin-left: 50%
        }

        .cardWithText[_ngcontent-ngy-c268] {
            width: 15rem;
            background: #f8f8f8;
            box-shadow: 0 0 0 0 #f8f8f8
        }

        .cardWithTextTwo[_ngcontent-ngy-c268] {
            width: 15rem;
            box-shadow: 0 0 0 0 #fff
        }

        .pricingCard[_ngcontent-ngy-c268] {
            width: 22rem;
            box-shadow: 2px 5px 5px 2px #d3d3d3
        }

        p[_ngcontent-ngy-c268] {
            font-family: Medium !important;
            font-size: 17px !important;
            line-height: 25px
        }

        h1[_ngcontent-ngy-c268], h2[_ngcontent-ngy-c268], h3[_ngcontent-ngy-c268], h4[_ngcontent-ngy-c268], h5[_ngcontent-ngy-c268], h6[_ngcontent-ngy-c268] {
            font-family: Bold
        }
[        _ngcontent-ngy-c268]:focus {
            outline: 0 !important
        }

        .spinner_overlay[_ngcontent-ngy-c268] {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            opacity: .2;
            z-index: 10001
        }
        .container[_ngcontent-ngy-c161] {
            margin: 0 auto !important
        }

        nav[_ngcontent-ngy-c161] {
            box-shadow: 0 3px hsla(0, 0%, 69.4%, .2)
        }

        .language[_ngcontent-ngy-c161] {
            margin-top: 8px
        }

        button[_ngcontent-ngy-c161] {
            border-radius: 20px;
            border: none;
            padding: 13px
        }

        .trybtn[_ngcontent-ngy-c161] {
            background-color: #00c08a
        }

        .loginbtn[_ngcontent-ngy-c161], .trybtn[_ngcontent-ngy-c161] {
            font-weight: 700;
            font-size: 15px;
            padding: 10px 20px !important
        }

        .loginbtn[_ngcontent-ngy-c161] {
            background-color: #0071cd
        }

        .loginbtn[_ngcontent-ngy-c161]:hover {
            background-color: #00c08a;
            color: #fff
        }

        .trybtn[_ngcontent-ngy-c161]:hover {
            background-color: #0071cd;
            color: #fff
        }

        ul[_ngcontent-ngy-c161] li[_ngcontent-ngy-c161] a[_ngcontent-ngy-c161] {
            color: #000 !important;
            font-weight: 500
        }

        #soluone[_ngcontent-ngy-c161]:hover, #solutwo[_ngcontent-ngy-c161]:hover {
            padding: .25rem 1.5rem !important
        }

        .firstUl[_ngcontent-ngy-c161] li[_ngcontent-ngy-c161] a[_ngcontent-ngy-c161] {
            border-bottom: 3px solid transparent
        }

        .firstUl[_ngcontent-ngy-c161] li[_ngcontent-ngy-c161] a[_ngcontent-ngy-c161]:hover {
            cursor: pointer;
            border-bottom: 3px solid #0071cd;
            color: #0071cd !important;
            padding-bottom: 26px !important;
            font-weight: 600
        }
.selectedPage li a .home {
            cursor: pointer;
            border-bottom: 3px solid #0071cd;
            color: #0071cd !important;
            padding-bottom: 26px !important;
            font-weight: 600
        }
        ul[_ngcontent-ngy-c161] li[_ngcontent-ngy-c161] select[_ngcontent-ngy-c161] {
            border: none
        }

        ul[_ngcontent-ngy-c161] li[_ngcontent-ngy-c161] a[_ngcontent-ngy-c161] {
            font-family: Medium !important;
            font-size: 15px
        }
@media (max-width:1200px) {
            .menu[_ngcontent-ngy-c161] {
                padding: 10px !important
            }
            .loginbtn[_ngcontent-ngy-c161], .trybtn[_ngcontent-ngy-c161] {
                font-size: 12px
            }
        }

@media (max-width:1024px) {
            .logo[_ngcontent-ngy-c161] img[_ngcontent-ngy-c161] {
                width: 30%
            }
            ul[_ngcontent-ngy-c161] li[_ngcontent-ngy-c161] a[_ngcontent-ngy-c161] {
                padding: 15px !important
            }
            .ul[_ngcontent-ngy-c161] li[_ngcontent-ngy-c161] {
                margin-top: 40px
            }
            .nav-item[_ngcontent-ngy-c161] .drpdown[_ngcontent-ngy-c161] {
                padding: 0 !important
            }
            .language[_ngcontent-ngy-c161] {
                margin-top: 7px
            }
        }

@media only screen and (max-width:992px) {
            .logo[_ngcontent-ngy-c161] img[_ngcontent-ngy-c161] {
                width: 30%
            }
            ul[_ngcontent-ngy-c161] li[_ngcontent-ngy-c161] a[_ngcontent-ngy-c161] {
                padding: 3px !important;
                font-weight: 400
            }
            .ul[_ngcontent-ngy-c161] li[_ngcontent-ngy-c161] {
                margin-top: 5px
            }
            .nav-item[_ngcontent-ngy-c161] .drpdown[_ngcontent-ngy-c161] {
                padding: 0 !important
            }
            .language[_ngcontent-ngy-c161] {
                margin-top: 7px
            }
            .menu[_ngcontent-ngy-c161] {
                font-size: 14px !important
            }
            .loginbtn[_ngcontent-ngy-c161], .trybtn[_ngcontent-ngy-c161] {
                font-size: 10px
            }
            .lang[_ngcontent-ngy-c161] {
                padding: 0 !important
            }
        }

@media (max-width:700px) {
            .logo[_ngcontent-ngy-c161] {
                width: 30%
            }
            ul[_ngcontent-ngy-c161] {
                align-items: center
            }
            ul[_ngcontent-ngy-c161] li[_ngcontent-ngy-c161] {
                padding: 10px
            }
        }

        .socialMedia[_ngcontent-ngy-c162] li[_ngcontent-ngy-c162] i[_ngcontent-ngy-c162] {
            font-size: 20px;
            padding: 8px
        }

        .socialMedia[_ngcontent-ngy-c162] {
            padding: 0
        }

        h3[_ngcontent-ngy-c162] {
            font-size: 32px !important;
            line-height: 35px !important
        }

        h2[_ngcontent-ngy-c162] {
            font-size: 30px !important;
            line-height: 40px !important
        }

        h2[_ngcontent-ngy-c162], h6[_ngcontent-ngy-c162] {
            font-weight: 500 !important
        }

        h6[_ngcontent-ngy-c162] {
            font-size: 24px !important
        }

        li[_ngcontent-ngy-c162] {
            list-style: none
        }

        .myDiv[_ngcontent-ngy-c162] {
            position: relative;
            z-index: 1
        }

        .secEight[_ngcontent-ngy-c162] {
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: url(https://dev.osaned.com/image--029.ed9f68a6cb2b0328c2e2.png)50%;
            opacity: .03;
            width: 100%;
            height: 100%
        }

        .sec-8[_ngcontent-ngy-c162] {
            background: #131c4e
        }

        .secNine[_ngcontent-ngy-c162] {
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: url(https://dev.osaned.com/footer_bg.e40ce275ead2ed6b4a90.png)50%;
            width: 100%;
            height: 100%
        }

        .sec-9[_ngcontent-ngy-c162] {
            background: #fff
        }

        .sec-head-8[_ngcontent-ngy-c162] {
            color: #fff
        }

        .freeBtn[_ngcontent-ngy-c162] {
            background-color: #01c18b;
            padding: 8px;
            width: 165px;
            border-radius: 25px
        }

        .freeBtn[_ngcontent-ngy-c162]:hover {
            background-color: #0071ce;
            color: #fff
        }

        .freeBtn[_ngcontent-ngy-c162] b[_ngcontent-ngy-c162] {
            padding: 30px;
            color: #fff
        }

        .sec-8[_ngcontent-ngy-c162] .myDiv[_ngcontent-ngy-c162] .container[_ngcontent-ngy-c162] div[_ngcontent-ngy-c162] {
            height: 400px
        }

        p[_ngcontent-ngy-c162] {
            font-family: Regular !important;
            font-size: 15px !important;
            line-height: 23px
        }
        .spinner_overlay[_ngcontent-ngy-c127] {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            opacity: .2;
            z-index: 1000
        }

        .myDiv[_ngcontent-ngy-c127] {
            position: relative;
            z-index: 1
        }

        .secEight[_ngcontent-ngy-c127] {
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: url(https://dev.osaned.com/image--029.ed9f68a6cb2b0328c2e2.png)50%;
            opacity: .03;
            width: 100%;
            height: 100%
        }

        .sec-8[_ngcontent-ngy-c127] {
            background: #fff;
            padding: 50px
        }

        h5[_ngcontent-ngy-c127] {
            font-size: 22px
        }

        .formbox[_ngcontent-ngy-c127] {
            padding: 40px
        }

        .card[_ngcontent-ngy-c127] {
            box-shadow: 2px 2px 8px 8px #ececec
        }

        .secondCard[_ngcontent-ngy-c127] {
            background-color: #f7f7f7;
            box-shadow: 8px 0 16px 0 #ececec
        }

        form[_ngcontent-ngy-c127] {
            padding-bottom: 167px
        }

        form[_ngcontent-ngy-c127] input[_ngcontent-ngy-c127] {
            background-color: #f0f0f1;
            border: none
        }

        input[type=submit][_ngcontent-ngy-c127]:focus {
            outline-color: unset
        }

        .inputIcons[_ngcontent-ngy-c127] {
            background: #f0f0f1;
            border: none
        }

        .freeBtn[_ngcontent-ngy-c127] {
            background-color: #01c18b !important;
            color: #fff !important;
            padding: 10px !important;
            width: 100px !important;
            border-radius: 20px;
            border: none;
            font-size: 20px !important;
            font-weight: 600
        }

        .freeBtn[_ngcontent-ngy-c127]:hover {
            background-color: #0062cc !important
        }

        .freeBtn[_ngcontent-ngy-c127], label[_ngcontent-ngy-c127], p[_ngcontent-ngy-c127] {
            font-family: Medium !important;
            font-size: 15px !important;
            line-height: 25px
        }

        h5[_ngcontent-ngy-c127] {
            font-family: Bold
        }

        .successContent[_ngcontent-ngy-c127] {
            background-color: #e8f7e3;
            text-align: left;
            margin-bottom: 16px
        }
@media only screen and (max-width:1023px) {
            .text[_ngcontent-ngy-c127] {
                margin-bottom: 0
            }
        }

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2)format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

@font-face
@font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2)format('woff2');
            unicode-range: U+1F00-1FFF;
        }

@font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2)format('woff2');
            unicode-range: U+0370-03FF;
        }

@font-face
@font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2)format('woff2');
            unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

@font-face
@font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2)format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

@font-face
@font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2)format('woff2');
            unicode-range: U+1F00-1FFF;
        }

@font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2)format('woff2');
            unicode-range: U+0370-03FF;
        }

@font-face
@font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2)format('woff2');
            unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

@font-face
@font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2)format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

@font-face
@font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2)format('woff2');
            unicode-range: U+1F00-1FFF;
        }

@font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2)format('woff2');
            unicode-range: U+0370-03FF;
        }

@font-face
@font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2)format('woff2');
            unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

@font-face

@font-face {
            font-family: 'Material Icons';
            font-style: normal;
            font-weight: 400;
            src: url(https://fonts.gstatic.com/s/materialicons/v82/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2)format('woff2');
        }

        .material-icons {
            font-family: 'Material Icons';
            font-weight: normal;
            font-style: normal;
            font-size: 24px;
            line-height: 1;
            letter-spacing: normal;
            text-transform: none;
            display: inline-block;
            white-space: nowrap;
            word-wrap: normal;
            direction: ltr;
            -webkit-font-feature-settings: 'liga';
            -webkit-font-smoothing: antialiased;
        }
