/*
Default Style
============================*/
/*@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,500&display=swap");*/


a:focus { text-decoration: none; }

button:focus { -webkit-box-shadow: none; box-shadow: none; }

.d-table { width: 100%; height: 100%; }

.d-table-cell { vertical-align: middle; }

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

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

.form-control:focus { color: #000000; background-color: #eeeeee; -webkit-box-shadow: unset; box-shadow: unset; outline: 0; border: 1px solid #61028D; }

.form-control:hover:focus, .form-control:focus { -webkit-box-shadow: unset; box-shadow: unset; }

textarea.form-control { height: auto; }

.pb-100 { padding-bottom: 100px; }

.pt-70 { padding-top: 70px; }

.pb-150 { padding-bottom: 150px; }

.pt-50 { padding-top: 50px; }

.mt-30 { margin-top: 30px; }

.mb-30 { margin-bottom: 30px; }

.mr-15 { margin-right: 15px; }

/*
Bg-color Style*/
.bg-color-f2edfa { background-color: #f2edfa; }

/*
Default Btn Area Style*/
.default-btn.active-btn { background-color: #61028D; color: #ffffff; }

.default-btn:hover { color: #ffffff; background-color: #0c0d0e; }

/*
Read More Btn Area Style*/
.read-more { font-size: 15px; color: #61028D; background-color: transparent; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.read-more:hover { color: #61028D; letter-spacing: 1px; }

/*
Section Title Area Style*/
.section-title { max-width: 700px; margin: -5px auto 50px; text-align: center; position: relative; }

.section-title .top-title { font-size: 15px; color: #61028D; display: block; margin-bottom: 8px; font-weight: 500; }

.section-title h2 { font-size: 35px; margin-bottom: 20px; }

.section-title h2 span { color: #61028D; }

.section-title h2:last-child { margin-bottom: 0; }

.section-title p { max-width: 600px; margin: auto; }

.section-title p span { color: #61028D; }

.section-title.white-title span { color: #61028D; }

.section-title.white-title h2 { color: #ffffff; }

.section-title.white-title p { color: #ffffff; }

.section-title.left-title { margin-left: 0; text-align: left; max-width: 100%; }

.section-title.left-title h2 { max-width: 700px; }

.section-title.left-title .default-btn { position: absolute; top: 0; right: 0; }

/*
Navbar Area Style
======================================================*/

.navbar-area.is-sticky { top: 0; left: 0; width: 100%; z-index: 999; position: fixed; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; }

.desktop-nav .navbar .navbar-nav .nav-item a i { font-size: 18px; line-height: 0; position: relative; top: 4px; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::after { display: none; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::before { content: "\EA4E"; position: absolute; top: 14px; right: 13px; font-family: remixicon !important; line-height: 1; font-size: 17px; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #61028D; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: #0c0d0e; border-bottom: 1px dashed #ededed; font-size: 15px; font-weight: 600; line-height: 1; position: relative; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::after { display: none; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::before { content: "\EA4E"; position: absolute; top: 14px; right: 13px; font-family: remixicon !important; line-height: 1; font-size: 17px; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { color: #61028D; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #000000; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #61028D; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #000000; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #61028D; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #000000; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #61028D; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #000000; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #61028D; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #000000; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #61028D; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #61028D; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -15px; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #61028D; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -1px; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #61028D; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; top: -1px; visibility: visible; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #61028D; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; top: -15px; visibility: visible; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: #61028D; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -15px; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: #61028D; }

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: 0; }

.desktop-nav .navbar .others-options ul li a:hover { background-color: #61028D; border-color: #61028D; }

.desktop-nav .navbar .others-options ul li a.active { background-color: #61028D; border-color: #61028D; }

.desktop-nav .navbar .others-options ul li a.user-noti { border: none; padding: 0; position: relative; top: 5px; }

.desktop-nav .navbar .others-options ul li a.user-noti span { position: absolute; top: 0; right: -5px; background-color: #61028D; width: 12px; height: 12px; line-height: 12px; text-align: center; font-size: 10px; border-radius: 50px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.desktop-nav .navbar .others-options ul li a.user-noti:hover span { background-color: #ffffff; color: #0c0d0e; }

.desktop-nav .navbar .others-options ul li a.user-noti i { font-size: 18px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.desktop-nav .navbar .others-options ul li a.user-noti:hover { background-color: transparent; }

.desktop-nav .navbar .others-options ul li a.user-noti:hover i { color: #61028D; }

.desktop-nav .navbar .others-options ul li .user-notif { border: none; padding: 0; position: relative; top: 5px; color: #ffffff; }

.desktop-nav .navbar .others-options ul li .user-notif span { position: absolute; top: 0; right: -5px; background-color: #61028D; width: 12px; height: 12px; line-height: 12px; text-align: center; font-size: 10px; border-radius: 50px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.desktop-nav .navbar .others-options ul li .user-notif:hover span { background-color: #ffffff; color: #0c0d0e; }

.desktop-nav .navbar .others-options ul li .user-notif i { font-size: 18px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.desktop-nav .navbar .others-options ul li .user-notif:hover { background-color: transparent; }

.desktop-nav .navbar .others-options ul li .user-notif:hover i { color: #61028D; }

.desktop-nav .navbar .others-options ul li .search-box .form-control:focus { border-color: #61028D; }

.desktop-nav .navbar .others-options ul li .dropdown button { padding: 0; background-color: transparent; border: none; }

.desktop-nav .navbar .others-options ul li .dropdown button:focus { -webkit-box-shadow: none; box-shadow: none; }

.desktop-nav .navbar .others-options ul li .dropdown button img { border-radius: 50px; }

.desktop-nav .navbar .others-options ul li .dropdown button span { margin-left: 5px; color: #ffffff; }

.desktop-nav .navbar .others-options ul li .dropdown .dropdown-menu { border: none; padding: 15px 20px; width: 250px; border: none; border-radius: 5px; margin-top: 80px !important; display: block; top: 0 !important; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; -webkit-transform: unset !important; transform: unset !important; left: auto !important; right: 0 !important; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); }

.desktop-nav .navbar .others-options ul li .dropdown .dropdown-menu.show { margin-top: 63px !important; opacity: 1; visibility: visible; }

.desktop-nav .navbar .others-options ul li .dropdown .dropdown-menu li { display: block; margin-right: 0; }

.desktop-nav .navbar .others-options ul li .dropdown .dropdown-menu li a { background-color: transparent; color: #666666; display: block; border: none; padding: 5px 0; }

.desktop-nav .navbar .others-options ul li .dropdown .dropdown-menu li a i { position: relative; top: 2px; margin-right: 5px; }

.desktop-nav .navbar .others-options ul li .dropdown .dropdown-menu li a:hover { color: #61028D; }

.desktop-nav .navbar .others-options ul li .dropdown .dropdown-menu.notif { padding: 0 0 10px 0 !important; }

.desktop-nav .navbar .others-options ul li .dropdown .dropdown-menu.notif li { border-bottom: 1px solid #eeeeee; padding: 5px 30px; }

.desktop-nav .navbar .others-options ul li .dropdown .dropdown-menu.notif li:last-child { border-bottom: none; }

.desktop-nav .navbar .others-options ul li .dropdown .dropdown-menu.notif li a { color: #0c0d0e; }

.desktop-nav .navbar .others-options ul li .dropdown .dropdown-menu.notif li a i { color: #61028D; }

.desktop-nav .navbar .others-options ul li .dropdown .dropdown-menu.notif li p { color: #666666; }

.desktop-nav .navbar .others-options ul li .dropdown .dropdown-menu.notif li:hover a { color: #61028D; }

@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); }
}

@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); }
}

/*
Others Option For Responsive Area Style
======================================================*/

.others-option-for-responsive .dot-menu .inner .circle { height: 5px; width: 5px; border-radius: 100%; margin: 0 2px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; background-color: #ffffff; }

.others-option-for-responsive .dot-menu:hover .inner .circle { background-color: #ffffff; }

.others-option-for-responsive .container .container.active { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); }

.others-option-for-responsive .others-options ul li a:hover { background-color: #61028D; }

.others-option-for-responsive .others-options ul li a.user-noti { border: none; padding: 0; position: relative; top: 5px; }

.others-option-for-responsive .others-options ul li a.user-noti span { position: absolute; top: 0; right: -5px; background-color: #61028D; width: 12px; height: 12px; line-height: 12px; text-align: center; font-size: 10px; border-radius: 50px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.others-option-for-responsive .others-options ul li a.user-noti:hover span { background-color: #ffffff; color: #0c0d0e; }

.others-option-for-responsive .others-options ul li a.user-noti i { font-size: 18px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.others-option-for-responsive .others-options ul li a.user-noti:hover { background-color: transparent; }

.others-option-for-responsive .others-options ul li a.user-noti:hover i { color: #61028D; }

.others-option-for-responsive .others-options ul li .user-notif { border: none; padding: 0; position: relative; top: 5px; color: #ffffff; }

.others-option-for-responsive .others-options ul li .user-notif span { position: absolute; top: 0; right: -5px; background-color: #61028D; width: 12px; height: 12px; line-height: 12px; text-align: center; font-size: 10px; border-radius: 50px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.others-option-for-responsive .others-options ul li .user-notif:hover span { background-color: #ffffff; color: #0c0d0e; }

.others-option-for-responsive .others-options ul li .user-notif i { font-size: 18px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.others-option-for-responsive .others-options ul li .user-notif:hover { background-color: transparent; }

.others-option-for-responsive .others-options ul li .user-notif:hover i { color: #61028D; }

.others-option-for-responsive .others-options ul li .search-box { position: relative; margin-bottom: 10px; }

.others-option-for-responsive .others-options ul li .search-box .form-control { border-radius: 5px; background-color: #161C23; height: 45.5px; border-color: #161C23; color: #ffffff; }

.others-option-for-responsive .others-options ul li .search-box .form-control:focus { border-color: #61028D; }

.others-option-for-responsive .others-options ul li .search-box .search-btn { position: absolute; top: 12px; right: 20px; color: #ffffff; background-color: transparent; }

.others-option-for-responsive .others-options ul li .dropdown button { padding: 0; background-color: transparent; border: none; }

.others-option-for-responsive .others-options ul li .dropdown button:focus { -webkit-box-shadow: none; box-shadow: none; }

.others-option-for-responsive .others-options ul li .dropdown button img { border-radius: 50px; }

.others-option-for-responsive .others-options ul li .dropdown button span { margin-left: 5px; color: #ffffff; }

.others-option-for-responsive .others-options ul li .dropdown .dropdown-menu { border: none; padding: 15px 20px; width: 250px; border: none; border-radius: 5px; margin-top: 80px !important; display: block; top: 0 !important; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; -webkit-transform: unset !important; transform: unset !important; left: auto !important; right: 0 !important; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); }

.others-option-for-responsive .others-options ul li .dropdown .dropdown-menu.show { margin-top: 63px !important; opacity: 1; visibility: visible; }

.others-option-for-responsive .others-options ul li .dropdown .dropdown-menu li { display: block; margin-right: 0; }

.others-option-for-responsive .others-options ul li .dropdown .dropdown-menu li a { background-color: transparent; color: #666666; display: block; border: none; padding: 5px 0; }

.others-option-for-responsive .others-options ul li .dropdown .dropdown-menu li a i { position: relative; top: 2px; margin-right: 5px; }

.others-option-for-responsive .others-options ul li .dropdown .dropdown-menu li a:hover { color: #61028D; }

/*
Banner Area Style
======================================================*/
.banner-area { background-color: #e8f4f4; position: relative; }

.banner-content { max-width: 636px; padding-top: 60px; padding-bottom: 120px; margin-left: auto; }

.banner-content h1 { font-weight: 900; font-size: 250px; line-height: 293px; background: url(/assets/images/banner/test-shape.jpg) no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 100%; background-position: center; -webkit-animation: bg-move 5s linear infinite; animation: bg-move 5s linear infinite; margin-left: -13px; }

.banner-content h3 { font-size: 19px; font-weight: bold; color: #6a737c; margin-top: -40px; margin-bottom: 25px; }

.banner-content h3 span { color: #61028D; }

.banner-content p { outline-color: #6a737c; font-size: 20px; margin-bottom: 30px; }

.banner-img { overflow: hidden; position: relative; z-index: 1; }

.banner-img .shape { position: absolute; }

.banner-img .shape.shape-1 { top: 50px; left: 100px; z-index: -1; -webkit-animation: moVebounce 5s linear infinite; animation: moVebounce 5s linear infinite; }

.banner-img .shape.shape-2 { bottom: 200px; left: 100px; z-index: -1; -webkit-animation: rotation 70s infinite linear; animation: rotation 70s infinite linear; }

.banner-img .shape.shape-3 { top: 100px; right: 0; z-index: -1; -webkit-animation: moVebounce 6s linear infinite; animation: moVebounce 6s linear infinite; }

.banner-img .shape.shape-4 { bottom: 100px; right: 0; z-index: -1; -webkit-animation: moVebounce 7s linear infinite; animation: moVebounce 7s linear infinite; }

.banner-img .shape.shape-5 { top: 200px; right: 400px; z-index: -1; -webkit-animation: moVebounce 8s linear infinite; animation: moVebounce 8s linear infinite; }

.banner-img .shape.shape-6 { top: 0; right: 0; z-index: -1; }

@-webkit-keyframes rotation {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

@keyframes rotation {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

@-webkit-keyframes moVebounce {
    0% { -webkit-transform: translateY(0px); transform: translateY(0px); }
    50% { -webkit-transform: translateY(50px); transform: translateY(50px); }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px); }
}

@keyframes moVebounce {
    0% { -webkit-transform: translateY(0px); transform: translateY(0px); }
    50% { -webkit-transform: translateY(50px); transform: translateY(50px); }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px); }
}

@-webkit-keyframes bg-move {
    50% { background-size: 150%; }
    100% { background-size: 200%; }
}

@keyframes bg-move {
    50% { background-size: 150%; }
    100% { background-size: 200%; }
}

/*
Left SIdebar Area Style
======================================================*/
.left-sidebar { position: -webkit-sticky; position: sticky; top: 120px; }

.left-sidebar .sidebar-nav .sidebar-menu { padding-left: 0; margin-bottom: 0; list-style-type: none; max-height: 735px; overflow-y: scroll; /* width */ /* Track */ /* Handle */ /* Handle on hover */ }

.left-sidebar .sidebar-nav .sidebar-menu::-webkit-scrollbar { width: 2px; }

.left-sidebar .sidebar-nav .sidebar-menu::-webkit-scrollbar-track { background: #f1f1f1; }

.left-sidebar .sidebar-nav .sidebar-menu::-webkit-scrollbar-thumb { background: #888; }

.left-sidebar .sidebar-nav .sidebar-menu::-webkit-scrollbar-thumb:hover { background: #555; }

.left-sidebar .sidebar-nav .sidebar-menu li { margin-bottom: 10px; }

.left-sidebar .sidebar-nav .sidebar-menu li .box-style { background-color: #f5f5f5; padding: 8px 15px; border-left: 2px solid #61028D; }

.left-sidebar .sidebar-nav .sidebar-menu li .box-style.active { color: #61028D; border-color: #0c0d0e; }

.left-sidebar .sidebar-nav .sidebar-menu li .box-style.active i { color: #61028D; }

.left-sidebar .sidebar-nav .sidebar-menu li a { display: block; font-size: 16px; color: #0c0d0e; }

.left-sidebar .sidebar-nav .sidebar-menu li a .menu-title.active { color: #61028D; }

.left-sidebar .sidebar-nav .sidebar-menu li a i { position: relative; top: 2px; margin-right: 5px; color: #0c0d0e; }

.left-sidebar .sidebar-nav .sidebar-menu li:last-child { margin-bottom: 0; }

.left-sidebar .sidebar-nav .sidebar-menu li .sidemenu-nav-second-level { padding-left: 30px; margin-top: 10px; margin-bottom: 10px; list-style: none; }

.left-sidebar .sidebar-nav .sidebar-menu li .sidemenu-nav-second-level li { background-color: transparent; }

.left-sidebar .sidebar-nav .sidebar-menu li .sidemenu-nav-second-level li a { color: #666666; }

.left-sidebar .sidebar-nav .sidebar-menu li .sidemenu-nav-second-level li a:hover { color: #61028D; }

.left-sidebar .sidebar-nav .sidebar-menu li .sidemenu-nav-second-level li a.active { color: #61028D; }

.left-sidebar .metismenu .has-arrow::after { right: 17px; -webkit-transform: rotate(-136deg) translate(0, -50%); transform: rotate(-136deg) translate(0, -50%); top: 44%; }

.sidebar-menu-wrap { position: -webkit-sticky; position: sticky; top: 120px; }

.sidebar-menu-wrap .sidemenu-wrap { display: none !important; }

.sidebar-menu-wrap .btn.btn-primary { display: none; }

.sidebar-menu-wrap .offcanvas { -webkit-transform: unset; transform: unset; position: -webkit-sticky; position: sticky; visibility: visible; top: 120px; z-index: 1; }

.sidebar-menu-wrap .offcanvas-header { display: none; }

.sidebar-menu-wrap .offcanvas-body { padding: 0; }

.sidebar-menu-wrap .offcanvas-start { border-right: none; }

/*
Middull Area Style
======================================================*/

.middull-content .aq-form .form-control:focus { border-color: #61028D; }

.middull-content .aq-form .aq-btn { position: absolute; top: 15px; right: 20px; background-color: transparent; text-decoration: underline; font-weight: 500; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.middull-content .aq-form .aq-btn:hover { color: #61028D; }

.middull-content .questions-tabs .nav-item .nav-link:hover { border-bottom: 3px solid #61028D;  }*

.middull-content .unansweredd-list { padding-left: 0; margin-bottom: 0; list-style: none; margin-top: 10px; margin-bottom: 10px; }

.middull-content .unansweredd-list .unanswerd { color: #ea4335; }

/*
Right Sidebar Area Style
======================================================*/
.right-siderbar .right-siderbar-common { padding: 15px; }
.right-siderbar .right-siderbar-common h3 { font-size: 18px; position: relative; padding-left: 30px; margin-bottom: 20px; }

.right-siderbar .right-siderbar-common h3 i { position: absolute; top: -2px; left: 0; font-size: 20px; color: #61028D; }

.right-siderbar .right-siderbar-common .default-btn { border-radius: 0; display: block; width: 100%; border-radius: 0; }

.right-siderbar .right-siderbar-common .category .form-select { background-color: #fafafa; border-color: #e5e5e5; border-radius: 0; padding: 10px 20px; cursor: pointer; background-size: 24px 12px; }

.right-siderbar .right-siderbar-common .category .form-select:focus { -webkit-box-shadow: none; box-shadow: none; }

.right-siderbar .right-siderbar-common .discussions ul { padding-left: 0; margin-bottom: 0; list-style-type: none; }

.right-siderbar .right-siderbar-common .discussions ul li { border-bottom: 1px solid #eeeeee; padding-bottom: 10px; margin-bottom: 10px; }

.right-siderbar .right-siderbar-common .discussions ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.right-siderbar .right-siderbar-common .discussions ul li a { color: #0c0d0e; position: relative; padding-left: 15px; display: block; font-weight: 500; font-size: 14px; }

.right-siderbar .right-siderbar-common .discussions ul li a::before { content: ""; position: absolute; top: 6px; left: 0; width: 8px; height: 8px; background-color: #61028D; border-radius: 50px; }

.right-siderbar .right-siderbar-common .discussions ul li a:hover { color: #61028D; }

.right-siderbar .right-siderbar-common .answer-count ul { padding-left: 0; margin-bottom: 0; }

.right-siderbar .right-siderbar-common .answer-count ul li { list-style-type: none; background-color: #fafafa; width: 50%; text-align: center; padding: 15px; }

.right-siderbar .right-siderbar-common .answer-count ul li span { display: block; }

.right-siderbar .right-siderbar-common .answer-count ul li .count { color: #157de4; font-size: 30px; font-weight: 600; margin-top: 5px; line-height: 1; }

.right-siderbar .right-siderbar-common .answer-count ul li:nth-child(2) { background-color: #f5f5f5; }

.right-siderbar .right-siderbar-common .answer-count ul li:nth-child(2) .count { color: #f83e3e; }

.right-siderbar .right-siderbar-common .answer-count ul li:nth-child(3) { background-color: #f5f5f5; }

.right-siderbar .right-siderbar-common .answer-count ul li:nth-child(3) .count { color: #33c730; }

.right-siderbar .right-siderbar-common .answer-count ul li:nth-child(4) .count { color: #61028D; }

.right-siderbar .right-siderbar-common .answer-count ul li:nth-child(5) .count { color: #f83e3e; }

.right-siderbar .right-siderbar-common .answer-count ul li:nth-child(6) { background-color: #f5f5f5; }

.right-siderbar .right-siderbar-common .answer-count ul li:nth-child(6) .count { color: #0c0d0e; }

.right-siderbar .right-siderbar-common .recent-post ul { padding-left: 0; margin-bottom: 0; list-style: none; }

.right-siderbar .right-siderbar-common .recent-post ul li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eeeeee; }

.right-siderbar .right-siderbar-common .recent-post ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.right-siderbar .right-siderbar-common .recent-post ul li a { color: #0c0d0e; display: inline-block; margin-bottom: 5px; font-weight: 500; font-size: 14px; }

.right-siderbar .right-siderbar-common .recent-post ul li a:hover { color: #61028D; }

.right-siderbar .right-siderbar-common .recent-post ul li p { font-size: 14px !important; }

.right-siderbar .right-siderbar-common .recent-post ul li p a { color: #61028D; font-weight: normal; }

.right-siderbar .right-siderbar-common .top-members ul { padding-left: 0; margin-bottom: 0; list-style: none; }

.right-siderbar .right-siderbar-common .top-members ul li { position: relative; padding-left: 90px; margin-bottom: 25px; }

.right-siderbar .right-siderbar-common .top-members ul li:last-child { margin-bottom: 0; }

.right-siderbar .right-siderbar-common .top-members ul li img { position: absolute; top: 0; left: 0; height:60px;width:80px }

.right-siderbar .right-siderbar-common .top-members ul li p { color: #0c0d0e; margin-bottom: 0; font-weight: 500; font-size: 14px !important; }

.right-siderbar .right-siderbar-common .top-members ul li p span { font-size: 14px; color: #666666; }

.right-siderbar .right-siderbar-common .top-members ul li p:hover { color: #61028D; }

.right-siderbar .right-siderbar-common .top-members ul li span { color: #61028D; font-size: 13px; }

.right-siderbar .right-siderbar-common .ads { position: relative; }

.right-siderbar .right-siderbar-common .ads .default-btn { position: absolute; bottom: 30px; right: 30px; left: 30px; width: auto; background-color: #0c0d0e; border-radius: 5px; }

.right-siderbar .right-siderbar-common .ads .default-btn:hover { background-color: #61028D; }

.right-siderbar .right-siderbar-common .trending-tags ul { padding-left: 0; margin-bottom: 0; list-style: none; margin-bottom: -5px; }

.right-siderbar .right-siderbar-common .trending-tags ul li { display: inline-block; margin-bottom: 5px; margin-right: 5px; }

.right-siderbar .right-siderbar-common .trending-tags ul li a { display: inline-block; border: 1px solid #eeeeee; padding: 5px 10px; font-size: 14px; font-weight: 500; }

.right-siderbar .right-siderbar-common .categories ul { padding-left: 0; margin-bottom: 0; list-style: none; }

.right-siderbar .right-siderbar-common .categories ul li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eeeeee; }

.right-siderbar .right-siderbar-common .categories ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.right-siderbar .right-siderbar-common .categories ul li a { color: #0c0d0e; display: block; font-weight: 500; font-size: 14px; }

.right-siderbar .right-siderbar-common .categories ul li a span { float: right; }

.right-siderbar .right-siderbar-common .categories ul li a:hover { color: #61028D; }

.right-siderbar .right-siderbar-common .categories ul li p { font-size: 14px; }

.right-siderbar .right-siderbar-common .categories ul li p a { color: #61028D; }

.right-siderbar .right-siderbar-common .search-form form { position: relative; }

.right-siderbar .right-siderbar-common .search-form form .src-btn { position: absolute; top: 12px; right: 20px; background-color: transparent; font-size: 20px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.right-siderbar .right-siderbar-common .search-form form .src-btn:hover { color: #61028D; }


/*
Communities Area Style
======================================================*/
.single-communities-box { border: 1px solid #e5e5e5; padding: 20px; text-align: center; margin-bottom: 30px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.single-communities-box img { margin-bottom: 10px; }

.single-communities-box h3 { font-size: 18px; margin-bottom: 15px; }

.single-communities-box h3 a { color: #0c0d0e; }

.single-communities-box ul { padding-left: 0; margin-bottom: 0; list-style-type: none; }

.single-communities-box ul li { font-size: 14px; }

.single-communities-box ul li button { background-color: transparent; }

.single-communities-box ul li button.active { color: #61028D; }

.single-communities-box:hover { border-color: #61028D; }

/*
Page Title Area Style
======================================================*/
.page-title-area { background-color: #e8f4f4; }

.page-title-area .page-title-content { position: relative; }

.page-title-area .page-title-content h2 { font-size: 30px; margin-bottom: 0; }

.page-title-area .page-title-content-list { text-align: right; }

.page-title-area .page-title-content-list ul { margin-bottom: 0; padding-left: 0; list-style: none; }

.page-title-area .page-title-content-list li { display: inline-block; margin-right: 10px; }

.page-title-area .page-title-content-list li a { display: inline-block; color: #0c0d0e; padding: 5px 15px; background-color: #ffffff; border: 1px solid #e5e5e5; }

.page-title-area .page-title-content-list li a:hover { background-color: #61028D; color: #ffffff; }

.page-title-area .page-title-content-list li:last-child { margin-right: 0; }

.page-title-area .page-title-content-list li .qa-share { padding-left: 0; margin-bottom: 0; list-style: none; }

.page-title-area .page-title-content-list li .qa-share li { display: inline-block; margin-right: 0; }

.page-title-area .page-title-content-list li .qa-share .share-option { position: relative; cursor: pointer; top: 2px; }

.page-title-area .page-title-content-list li .qa-share .share-option span i { position: relative; top: 4px; text-align: center; display: inline-block; font-size: 20px; color: #ffffff; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; background-color: #61028D; padding: 2px 10px; }

.page-title-area .page-title-content-list li .qa-share .share-option span i:hover { color: #ffffff; }

.page-title-area .page-title-content-list li .qa-share .share-option .social-icon { position: absolute; top: 45px; left: 0; right: 0; padding-left: 0; margin: auto; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.page-title-area .page-title-content-list li .qa-share .share-option .social-icon li { display: inline-block; margin-bottom: 5px; }

.page-title-area .page-title-content-list li .qa-share .share-option .social-icon li:last-child { margin-bottom: 0; }

.page-title-area .page-title-content-list li .qa-share .share-option .social-icon li a { background-color: transparent; padding: 0; border: none; }

.page-title-area .page-title-content-list li .qa-share .share-option .social-icon li a i { width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #ffffff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); display: inline-block; border-radius: 0; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; font-size: 15px; }

.page-title-area .page-title-content-list li .qa-share .share-option .social-icon li a:hover i { background-color: #61028D; color: #ffffff; }

.page-title-area .page-title-content-list li .qa-share .share-option:hover .social-icon { visibility: visible; opacity: 1; }

.page-title-area .page-title-list { padding-left: 0; margin-bottom: 0; list-style: none; text-align: right; line-height: 1; }

.page-title-area .page-title-list ul { margin-bottom: 0; padding-left: 0; list-style: none; }

.page-title-area .page-title-list li { display: inline-block; margin-right: 30px; position: relative; }

.page-title-area .page-title-list li::before { content: ""; position: absolute; top: 0; right: -17px; width: 1px; height: 100%; background-color: #61028D; -webkit-transform: rotate(15deg); transform: rotate(15deg); }

.page-title-area .page-title-list li .user-id { position: relative; padding-left: 50px; }

.page-title-area .page-title-list li .user-id img { border-radius: 50px; position: absolute; top: -11px; left: 0; }

.page-title-area .page-title-list li:last-child { margin-right: 0; }

.page-title-area .page-title-list li:last-child::before { display: none; }

.page-title-area .page-title-list li:last-child.active { color: #61028D; }

/*

/*
Question Details Area CSS
=====================================================*/

.question-details-area .answerss li h3 { font-size: 20px; }

.question-details-area .answerss li .form-select { background-color: #fafafa; border: 1px solid #e5e5e5; border-radius: 0; }

.question-details-area .answerss li .form-select:focus { -webkit-box-shadow: none; box-shadow: none; }

.question-details-area .question-details-content .unlike img { margin-bottom: 10px; border-radius: 50px; }

.question-details-area .question-details-content .unlike .like-unlink-count { background-color: transparent; display: block; margin: 0 auto 10px; color: #898c90; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.question-details-area .question-details-content .unlike .like-unlink-count:last-child { margin-bottom: 0; }

.question-details-area .question-details-content .unlike .like-unlink-count i { font-size: 30px; }

.question-details-area .question-details-content .unlike .like-unlink-count span { display: block; }

.question-details-area .question-details-content .unlike .like-unlink-count.like.active { color: #008000; }

.question-details-area .question-details-content .unlike .like-unlink-count.dislike.active { color: #ff0000; }

.question-details-area .question-details-content .graphic-design li a:hover { color: #61028D; }

.question-details-area .question-details-content h3 { font-size: 18px; margin-bottom: 20px; }

.question-details-area .question-details-content h3 a { color: #0c0d0e; }

.question-details-area .question-details-content h3 a:hover { color: #61028D; }

.question-details-area .question-details-content .tag-list li a:hover { border-color: #61028D; }

.question-details-area .question-details-content .anser-list li .qa-share .share-option span i:hover { color: #61028D; }

.question-details-area .question-details-content .anser-list li .qa-share .share-option .social-icon li a:hover i { background-color: #61028D; color: #ffffff; }

.question-details-area .question-details-content .anser-list li .qa-share .share-option:hover .social-icon { visibility: visible; opacity: 1; }

.question-details-area .question-details-content .default-btn { padding: 8px 25px; font-size: 14px; background-color: #0c0d0e; }

.question-details-area .question-details-content .default-btn.bg-ea4335 { background-color: #ea4335; }

.question-details-area .question-details-content .default-btn:hover { background-color: #61028D; }

.question-details-area .question-details-content .featured { position: absolute; top: 0; right: 0; background-color: rgba(244, 130, 37, 0.2); color: #61028D; display: inline-block; padding: 5px 10px; font-size: 13px; }

.question-details-area .answer-question-details .unlike .like-unlink-count.like.active { color: #008000; }

.question-details-area .answer-question-details .unlike .like-unlink-count.dislike.active { color: #ff0000; }

.question-details-area .answer-question-details .latest-answer-list li a:hover { color: #61028D; }

.your-answer-form .form-group { margin-bottom: 30px; }

.your-answer-form .form-group:last-child { margin-bottom: 0; }

.your-answer-form .form-group h3 { font-size: 18px; margin-bottom: 0; }

.your-answer-form .form-group label { margin-bottom: 5px; font-weight: 400; }

.your-answer-form .form-group .form-control { margin-bottom: 0; border: 1px solid #e5e5e5; background-color: #fafafa; }

.your-answer-form .form-group .form-control:focus { border-color: #61028D; }

.your-answer-form .form-group :focus-visible { outline: none; }

.your-answer-form .form-group .btn-group { background-color: #ffffff; margin-top: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); position: relative; top: -3px; }

.your-answer-form .form-group .line-control-menu-bar { background-image: unset; }

.your-answer-form .form-group .line-control-menu-bar a.btn { margin-bottom: 0; }

.your-answer-form .form-group .line-control-status-bar { display: none; }

.your-answer-form .form-group .Editor-editor { background-color: #fafafa; }

.your-answer-form .form-group .default-btn { width: 100%; border-radius: 0; }

.your-answer-form .form-group .file-upload-account-info { position: relative; border: 1px solid #ffffff; background-color: #ffffff; border-radius: 5px; }

.your-answer-form .form-group .file-upload-account-info .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.your-answer-form .form-group .file-upload-account-info label { display: block; }

.your-answer-form .form-group .file-upload-account-info .inputfile + label { color: #0c0d0e; background-color: #eeeeee; margin-bottom: 0; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; padding: 14px 20px; position: relative; height: 55px; text-align: center; border-radius: 5px; font-size: 16px; }

.your-answer-form .form-group .file-upload-account-info i { position: relative; top: 2px; margin-right: 5px; }

.your-answer-form .form-group .file-upload-account-info .inputfile:focus + label, .your-answer-form .form-group .file-upload-account-info .inputfile + label:hover { color: #61028D; }

.your-answer-form .form-group .file-upload-account-info .inputfile + label { cursor: pointer; }

/*
Most Answered Details Area CSS
=====================================================*/
.most-answered-details .answerss { padding-left: 0; list-style-type: none; margin-top: 30px; margin-bottom: 30px; }

.most-answered-details .answerss li h3 { font-size: 20px; }

.most-answered-details .answerss li .form-select { background-color: #fafafa; border: 1px solid #e5e5e5; border-radius: 0; }

.most-answered-details .answerss li .form-select:focus { -webkit-box-shadow: none; box-shadow: none; }

.most-answered-details .most-answered-details-content { background-color: #ffffff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); padding: 30px; border-bottom: 5px solid #f5f5f5; position: relative; }

.most-answered-details .most-answered-details-content:last-child { border-bottom: none; }

.most-answered-details .most-answered-details-content .unlike { text-align: center; }

.most-answered-details .most-answered-details-content .unlike img { margin-bottom: 10px; border-radius: 50px; }

.most-answered-details .most-answered-details-content .unlike .like-unlink-count { background-color: transparent; display: block; margin: 0 auto 10px; color: #898c90; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.most-answered-details .most-answered-details-content .unlike .like-unlink-count:last-child { margin-bottom: 0; }

.most-answered-details .most-answered-details-content .unlike .like-unlink-count i { font-size: 30px; }

.most-answered-details .most-answered-details-content .unlike .like-unlink-count span { display: block; }

.most-answered-details .most-answered-details-content .unlike .like-unlink-count:hover { color: #61028D; }

.most-answered-details .most-answered-details-content .unlike .like-unlink-count.active { color: #61028D; }

.most-answered-details .most-answered-details-content .graphic-design { padding-left: 0; list-style: none; margin-bottom: 24px; }

.most-answered-details .most-answered-details-content .graphic-design li { display: inline-block; margin-right: 20px; font-size: 14px; }

.most-answered-details .most-answered-details-content .graphic-design li:last-child { margin-right: 0; }

.most-answered-details .most-answered-details-content .graphic-design li a { color: #0c0d0e; font-size: 16px; font-weight: 500; }

.most-answered-details .most-answered-details-content .graphic-design li a.graphic { color: #61028D; font-size: 14px; }

.most-answered-details .most-answered-details-content .graphic-design li a:hover { color: #61028D; }

.most-answered-details .most-answered-details-content h3 { font-size: 18px; margin-bottom: 20px; }

.most-answered-details .most-answered-details-content h3 a { color: #0c0d0e; }

.most-answered-details .most-answered-details-content .tag-list { padding-left: 0; margin-bottom: 0; list-style-type: none; border-bottom: 1px solid #eeeeee; padding-bottom: 30px; margin-bottom: 30px; }

.most-answered-details .most-answered-details-content .tag-list li { display: inline-block; margin-right: 10px; }

.most-answered-details .most-answered-details-content .tag-list li a { border: 1px solid #eeeeee; padding: 5px 10px; display: inline-block; }

.most-answered-details .most-answered-details-content .tag-list li a:hover { border-color: #61028D; }

.most-answered-details .most-answered-details-content .anser-list { padding-left: 0; margin-bottom: 0; list-style: none; line-height: 1; }

.most-answered-details .most-answered-details-content .anser-list li { display: inline-block; margin-right: 30px; }

.most-answered-details .most-answered-details-content .anser-list li:last-child { margin-right: 0; }

.most-answered-details .most-answered-details-content .anser-list li i { font-size: 25px; }

.most-answered-details .most-answered-details-content .anser-list li .qa-share { padding-left: 0; margin-bottom: 0; list-style: none; }

.most-answered-details .most-answered-details-content .anser-list li .qa-share li { display: inline-block; margin-right: 0; }

.most-answered-details .most-answered-details-content .anser-list li .qa-share .share-option { position: relative; cursor: pointer; top: 2px; }

.most-answered-details .most-answered-details-content .anser-list li .qa-share .share-option span i { border-radius: 50px; position: relative; top: 4px; text-align: center; display: inline-block; font-size: 20px; color: #898c90; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.most-answered-details .most-answered-details-content .anser-list li .qa-share .share-option span i:hover { color: #61028D; }

.most-answered-details .most-answered-details-content .anser-list li .qa-share .share-option .social-icon { position: absolute; bottom: 25px; left: 0; right: 0; padding-left: 0; margin: auto; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.most-answered-details .most-answered-details-content .anser-list li .qa-share .share-option .social-icon li { display: inline-block; margin-bottom: 5px; }

.most-answered-details .most-answered-details-content .anser-list li .qa-share .share-option .social-icon li:last-child { margin-bottom: 0; }

.most-answered-details .most-answered-details-content .anser-list li .qa-share .share-option .social-icon li a i { width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #61028D; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); display: inline-block; border-radius: 50px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; font-size: 15px; color: #ffffff; }

.most-answered-details .most-answered-details-content .anser-list li .qa-share .share-option .social-icon li a:hover i { background-color: #61028D; color: #ffffff; -webkit-transform: translateY(-2px); transform: translateY(-2px); }

.most-answered-details .most-answered-details-content .anser-list li .qa-share .share-option:hover .social-icon { visibility: visible; opacity: 1; }

.most-answered-details .most-answered-details-content .default-btn { padding: 8px 25px; font-size: 14px; background-color: #0c0d0e; }

.most-answered-details .most-answered-details-content .default-btn.bg-ea4335 { background-color: #ea4335; }

.most-answered-details .most-answered-details-content .default-btn:hover { background-color: #61028D; }

.most-answered-details .most-answered-details-content .featured { position: absolute; top: 0; right: 0; background-color: rgba(244, 130, 37, 0.2); color: #61028D; display: inline-block; padding: 5px 10px; font-size: 13px; }

.most-answered-details .most-answered-details-content:hover h3 a { color: #61028D; }

.most-answered-details .answer-question-details { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; }

.most-answered-details .answer-question-details:last-child { border-bottom: none; padding-bottom: 0; }

.most-answered-details .answer-question-details .unlike { text-align: center; }

.most-answered-details .answer-question-details .unlike img { margin-bottom: 10px; border-radius: 50px; }

.most-answered-details .answer-question-details .unlike .like-unlink-count { background-color: transparent; display: block; margin: 0 auto 10px; color: #898c90; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.most-answered-details .answer-question-details .unlike .like-unlink-count:last-child { margin-bottom: 0; }

.most-answered-details .answer-question-details .unlike .like-unlink-count i { font-size: 30px; }

.most-answered-details .answer-question-details .unlike .like-unlink-count span { display: block; }

.most-answered-details .answer-question-details .unlike .like-unlink-count:hover { color: #61028D; }

.most-answered-details .answer-question-details .unlike .like-unlink-count.active { color: #61028D; }

.most-answered-details .answer-question-details .latest-answer-list { padding-left: 0; list-style: none; margin-bottom: 15px; }

.most-answered-details .answer-question-details .latest-answer-list li { display: inline-block; margin-right: 20px; font-size: 14px; }

.most-answered-details .answer-question-details .latest-answer-list li:last-child { margin-right: 0; }

.most-answered-details .answer-question-details .latest-answer-list li.replays { float: right; }

.most-answered-details .answer-question-details .latest-answer-list li a { color: #0c0d0e; font-size: 16px; font-weight: 500; }

.most-answered-details .answer-question-details .latest-answer-list li a i { position: relative; top: 2px; }

.most-answered-details .answer-question-details .latest-answer-list li a.replay { color: #61028D; font-size: 14px; }

.most-answered-details .answer-question-details .latest-answer-list li a.replay:hover { color: #61028D; letter-spacing: 1.5px; }

/* 
Main Contact Area Style
=====================================================*/

.contact-form h2 { font-size: 20px; padding: 30px; background-color: #e8f4f4; margin-bottom: 30px; }

.contact-form .form-group .form-control { background-color: #fafafa; border: 1px solid #e5e5e5; }

.contact-form .form-group .form-control:focus { border-color: #61028D; }

.contact-form .form-group .form-control::-webkit-input-placeholder { font-size: 13px; }

.contact-form .form-group .form-control:-ms-input-placeholder { font-size: 13px; }

.contact-form .form-group .form-control::-ms-input-placeholder { font-size: 13px; }

.contact-form .form-group .form-control::placeholder { font-size: 13px; }

.contact-form .form-check { margin-bottom: 30px; padding-left: 23px; }

.contact-form .form-check a { color: #61028D; }

.list-unstyled { color: #dc3545; margin-top: 10px; font-size: 14px; }

.hidden { display: none; }

#msgSubmit { margin-top: 30px; font-size: 20px; }

.contacts-info h2 { font-size: 20px; margin-bottom: 20px; }

.contacts-info .address { list-style-type: none; margin-bottom: 30px; padding-left: 0; }

.contacts-info .address .location span { font-size: 16px; color: #61028D; }

.contacts-info .address li { position: relative; margin-bottom: 20px; }

.contacts-info .address li a { color: #666666; }

.contacts-info .address li a:hover { color: #61028D; }

.contacts-info .address li span { font-size: 16px; color: #61028D; }

.contacts-info .address li:last-child { margin-bottom: 0; }

.contacts-info .map-area iframe { width: 100%; height: 729px; border: none; display: block; }

/*
User Area CSS
=====================================================*/
.user-form { max-width: 800px; margin: auto; background-color: #ffffff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); padding: 30px; }

.user-form h3 { margin-bottom: 30px; font-size: 25px; }

.user-form .form-group { margin-bottom: 30px; }

.user-form .form-group label { font-size: 15px; margin-bottom: 12px; }

.user-form .form-group .form-control { font-size: 14px; }

.user-form .login-action { margin-bottom: 30px; }

.user-form .login-action .form-check { display: inline-block; }

.user-form .login-action .form-check a { color: #61028D; }

.user-form .login-action .forgot-login { display: block; text-align: right; }

.user-form .default-btn { margin-bottom: 30px; border-radius: 0; width: 100%; }

.user-form .or { text-align: center; font-size: 18px; display: block; margin-bottom: 15px; position: relative; }

.user-form .or::before { content: ""; position: absolute; top: 12px; left: 0; width: 45%; height: 1px; background-color: rgba(0, 0, 0, 0.1); }

.user-form .or::after { content: ""; position: absolute; top: 12px; right: 0; width: 45%; height: 1px; background-color: rgba(0, 0, 0, 0.1); }

.user-form .or-login { display: block; text-align: center; padding: 15px 30px; margin-bottom: 30px; font-size: 15px; color: #ffffff; }

.user-form .or-login:hover { color: #ffffff; }

.user-form .or-login.facebook { background-color: #3b5998; }

.user-form .or-login.google { background-color: #dd4b39; }

.user-form .create { font-size: 16px; text-align: right; }

.user-form .create a { color: #61028D; }

.user-form .create #remember-2 { position: relative; top: 1px; }

.user-form .create .form-check-input { border: 1px solid #61028D; border-radius: 0 !important; }

.modal-body { padding: 0; }

.modal-header { border-radius: 0; }

.modal-header .btn-close:focus { -webkit-box-shadow: none; box-shadow: none; }

.modal-content { border-radius: 0; }



/* Copyright Area Style
=============================================*/

.copy-right-content .language { position: relative; padding-left: 10px; float: right; }

.copy-right-content .language .form-select { background-color: transparent; border: none; max-width: 150px; cursor: pointer; color: #898c90; }

.copy-right-content .language .form-select:focus { -webkit-box-shadow: none; box-shadow: none; }

.copy-right-content .language i { position: absolute; top: 7px; left: 0; }


.about h3 { font-size: 20px; }

.about span { font-size: 14px; display: block; margin-bottom: 20px; }

.badges { padding-top: 50px; padding-bottom: 20px; }

.badges h3 { font-size: 20px; margin-bottom: 30px; }

.badges .single-badges-box h3 { font-size: 18px; margin-bottom: 10px; }

.top-tags { margin-bottom: 50px; }

.top-tags h3 { font-size: 20px; margin-bottom: 30px; }

.top-tags ul { padding-left: 0; margin-bottom: 0; list-style: none; }

.top-tags ul li { border-bottom: 1px solid #eeeeee; padding-bottom: 20px; margin-bottom: 20px; }

.top-tags ul li .tag-cate { border: 1px solid #eeeeee; display: inline-block; padding: 5px 10px; }

.top-tags ul li .tag-score { text-align: right; float: right; margin-left: 20px; position: relative; top: 5px; }

.top-tags ul li .tag-score:first-child { margin-left: 0; }

.top-tags ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.top-posts h3 { font-size: 20px; margin-bottom: 30px; }

.top-posts .nav-tabs { border-bottom: none; margin-bottom: 30px; }

/*
Error Area CSS
=====================================================*/
.error-content { text-align: center; position: relative; }

.error-content .default-btn { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; max-width: 200px; }


@-webkit-keyframes rotate-fourteen {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes rotate-fourteen {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


/*
Video wave Style*/
.video-btn { display: inline-block; width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 0; color: #61028D; position: relative; top: 3px; z-index: 1; background-color: rgba(253, 149, 25, 0.8); border-radius: 50%; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.video-btn i { font-size: 42px; color: #ffffff; position: absolute; top: 0; left: 1px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; }

.video-btn::after, .video-btn::before { content: ""; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; border-radius: 0; border-radius: 50%; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; -webkit-animation: ripple 1.6s ease-out infinite; animation: ripple 1.6s ease-out infinite; background-color: rgba(253, 149, 25, 0.8); }

.video-btn span { position: absolute; top: 0; right: -105px; width: 100px; font-size: 15px; }

.video-btn:hover { background-color: rgba(22, 5, 107, 0.8); }

.video-btn:hover::before, .video-btn:hover::after { background-color: rgba(22, 5, 107, 0.8); }

@-webkit-keyframes ripple {
    0%, 35% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; }
    50% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0.8; }
    100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2); }
}

@keyframes ripple {
    0%, 35% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; }
    50% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0.8; }
    100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2); }
}

.single-group-box { background-color: #ffffff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); -webkit-transition: all ease 0.5s; transition: all ease 0.5s; margin-bottom: 30px; }

.single-group-box .group-img { position: relative; }

.single-group-box .group-img span { position: absolute; top: 10px; right: 10px; background-color: #e5e5e5; font-size: 13px; padding: 2px 5px; }

.single-group-box .group-content { padding: 20px; }

.single-group-box .group-content .group-sub-img { position: relative; padding-left: 100px; margin-bottom: 15px; top: -35px; height: 70px; }

.single-group-box .group-content .group-sub-img img { position: absolute; bottom: 0; left: 0; height:80px;width:80px}

.single-group-box .group-content .group-sub-img h3 { font-size: 20px; margin-bottom: 0; top:25px }

.single-group-box .group-content .group-sub-img span { font-size: 14px; }

.single-group-box .group-content ul { padding-left: 0; margin-left: 30px; margin-right: 30px; margin-bottom: 15px; list-style-type: none; }

.single-group-box .group-content ul li { display: inline-block; text-align: center; }

.single-group-box .group-content ul li h4 { font-size: 22px; margin-bottom: 0; }

.single-group-box .group-content .group-btn { background-color: #e7e7e7; color: #0c0d0e; padding: 12px 20px; width: 100%; display: block; font-weight: 500; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.single-group-box .group-content .group-btn:hover { background-color: #61028D; color: #ffffff; }

.single-group-box:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }

/*
Tags Area CSS
=====================================================*/
.single-tags-box { border: 1px solid #e5e5e5; padding: 20px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; margin-bottom: 30px; }

.single-tags-box .tag-mark { padding-left: 0; margin-bottom: 15px; list-style-type: none; }

.single-tags-box .tag-mark li { display: inline-block; margin-right: 20px; }

.single-tags-box .tag-mark li:last-child { margin-right: 0; }

.single-tags-box .tag-mark li i { color: #61028D; position: relative; top: 2px; margin-right: 5px; }

.single-tags-box .tag-mark li span { padding: 1px 2px; display: inline-block; border: 1px solid #e5e5e5; border-radius: 5px; }

.single-tags-box .tag-btn { padding-left: 0; margin-bottom: 0; list-style: none; }

.single-tags-box .tag-btn li .default-btn { padding: 8px 20px; background-color: #e7e7e7; color: #0c0d0e; font-size: 14px; }

.single-tags-box .tag-btn li .default-btn.active { background-color: #0c0d0e; color: #ffffff; }

.single-tags-box .tag-btn li .default-btn:hover { background-color: #61028D; color: #ffffff; }

.single-tags-box:hover { border-color: #61028D; }



.single-footer-widget .address-link li a:hover { color: #61028D; }

.single-footer-widget .import-link li:hover { padding-left: 15px; }

.single-footer-widget .import-link li:hover::before { -webkit-transform: scale(1); transform: scale(1); }

.single-footer-widget .import-link li:hover a { color: #61028D; }

.searchbox { background-clip: padding-box; background-color: #FFFFFF; border: 1px solid #ddd; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); padding: 15px; position: absolute; margin-left: -410px; left: 50%; top: 210px; width: 700px; z-index: 1000; }
.btn-label { position: relative; left: -12px; display: inline-block; padding: 6px 6px; }
.btn-labeled { padding-top: 0; padding-bottom: 0; }
.searchbox .btn { background-color: #61028D !important; border-color: #61028D }
.searchbox input[type=text] { width: 450px; border: 1px solid #ccc }

/*FAQ Area CSS
=====================================================*/
.accordion-item { margin-bottom: 20px; border-radius: 5px; border: none; }

.accordion-item:last-child { margin-bottom: 0; }

.accordion-item .accordion-header .accordion-button { border: 1px solid #e5e5e5; }

.accordion-item .accordion-header .accordion-button::after { content: "\ea13"; font-family: 'remixicon' !important; background-image: unset; }

.accordion-item .accordion-header .accordion-button:focus { -webkit-box-shadow: none; box-shadow: none; }

.accordion-item .accordion-header .accordion-button { background-color: #fafafa; color: #61028D; -webkit-box-shadow: none; box-shadow: none; }

.accordion-item .accordion-header .accordion-button:not(.collapsed)::after { content: "\f1af"; -webkit-transform: rotate(0); transform: rotate(0); }

.accordion-item .accordion-body { border: 1px solid #e5e5e5; border-top: none; }

.right-siderbar .right-siderbar-common .top-members ul { padding-left: 0; margin-bottom: 0; list-style: none; }

.right-siderbar .right-siderbar-common .top-members ul li { position: relative; padding-left: 60px; margin-bottom: 15px; }

.right-siderbar .right-siderbar-common .top-members ul li:last-child { margin-bottom: 0; }

.right-siderbar .right-siderbar-common .top-members ul li img { position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-radius: 50px}

.right-siderbar .right-siderbar-common .top-members ul li p { color: #0c0d0e; margin-bottom: 0; font-weight: 500; font-size: 14px; }

.right-siderbar .right-siderbar-common .top-members ul li p span { font-size: 14px; color: #666666; }

.right-siderbar .right-siderbar-common .top-members ul li span { color: #61028D; font-size: 13px; }

.about h3 { font-size: 20px; }

.about span { font-size: 14px; display: block; margin-bottom: 20px; }

.profile-content .profile-img { position: relative; padding-left: 100px;padding-top:15px }

.profile-content .profile-img img { position: absolute; top: 0; left: 0; width: 85px; height:85px;border-radius:18px}

.profile-content .profile-img h3 { font-size: 20px; }

.profile-content .profile-img span { display: block; font-size: 14px; }

.profile-content .profile-img .followers-btn { padding: 8px 20px; display: inline-block; margin-top: 15px; margin-right: 10px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.profile-content .profile-img .followers-btn:hover { background-color: #f48225; color: #ffffff; }

.profile-content .profile-img .followers-btn:last-child { margin-right: 0; }

.profile-content .edit-btn .default-btn { border-radius: 0; }

.single-achive { border: 1px solid #eeeeee; padding: 20px; text-align: center; margin-bottom: 30px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.single-achive h2 { margin-bottom: 0; font-size: 30px; }

.single-achive:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.profile-achive { padding-top: 50px; padding-bottom: 20px; }

/*Single User Area CSS
=====================================================*/
.single-new-user { border: 1px solid #e5e5e5; border-radius: 5px; padding: 20px; margin-bottom: 30px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.single-new-user img { border-radius: 5px; height:60px;width:60px}

.single-new-user h3 { font-size: 18px; margin-bottom: 0; }

.single-new-user h3 a { color: #0c0d0e; }

.single-new-user p { font-size: 14px; margin-bottom: 0; }

.single-new-user ul { padding-left: 0; margin-bottom: 0; list-style-type: none; margin-top: 10px; }

.single-new-user ul li { display: inline-block; }

.single-new-user ul li .default-btn { padding: 5px 15px; font-size: 14px; }

.single-new-user:hover { border-color: #f48225; }