@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif !important;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

body {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

a {
    text-decoration: none;
}

p {
    margin-bottom: 0;
}

.pd {
    padding-left: 50px;
}

.p-60 {
    padding: 30px 0;
}

.overlflow {
    overflow: hidden;
}

/* ============loader============== */
#preLoader {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;
}

.loader {
    --d: 22px;
    width: 4px;
    height: 3px;
    margin-bottom: 70px;
    border-radius: 50%;
    color: #095D81;
    box-shadow:
        calc(1*var(--d)) calc(0*var(--d)) 0 0,
        calc(0.707*var(--d)) calc(0.707*var(--d)) 0 1px,
        calc(0*var(--d)) calc(1*var(--d)) 0 2px,
        calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3px,
        calc(-1*var(--d)) calc(0*var(--d)) 0 4px,
        calc(-0.707*var(--d)) calc(-0.707*var(--d))0 5px,
        calc(0*var(--d)) calc(-1*var(--d)) 0 6px;
    animation: l27 1s infinite steps(8);
}

@keyframes l27 {
    100% {
        transform: rotate(1turn)
    }
}

/* ============loader============== */
/*=======================================================================================================*/
/* ========For All======= */
h1, .h1{ 
    font-size:25px !important;
    margin-bottom:6px !important;
}
h2, .h2{
    font-size:20px !important;
    margin-bottom:6px !important;
}
h3, h3{
    font-size:16px !important;
    margin-bottom:6px !important;
}
h4, .h4{
    font-size:14px !important;
    margin-bottom:6px !important;
}
h5, .h5{
    font-size:15px !important;
    margin-bottom:6px !important;
}
h6, .h6{
    font-size:10px !important;
    margin-bottom:6px !important;
}
p, a, span{
    font-size: 14px !important;
}
table {
    margin: 2% 0;
    vertical-align: middle !important;
    text-align: center !important;
    color: #000;
}
table tr {
    font-size:14px !important;
}
table tr:first-child, table th, table tr:first-child p {
    background: #ffedd0 !important;
    color: black !important;
    font-size:16px;
}
table tr:nth-child(even) {
    background-color: #f2f2f2;
}
table, th, td {
    border: 1px solid #717171;
    border-collapse: collapse;
    padding: 6px;
}
table td a{
    color: #F16700;
}
table p{
    margin: 5px 0px !important;
}
ul li, ol li {
    font-size: 14px !important;
    padding: 1px 0px;
}
nav{
    height: 30px !important;
}
nav a{
    font-size: 20px !important;
}
@media screen and (max-width: 991px) {
    table tr th {
        font-size: 12px !important;
    }
    table tr td, table tr td ul li{
        font-size: 10px !important;
    }
    .fact_row .fact_type{
        width: 100% !important;
    } 
}
/* ========For All======= */
/*=======================================================================================================*/

/* =========================popup style============ */
#popupOverlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    transition: all .3s ease;
}

#popupOverlay.popupOpen {
    display: block;
}

#offerPopup {
    display: none;
    position: fixed;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 80%;
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1000;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all .8s ease;
}

.close-btn {
    filter: contrast(.5);
    position: absolute;
    right: 5%;
    top: 30px;
    z-index: 1;
    cursor: pointer;
    min-height: 24px;
    min-width: 24px;
    transition: all .3s;
}

.close-btn:hover {
    transform: scale(1.3);
}

.desktopHide {
    display: none;
}

.mobileHide {
    height: 512px;
    width: 90%;
}

.pop_detail {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-right: 10%;
}

.pop_detail p {
    font-size: 20px;
    font-weight: 500;
}

.popup_btn {
    background: #095D81;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-family: "TT Rounds Neue", sans-serif;
    font-size: 18px;
    border-radius: 9px;
    width: 100%;
    margin-top: 20px;
    transition: all .3s;
}

.popup_btn:hover {
    background: #49c0f3;
}

/* =========================popup style============ */
/* ================================sign up sing in============================== */
.signInModule_main {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1000;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all .8s ease;
    transition-delay: 2s;
}

.signInModule_main .module_left {
    width: 50%;
    background: #09072e;
    color: #fff;
    padding: 20px;
}

.module_left .logo {
    height: 80px;
    width: 120px;
}

.module_left p {
    margin-top: 100px;
}

.module_left h3 {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    margin: 0px 0px 5px 0px;
}

.signInModule_main .module_right {
    width: 50%;
    padding: 20px 50px;
}

.module_right h3 {
    font-size: 32px;
    font-weight: 700;
    margin-top: 40px;
}

.module_right p {
    font-size: 20px;
    margin-bottom: 40px;
    line-height: 24px;
}

.module_right .otpBtn,
.login_card .otpBtn {
    width: 100%;
    padding: 14px;
    font-size: 18px;
    font-weight: 600;
    background: #095D81;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 6px;
    margin: 40px 0 60px;
    transition: all .3s;
}

.module_right .otpBtn:hover,
.login_card .otpBtn:hover {
    background: #0f82b4;
}

.module_right .msg,
.module_right .msg a {
    font-size: 12px;
    color: #686868;
    font-weight: 600;
}

/* Telephone number Input Style */
.iti {
    width: 100%;
}

input[type=tel] {
    width: 100%;
    border: 1px solid #9d9b9b;
    outline: none;
    border-radius: 4px;
    caret-color: #2f2f2f;
    padding: 10px;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: unset !important;
}

/* ================================sign up sing in============================== */
.navbar-toggler:focus {
    box-shadow: unset;
}

header {
    background: #ffffff;
    border-bottom: 1px solid #ececec;
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    position: relative;
}

.logo a {
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
}

nav .navbar_menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

nav .navbar_menu .nav-list {
    display: inline-block;
    margin-left: 30px;
    position: relative;
    transition: all .3s;
}

nav .navbar_menu .nav-list .nav-link, nav  span {
    text-decoration: none;
    font-size: 16px !important;
    font-weight: 400;
    color: #002147;
    /* padding-bottom: .5rem; */
    margin: 0;
    position: relative;
}
.dropdown-menu li, .dropdown-menu li a {
    margin: 0 !important;
}
nav .navbar_menu .nav-list .nav-link:hover {
    color: #007bff;
}

nav .navbar_menu .nav-list .nav-link::before {
    content: "";
    height: 3px;
    width: 0;
    background-color: #007bff;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .3s;
    border-radius: 4px;
}

nav .navbar_menu .nav-list .nav-link.drop::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

nav .navbar_menu .nav-list .nav-link:hover::before {
    width: 50%;
}

.active-link {
    color: #ff0000;
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 110;
    padding: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


.search-icon img {
    height: 20px;
    width: 20px;
}


.search-icon {
    padding: 7px 20px;
    text-align: center;
    border-radius: 5px;
    transition: all .3s;
}

.search-icon:hover {
    background: #b6e4f8;
}

.loginBtn svg {
    height: 30px;
    color: #000;
}

.loginBtn .log_pop_up {
    display: none;
    position: absolute;
    right: 0px;
    top: 30px;
    background: #f5faff;
    z-index: 99;
    width: 284px;
    min-width: 100%;
    transition: all .5s;
    padding: 20px 20px 20px 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 0 0 8px 8px;
}

.loginBtn:hover .log_pop_up {
    display: block;
}

.log_pop_up .dashboad_btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 10px 0;
}

.log_pop_up p,
.log_pop_up a {
    font-size: 12px;
    color: #777;
}

.log_pop_up .dashboad_btns .logBtn,
.log_pop_up .dashboad_btns .signBtn {
    width: 48%;
    height: 40px;
    border: 1.5px solid #0487f3;
    border-radius: 8px;
    background: none;
    color: #0487f3;
    transition: all .3s;
}

.log_pop_up .dashboad_btns .logBtn:hover,
.log_pop_up .dashboad_btns .signBtn {
    background: #0487f3;
    color: #fff;
}

.log_pop_up .dashboad_btns .signBtn:hover {
    background: linear-gradient(90deg, #2962ff, #5eb2f7);
    border: none
}

.course_finder_btn {
    padding: 10px 17px;
    border-radius: 6px;
    font-size: 11px !important;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 !important;
    transition: all .3s;
}

/* ================login pop and signup pop up================== */
.login_pop_up_wrap {
    min-height: 414px;
    height: fit-content;
    width: 32%;
    padding: 30px;
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    z-index: 999;
}

#forEmail {
    display: none;
}

.for_mobile input,
.for_email input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.for_mobile input:focus,
.for_email input:focus {
    outline: 1px solid #0069d9;
}

.for_email label {
    font-size: 12px;
    opacity: .6;
    font-weight: 500;
}

.login_pop_up_wrap .close_popup {
    position: absolute;
    top: -16px;
    cursor: pointer;
    right: 0;
}

.login_pop_up_wrap .em_btn {
    color: #0069d9;
    border: none;
    outline: none;
    background: transparent;
    font-size: 12px;
}

.login_pop_up_wrap .submit_btn {
    background: #2962ff;
    display: block;
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 6px;
    margin-top: 10px;
    font-size: 18px;
    color: #fff;
    transition: all .3s;
}

.login_pop_up_wrap .submit_btn:hover {
    background-color: #007bff;
}

.login_pop_up_wrap .seprator {
    font-weight: 500;
    position: relative;
    width: 100%;
    margin: 20px 0;
}

.login_pop_up_wrap .seprator::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 12px;
    border: 1px solid #dadada;
}

.login_pop_up_wrap .seprator span {
    font-weight: 500;
    background: #fff;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    position: relative;
    color: #6d6d6d;
}

.social_meadia_action {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.social_meadia_action .sma-button {
    width: 47%;
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    border-radius: 5px;
    border: 1px solid #6a6a6a;
    font-size: 13px;
    background: #fff;
    padding: 0 30px;
    margin-bottom: 10px;
    color: #000;
}

.social_meadia_action .sma-button i {
    float: left;
    font-size: 19px;
    margin-top: 10px;
    color: #0069d9;
}

.social_meadia_action .sma-button img {
    height: 19px;
    float: left;
    margin-top: 10px;
}

#signUp .for_email input {
    margin-bottom: 15px;
}

.iti__country-list {
    outline: none;
    z-index: 1;
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 10px 0 10px -1px;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, .35);
    background-color: #fff;
    width: 300px;
    max-height: 200px;
    overflow-y: scroll;
    border-radius: 0 0 3px 3px;
}

#forPhone,
#forEmail,
#signUp,
#forOTP {
    display: none;
}

#dark_bg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    transition: all .3s ease;
}

.otp_input_field {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 20px;
    margin-top: 20px;
}

.otp_input_field input {
    height: 45px;
    width: 42px;
    padding: 10px;
    outline: none;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.otp_input_field input::-webkit-inner-spin-button,
.otp_input_field input::-webkit-outer-spin-button {
    display: none;
}

.login_form .veryfyBtn {
    background-color: #89ec8c;
    color: #fff;
    border: none;
    width: 100%;
    padding: 9px;
    margin-top: 25px;
    border-radius: 6px;
    font-size: 18px;
    pointer-events: none;
    transition: all .3s;
}

.login_form .veryfyBtn.active {
    background-color: #4CAF50;
    pointer-events: auto;
}

.login_form .veryfyBtn:hover {
    background-color: #378c3a;
}

.login_form .back_btn {
    position: absolute;
    top: -10px;
    left: 0;
    font-size: 20px;
    cursor: pointer;
}

.login_form .notReceive,
.login_form .resend {
    width: fit-content;
    display: block;
    text-align: center;
    margin: 20px 0 0;
    border: none;
    outline: none;
    background: transparent;
}

/* ================login pop and signup pop up================== */
/* ======hamburger menu========== */
.btn11 {
    display: none;
    position: absolute;
    width: 60px;
    height: 60px;
    top: 1%;
    right: 4%;
    cursor: pointer;
    transition-duration: 0.5s;
}

.btn11 .icon-left {
    transition-duration: 0.5s;
    position: absolute;
    height: 3px;
    width: 15px;
    top: 30px;
    background-color: #212121;
}

.btn11 .icon-left:before {
    transition-duration: 0.5s;
    position: absolute;
    width: 15px;
    height: 3px;
    background-color: #212121;
    content: "";
    top: -10px;
}

.btn11 .icon-left:after {
    transition-duration: 0.5s;
    position: absolute;
    width: 15px;
    height: 3px;
    background-color: #212121;
    content: "";
    top: 10px;
}

.btn11 .icon-left:hover {
    cursor: pointer;
}

.btn11 .icon-right {
    transition-duration: 0.5s;
    position: absolute;
    height: 3px;
    width: 15px;
    top: 30px;
    background-color: #212121;
    left: 15px;
}

.btn11 .icon-right:before {
    transition-duration: 0.5s;
    position: absolute;
    width: 15px;
    height: 3px;
    background-color: #212121;
    content: "";
    top: -10px;
}

.btn11 .icon-right:after {
    transition-duration: 0.5s;
    position: absolute;
    width: 15px;
    height: 3px;
    background-color: #212121;
    content: "";
    top: 10px;
}

.btn11.open .icon-left {
    transition-duration: 0.5s;
    background: transparent;
}

.btn11.open .icon-left:before {
    transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
}

.btn11.open .icon-left:after {
    transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
}

.btn11.open .icon-right {
    transition-duration: 0.5s;
    background: transparent;
}

.btn11.open .icon-right:before {
    transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
}

.btn11.open .icon-right:after {
    transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
}

/* ========dropdown========== */
.dropdown-menu {
    background: #f5faff;
    border-radius: 0 0 8px 8px;
    column-count: 2;
    padding: 20px;
    width: 450px;
    position: absolute;
    left: 0;
    top: 150%;
    display: grid;
    visibility: hidden;
    opacity: 0;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 50px;
    margin: 0 -16px;
    z-index: 110;
    border: unset;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all .4s;
}

nav .navbar_menu .nav-list:hover .dropdown-menu,
nav .navbar_menu .nav-list:hover .dropdown-menu.exam {
    visibility: visible;
    opacity: 1;
    top: 100%;
    transition: all .3s;

}

.dropdown-menu li {
    margin-bottom: 10px;
}

.dropdown-menu li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #002147;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: inherit;
    width: 100%;
    text-decoration: none;
    margin: 0;
    padding: 5px 0;
    transition: all .3s;
}

.dropdown-menu li a:hover {
    color: #095D81;
    background: transparent;
    font-weight: 600;
}

.dropdown-menu li a div img {
    margin-right: 19px;
    width: 36px;
    height: 25px;
    border-radius: 4px;
}

.dropdown-menu li a .fa-arrow-right {
    color: #095D81;
    display: none;
}

.dropdown-menu li a:hover .fa-arrow-right {
    display: block;
}

.dropdown-menu.exam {
    width: auto;
    display: grid;
    visibility: hidden;
    opacity: 0;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 10px;
}

.dropdown-menu .exam_logo {
    height: 60px;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    transition: all .4s;
}

.dropdown-menu .exam_logo img {
    height: auto;
    width: 70%;
    margin: 0;
}

.dropdown-menu .exam_logo:hover {
    border-color: #007bff;
}
.search_btn button {
    color: #fff;
    background-color: #007bff;
    border: none;
    height: 56px;
    width: 100%;
    box-shadow: 0 12px 12px rgba(4, 135, 243, .24);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    cursor: pointer;
}
/* ================search bar======================== */
.search_bar {
    display: none;
    height: fit-content;
    padding-bottom: 30px;
    width: 100%;
    position: fixed;
    top: -400px;
    left: 0;
    background: #ffedd0;
    z-index: 999;
    transition: all .3s ease-in-out;
}

.search_bar.show {
    display: block;
    top: 0;
}

.search_bar .search_wrap {
    padding: 5px;
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.search_wrap .serch_box {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.serch_box .search_icon {
    position: absolute;
    padding-left: 17px;
    margin-bottom: 6px;
    height: 20px;
}

.search_bar .inputSearch {
    width: 100%;
    height: 56px;
    background: #fff;
    box-shadow: 0 12px 12px rgba(0, 0, 0, .04);
    padding-left: 25px;
    outline: none;
    border: none;
}

.search_bar .search_close_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    font-size: 1.2rem;
    color: #fff;
    width: 5%;
    cursor: pointer;
    background: #ffe8c4;
}

.search_bar .popular_search {
    margin-top: 20px;
    padding: 20px;
    background-color: #fff;
}

.search_bar .popular_search ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 0;
}

.search_bar .popular_search ul li {
    padding: 5px 0;
}

.search_bar .popular_search ul a {
    color: #000;
}


/* ================search bar======================== */
/* ================sidebar ======================== */
.courseBtn {
    background: #008000;
    border: 1px solid green !important;
    color: #fff !important;
    transition: all .6s;
}

.courseBtn:hover {
    background: #025a02;
}

.sidebar {
    width: 336px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: -400px;
    overflow-y: scroll;
    z-index: 999;
    /* display: none; */
    filter: drop-shadow(0px 0px 18px rgba(0, 0, 0, 0.08));
    transition: all .6s;
}

.sidebar.active {
    /* display: block; */
    left: 0;
}

.sidebar_top {
    padding: 1rem 1rem 1rem 1.5rem;
    background: #f8f8f8;
}

.sidebar_title h6 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

.search_icon img {
    position: absolute;
    padding-left: 17px;
    margin-bottom: 6px;
    top: 28%;
    left: 0;
    height: 18px;
}

.search .inputSearch {
    width: 100%;
    height: 45px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    height: 44px;
    padding-left: 50px;
    font-size: 14px;
    color: #adb5bd;
    outline: none;
}

.sidebar-nav-list .sidebar-nav-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13.5px 16px 13.5px 24px;
    border-bottom: 1px solid #e8e8e880;
    cursor: pointer;
    transition: all .6s;
}

.sidebar-nav-list .sidebar-nav-item:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/* =========sidebar innerlist======== */
.item_padding {
    padding: 13px 16px 13px 24px;
}

.cursor-pointer {
    cursor: pointer;
}

.sidebar-nav-item-list {
    display: none;
}

.sidebar-item {
    border-bottom: 1px solid #e8e8e880;
}

.sidebar-item:last-child {
    border: none;
}

.sidebar-item .accordian-title h4 {
    font-size: 16px;
    color: #1c1c1c;
    margin: 0;
}

.sidebar-item .accordian-title.active h4 {
    color: #337ab7;
}

.sidebar-item .accordian-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.sidebar-item .accordian-title .close_list {
    height: 13px;
    width: 13px;
    position: relative;
}

.sidebar-item .accordian-title .close_list::before,
.sidebar-item .accordian-title .close_list::after {
    content: '';
    display: flex;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 20px;
    background-color: #1c1c1c;
    transition: all .6s;
    transform: translate(-50%, -50%);
}

.sidebar-item .accordian-title .close_list::after {
    transform: rotate(90deg);
    top: 45%;
    left: 10%;
}

.sidebar-item .accordian-title .close_list.active::after {
    transform: rotate(-360deg);
}

.sidebar-item .accordian-title .close_list.active::before,
.sidebar-item .accordian-title .close_list.active::after {
    background-color: #337ab7;
}

.accordian_item_list {
    display: none;
}

.accordian_item_list a li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #1c1c1c;
    border-bottom: 1px solid #f8f8f8;
    transition: all .6s;
}

.accordian_item_list a li:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/* ================sidebar ======================== */
/* =====hero======= */
.hero {
    height: 100%;
    position: relative;
    padding-top: 50px;
    overflow: hidden;
    background: #F5F3F9;
}

.hero h1 {
    font-size: 36px;
    font-weight: 500;
    text-align: center;
}

.hero h1 span {
    color: #095D81;
    font-family: "TT Rounds Neue", sans-serif;
}

.hero .sub-para {
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    color: #6d6c6c;
    padding: 0 100px;
}

.hero-links-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
}

.hero-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    border: 1px solid #095D81;
    border-radius: 32px;
    color: #095D81;
    box-shadow: 0 0 3px #095D81;
    transition: all .3s;
}

.hero-link:hover {
    background: #095D81;
    color: #fff;
    box-shadow: unset;
}

.hero-link i {
    margin-left: 5px;
}

.hero-bg {
    height: 100%;
    width: 100%;
}

.connect_btn {
    padding: 7px 20px;
    font-size: 18px;
    color: #fff;
    border: 2px solid #14a3eb;
    background: #14a3eb;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all .3s ease;
}

.connect_btn:hover {
    border-color: #0190d7;
    background: transparent;
    color: #000;
}

.register_btn {
    padding: 7px 20px;
    font-size: 18px;
    font-weight: 500;
    margin-left: 20px;
    border: 2px solid #0190d7;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all .3s ease;
}

.register_btn:hover {
    color: #fff;
    background: #14a3eb;
}

.h_btn {
    margin-top: 150px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-radius: 22px;
    padding: 8px 20px;
    background: #399ddb;
    transition: all .3s;
}

.h_btn:hover {
    background: #61b7ed;
    color: #fff;
}

/* ===services====== */
h2 {
    font-size: 28px;
    text-transform: capitalize;
}

.services {
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.service_wrap {
    display: flex;
    flex-wrap: wrap;
    gap:40px;
}

.service_wrap .service_single {
    background: #f3f3f3;
    border-radius: 10px;
    overflow: hidden;
    width: 30%;
    display: block;
}

.service_wrap .service_single .service_deatail {
       padding: 10px;
    background: #f5f3f9;
    text-align: center;
}

.service_wrap .service_single h3 {
    font-size: 20px;
    line-height: 28px;
    margin: .5rem 0;
    text-align: left;
}

.service_wrap .service_single img {
    height: 200px;
    width: 100%;
}

.service_wrap .service_single a {
    font-size: 12px;
}

/* ==============consultant */
.consultant {
    padding: 100px 0 60px;
    position: relative;
    background: #F5F3F9;
}

.consultant h2 {
    font-size: 16px;
    color: #313131;
}

.consult_img_box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.consult_img {
    max-height: 700px;
    width: 100%;
    mix-blend-mode: darken;
}

.consultant .consult_wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.consult_wrap h4 {
    font-size: 24px;
    line-height: 110%;
    max-width: 500px;
    margin: 30px 0 40px;
    font-weight: 200;
    font-family: "TT Rounds Neue", sans-serif;
}

.consult_wrap h3 span {
    color: #095D81;
    font-family: "TT Rounds Neue", sans-serif;
}

.consultant p {
    font-size: 14px;
    max-width: 500px;
    line-height: 130%;
    margin-bottom: 40px;
}

/* =================study in================= */
.abroad_contries_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 20px;
    margin-top: 30px;
}

.abroad_contries_wrap .abroad-country {
    background: #f3f3f3;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.abroad_contries_wrap .abroad-country img {
    height: 200px;
    width: 100%;
    
}

.abroad_contries_wrap .abroad-country .country_detail {
  padding: 9px;
    text-align: center;
    background-color:#f5f3f9;
}

.abroad_contries_wrap .abroad-country h3 {
    font-size: 20px;
    line-height: 28px;
    margin: .5rem 0;
    text-align: left;
}

.abroad_contries_wrap .abroad-country a {
    font-size: 14px;
}

/* =========event============ */
.event-section {
    background: #F5F3F9;
}

.event-section .event_wrap {
    margin-top: 30px;
}

.event_box .event_img_box {
    border: 2px solid #09072e;
    border-radius: 20px;
    padding: 20px;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event_img_box img {
    width: 90%;
    height: 100%;
}

.event_box p {
    margin-top: 10px;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
}

.event_wrap .owl-dot {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: grey !important;
    margin: 5px;
    transition: all .2s ease-in;
}

.event_wrap .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.event_wrap .owl-dot.active {
    background-color: #3554dc !important;
    width: 26px;
    border-radius: 5rem;
}

/* ===========news======= */
.mediasec1 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 40px;
}

.media-div {
    background: #777777;
    /* width: calc(100%/8); */
    height: 158.968px;
    display: flex;
    border-radius: 10px;
    box-shadow: inset rgba(0, 0, 0, 0.24) 0px 1px 6px,
        rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.mdiv5 {
    background-color: #ff6868;
}

.mdiv6 {
    background-color: #94b2ff;
}

.mdiv7 {
    background-color: #d9d9d9;
}

.mdiv8 {
    background-color: #ffe7e7;
}

.mdiv9 {
    background-color: #efefef;
}

.mdiv10 {
    background-color: #ffe3bc;
}

.mdiv11 {
    background-color: #fee4c9;
}

/* ========social======= */
.social_wrap {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 0 50px;
    padding: 0 200px;
}

.social_box {
    padding: 20px 30px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px
}

.social_box .social_info img {
    height: 40px;
}

.social_box h3 {
    font-size: 28px;
    margin: 0;
    font-weight: 600;
}

.social_box .socialImg {
    height: 100px;
}

.social_box .instaimg {
    height: 110px;
}

.social_box.yt {
    background: #ffe7e7;
}

.social_box.ins {
    background: #e5f8ff;
}

.social_box.commu {
    background: #f4f2ff;
}

.social_box.commu img {
    height: 120px;
    width: 90px;
}

.content_wrap {
    margin-top: 50px;
    position: relative;
    padding: 20px;
    border-radius: 10px;
    transition: all .4s ease;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.content_wrap .content_inner {
    max-height: 200px;
    overflow: hidden;
    transition: all .4s ease;
}

.content_wrap.active .content_inner {
    max-height: fit-content;
}

.content_wrap .transparent_bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    width: 100%;
    height: 50px;
    transition: all .4s;
    background: linear-gradient(1turn, #fff 13.27%, hsla(0, 0%, 100%, .84) 50.76%, hsla(0, 0%, 100%, 0));
}

.content_wrap.active .transparent_bg {
    display: none;
}

#show_content {
    outline: none;
    padding: 0 10px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    border-radius: 5px;
    color: #0d6efd;
    font-size: 15px;
    background: #fff;
    border: none;
    z-index: 1;
}

.content_wrap p {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
}

.content_wrap ul {
    margin: 10px 0;
    list-style-type: disc;
    padding-left: 1rem;
    margin-left: 1rem;
}
.content_wrap table td ul{
    text-align: start;
    width: fit-content;
    margin: 0 auto;
}

.content_wrap ul li {
    border-radius: 2px;
    color: #000;
    padding: 0;
    padding-bottom: 4px;
    position: relative;
}
.content_wrap h4 {
    margin: 20px 0;
}

.content_wrap .table ul li:before{
    display: none;
}
#readMoreBtn {
    border: none;
    outline: none;
    background: transparent;
    margin-top: 20px;
    font-size: 18px;
    color: #3554dc;
    transition: all .3s ease;
}

.content_wrap i {
    font-size: 18px;
    color: #3554dc;
    margin-left: 6px;
}

/* ============testimonial========= */
.top-detail h5 {
    font-size: 1.3rem;
    margin-top: 1.5rem;
    font-weight: 300;
    color: #787878;
    font-family: "TT Rounds Neue", sans-serif;
}

h2 span {
    font-size: 40px;
    color: #095D81;
    font-family: "TT Rounds Neue", sans-serif;
    position: relative;
}

.reviews h2 span::before {
    content: '';
    height: 25px;
    width: 100%;
    background: #c6edfe;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.reviews .arrow-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    gap: 0 20px;
}

.reviews button {
    background: #fff;
    border-radius: 35px;
    margin: 0 5px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    border: 0;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}

.reviews .arrow-buttons>button:hover {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.reviews button img {
    width: 30px;
    height: 30px;
}

.reviews button i {
    color: #000;
    font-weight: 100;
    font-size: 1.2rem;
    padding: 20px 25px;
}

.reviews .slick-next img {
    transform: rotate(-180deg);
}

.reviews .review_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.reviews .review_wrap .reviews_box {
    position: relative;
    /* height: 340px; */
    display: flex;
    flex-direction: column;
    padding: 2rem;
    margin: 22px;
    border-radius: 6px;
    box-shadow: 0px 0px 15px rgba(47, 52, 57, 0.1);
}


.reviews_box .rv_top {
    display: flex;
    align-items: center;
    gap: 0 20px;
    margin-bottom: 20px;
}

.review_wrap .reviews_box .review_img {
    height: 80px;
    width: 80px;
    border-radius: 70px;
    overflow: hidden;
    padding-top: 10px;
    background: #ffffff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.review_wrap .reviews_box p {
    font-size: 14px;
}

.reviews_box .review_img img {
    height: 100%;
    width: 100%;
}

.review_wrap .reviewer_name img {
    height: 34px;
    width: 173px;
}

.reviews_box .reviewer_name h5 {
    font-size: 1rem;
    font-weight: 300;
    margin: 0;
    text-align: center;
    color: #000;
    font-family: "TT Rounds Neue", sans-serif;
}

.stars {
    color: #f39c12;
}

.stars span {
    font-size: 20px;
}

/* ================= slick slide cdn ================= */
/* Slider */
.slick-slider {
    position: relative;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* =========blog=========== */
.blog {
    background: #EEF2F2;
}

.blog_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog_top .blog_btn {
    padding: 15px 25px;
    display: flex;
    font-size: 18px;
    align-items: center;
    color: #ffffff;
    text-transform: uppercase;
    background: linear-gradient(138deg, rgb(73, 59, 233) 0%, rgba(25, 8, 57, 1) 100%);
}

.blog_top .blog_btn i {
    background: #fff;
    color: #000;
    font-size: 14px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-left: 5px;
}

.blog_sub {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog_sub span {
    font-size: 22px;
    color: #4b4949;
    font-weight: 400;
    /*text-transform: capitalize;*/
    margin-bottom: 0 !important;
}

.blog_sub .line {
    height: 2px;
    width: 80%;
    background: #399ddb;
}

.blog_wrap {
    margin-top: 40px;
}

.blog_box {
    max-width: 600px;
    margin: 0px 22px 6px;
    border-radius: 10px;
    overflow: hidden;
    background: #fafafa;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.blog_wrap img {
    height: 200px;
    width: 100%;
}

.blog_box .blog_content {
    padding: 20px;

}
.blog_wrap .slick-arrow{
    display: none !important;
}
.blog_box .blog_content h4 {
    color: #68c6e6;
}

.blog_box .blog_content h3 {
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 30px;
    border-bottom: 2px solid #bfbfbf;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog_box .blog_content .date {
    margin-top: 10px;
}

.blog_box .blog_content .readMore,
.university_content .readMore,
.mobile_blog_wrap .readMore {
    background: #095D81;
    color: #fff;
    padding: 10px 20px;
    margin: 20px 0;
    transition: all .3s;
}

.blog_box .blog_content .readMore a,
.university_content .readMore a,
.mobile_blog_wrap .readMore a {
    color: #fff;
}

.blog_box .blog_content .readMore:hover,
.university_content .readMore:hover,
.mobile_blog_wrap .readMore:hover {
    background: #095D82;
}

/* ===========faq============ */
.faq {
    padding: 0 0 60px;
    position: relative;
}

.faq_img img {
    height: 100%;
    width: 100%;
    mix-blend-mode: darken;
}

.float_box {
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    bottom: 20%;
    left: 20%;
    border-radius: 6px;
    color: #fff;
    z-index: 9;
    background: linear-gradient(138deg, rgb(73, 59, 233) 0%, rgba(25, 8, 57, 1) 100%);
}

.faq .accordion-item {
    border-bottom: 1px solid #333;
}

.faq .accordion-item:nth-last-child(1) {
    border-bottom: none;
}

.faq .accordion-item-header {
    background: transparent;
    padding: 0 3rem 0 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-size: 1rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    transition: all .5s;
    color: #000;
}

.faq .accordion-item-header:hover {
    background: #0000001a;
}

.faq .accordion-item-header::after {
    content: "\002B";
    font-size: 2rem;
    font-weight: 300;
    position: absolute;
    right: 1rem;
    transition: all .2s;
}

.faq .faq-list li {
    list-style-type: disc;
}

.faq .accordion-item-header.active {
    background: #0000001a;
}

.faq .accordion-item-header.active::after {
    transform: rotate(-180deg);
    content: "-";
}

.faq .accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.faq .accordion-item-body-content {
    padding: 1rem;
    background-color: #efefef;
    line-height: 1.5rem;
}

/* ========footer======== */
footer {
    background: #EEF2F2;
    color: #333;
}

.footer1 {
    padding: 40px 0 10px;
    position: relative;
    color: #fff;
}

footer li a {
    color: #404040;
    transition: all .3s ease;
}

footer li a:hover {
    color: #535353;
}

footer .logo {
    height: 80px;
}

footer .footer_list {
    display: flex;
    flex-wrap: nowrap;


}

footer .footer1 .footer_list {
    border-bottom: 1px solid #b1b1b1;
    padding-bottom: 30px;
}

footer .footer_list .footer_list_title {
    color: #333;
    width: 20%;
}

.footer_list_title .footer_links li {
    margin: 4px 0;
}

.footer2 {
    padding: 10px 0 30px;
}

.footer2 .siteUtils .futcol {
    width: 20%;
}

.futcol .email {
    padding: 10px;
    background: #dddddd;
    color: #333;
    border-radius: 20px;
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
}

.futcol .social_icons {
    display: flex;
    align-items: center;
    gap: 5px;
}

.futcol .social_icons a {
    margin-top: 16px;
    margin-right: 6px;
    background: #ddd;
    color: #2a2a2a;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    line-height: 25px;
    border-radius: 5px;
    transition: all .4s;
}

.futcol .social_icons a:hover {
    background: #ccc;
}

.copyright {
    background: #d1d1d1;
    color: #333;
    padding: 10px 0;
}

.copyright span {
    font-size: 12px;
    text-align: center;
}

.copy_list {
    display: flex;
    align-items: center;
    gap: 0 10px;
    margin: 0;
}

.copy_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copy_list li::after {
    content: "";
    display: inline-block;
    height: 5px;
    width: 5px;
    background: #333;
    border-radius: 100%;
}

.copy_list li:last-child::after {
    display: none;
}

.copy_list li a {
    color: #333;
}

.scrollToTop {
    background: #121212;
    text-align: center;
    color: #f5f5f5;
    padding: 8px 0;
}

.footer_for_mobile {
    display: none;
}
.acc_title{
    margin-bottom: 0 !important;
}
/* =================login-page============== */
.login_section {
    height: 94vh;
}

.login_block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 84vh;
}

.login_block.left {
    background: linear-gradient(125deg, rgb(41, 151, 191) 0px, rgb(83, 112, 169) 100%);
    border-right: 1px solid rgba(188, 188, 188, 0.2);
}

.login_block .detail_box {
    display: inline-block;
    background-color: #ffffff;
}

.detail_box h3 {
    font-size: 22px;
    color: #002147;
    font-family: "TT Rounds Neue", sans-serif;
}

.detail_box ul li {
    background: rgb(213, 218, 220);
    margin-bottom: 5px;
    font-size: 13px;
    border: 1px solid rgb(238, 238, 238);
    font-weight: 600;
    border-radius: 2px;
    list-style: inside;
    min-width: 360px;
    color: rgb(0, 0, 0);
    padding: 10px;
}

.login_block.right {
    background: #dbd9da;
}

.login_card {
    width: 430px;
    display: inline-block;
    background-color: rgb(255, 255, 255);
}

.login_box {
    display: none;
}

.login_card h4 {
    font-size: 22px;
    color: #002147;
    text-align: center;
    margin-bottom: 1rem;
    font-family: "TT Rounds Neue", sans-serif;
}

.login_card .otpBtn {
    margin: 20px 0 10px;
}

.login_card .input_box input {
    width: 100%;
    border: 1px solid #9d9b9b;
    outline: none;
    border-radius: 4px;
    caret-color: #2f2f2f;
    padding: 10px;
}

.login_card .input_box label {
    position: absolute;
    top: 0;
    left: 10px;
    padding: .7rem 0;
    font-size: 1rem;
    color: #ccc;
    pointer-events: none;
    transition: .3s;
}

.login_card .input_box input:focus~label,
.login_card .input_box input:not([value=""])~label {
    top: -10px;
    left: 5%;
    color: #002147;
    background: #fff;
    height: 20px;
    padding: 0 5px;
}

.input_field input,
.input_field select {
    width: 100%;
    border: 1px solid #9d9b9b;
    outline: none;
    border-radius: 4px;
    color: #2f2f2f;
    padding: 10px 10px 10px 40px;
    margin-bottom: 1rem;
}

.input_field .input_icon {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
}

.input_field label {
    position: absolute;
    top: 0;
    left: 50px;
    padding: .7rem 0;
    font-size: 1rem;
    color: #393737;
    pointer-events: none;
    transition: .3s;
}

.input_field input:focus~label,
.input_field input:not([value=""])~label {
    top: -10px;
    left: 5%;
    color: #002147;
    background: #fff;
    height: 20px;
    font-size: 14px;
    padding: 0 5px;
}

#joinUs,
#logBtn {
    color: #007bff;
    cursor: pointer;
}

.mobile_blog_wrap {
    display: none;
}

.mobile_blog_box {
    line-height: 18px;
    display: block;
    color: #2a2a2a;
    margin: 25px 0;
}

.mobile_blog_box h3 {
    font-size: 18px;
    width: 100%;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

.mobile_blog_box img {
    height: 100px;
    width: 100%;
    border-radius: 7px;
}

.mobile_blog_box p {
    font-size: 16px;
    margin-bottom: 4px;
}

.blog_timeline {
    color: #565656;
}

/* ===============sop============= */
.sop_banner {
    background: #F4F8FD;
    padding: 40px 0;
}

.sop_head h1 {
    font-size: 36px;
    margin-top: 80px;
    font-family: "TT Rounds Neue", sans-serif;
}

.sop_head p {
    margin-bottom: 40px;
}

.sop_head .contact_btn {
    padding: 15px 30px;
    color: #fff;
    border-radius: 6px;
    text-transform: uppercase;
    background: #007bff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transition: all .3s;
}

.sop_head .contact_btn:hover {
    background: #0069d9;
    box-shadow: none;
}

.sop_banner_img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sop_banner_img img {
    mix-blend-mode: darken;
    width: 400px;
}

.no1 {
    background-color: #F4F8FD;
}

.no1_img img {
    mix-blend-mode: darken;
    width: 100%;
}

.no1 .align {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.sop_detail_wrap {
    margin: 40px 110px 0;
    padding: 20px 20px 10px;
    background-color: #F5F8FE;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.sop_detail_wrap .detail_list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 75px;
    margin-bottom: 0;
}

.sop_detail_wrap li {
    display: flex;
    gap: 0 10px;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
    width: calc(100%/2 - 40px);
    background: #fff;
    border-radius: 6px;
}

.sop_detail_wrap li svg {
    color: #1061d2;
}

.sop_detail_wrap li span {
    font-size: 16px;
    font-weight: 600;
}

.professional_writer,
.near_sop,
.service_offer,
.visa_sop,
.sop_better {
    background-color: #E8F9F5;
}

.professional_writer .professional_writer_wrap {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 70px;
}

.professional_writer_wrap li {
    padding: 20px;
    text-align: center;
    width: calc(100%/2);
}

.professional_writer_wrap li:nth-child(1) {
    border-right: 1px dashed #333;
    border-bottom: 1px dashed #333;
}

.professional_writer_wrap li:nth-child(2) {
    border-bottom: 1px dashed #333;
}

.professional_writer_wrap li:nth-child(3) {
    border-right: 1px dashed #333;
}

.professional_writer_wrap li img {
    height: 64px;
}

.professional_writer_wrap li h3 {
    font-size: 20px;
    margin: 10px 0;
}

.sop_steps .steps_wrap {
    margin-top: 30px;
    padding: 0 60px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px 40px;
}

.sop_steps .steps_wrap li {
    padding: 20px;
    background: #fff;
    border-radius: 7px;
    border: 2px solid #73b2f4;
    transition: all .3s;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.sop_steps .steps_wrap li:hover {
    border-color: #ffffff;
}

.sop_steps .steps_wrap li h3 {
    font-size: 20px;
}

.sop_countries {
    background-color: #E8F9F5;
}

.sop_country_wrap {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px 40px;
}

.sop_country_wrap .sop_wrap .sop_country {
    padding: 10px 20px 10px 10px;
    display: flex;
    align-items: center;
    gap: 0 20px;
    border-radius: 6px;
    border: 2px solid #fff;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.sop_wrap .sop_country img {
    height: 40px;
    width: 60px;
}

.sop_wrap .sop_country h3 {
    font-size: 20px;
    margin: 0;
}

.sop_country_wrap .sop_wrap ul {
    margin-top: 30px;
}

.sop_country_wrap .sop_wrap ul li,
.service_offer .offer_box li {
    font-size: 16px;
    padding-left: 20px;
    color: #000;
    position: relative;
}

.sop_country_wrap .sop_wrap ul li::before,
.service_offer .offer_box li::before {
    content: "";
    background: url('../img/caret.png') no-repeat center center / cover;
    position: absolute;
    top: 1px;
    left: 0;
    height: 20px;
    width: 20px;
}

.sop_country_wrap .sop_wrap ul li a,
.service_offer .offer_box li a {
    color: #333;
    transition: all .3s;
}

.sop_country_wrap .sop_wrap ul li a:hover,
.service_offer .offer_box li a:hover {
    text-decoration: underline;
}

.location .location_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin-top: 40px;
}

.location_wrap .location_box {
    text-align: center;
}

.location_box a,
.location_box h3 {
    color: #333;
    font-size: 20px;
    margin-top: 12px;
    transition: all .3s;
}

.location_box h3:hover {
    color: #0069d9;
}

.location_wrap .location_box img {
    height: 64px;
}

.near_sop .city_list {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.city_list li a {
    display: block;
    text-align: center;
    background: #fff;
    color: #333;
    font-size: 18px;
    border: 2px solid #bcbcbc;
    border-radius: 25px;
    padding: 5px 0;
    transition: all .3s;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.city_list li a:hover {
    border-color: #fff;
}

.sop_service .sop_service_block,
.visa_sop .visa_box {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.sop_service_block li,
.visa_sop .visa_box li {
    text-align: center;
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    transition: all .3s;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.sop_service_block li {
    border-left: 8px solid #73b2f4;
}

.sop_service_block li h3,
.visa_sop .visa_box li h3 {
    color: #333;
    font-size: 20px;
    margin: 0;
}

.visa_sop .visa_box li {
    border-bottom: 5px solid #73b2f4;
}

.visa_sop .visa_box li:hover,
.sop_service_block li:hover {
    border-color: #fff;
}

.sop_reviews .review_wrap {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.review_wrap li {
    padding: 20px;
    border: 1px solid #73b2f4;
    border-radius: 10px;
}

.review_wrap li img {
    height: 50px;
    width: 50px;
}

.review_wrap li h3 {
    font-size: 18px;
    margin: 0;
    margin-top: 10px;
}

.review_wrap li span {
    line-height: 18px;
}

.sop_better .better_sop_wrap {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.better_sop_wrap li {
    display: flex;
    align-items: center;
    gap: 0 20px;
    border-radius: 10px;
    padding: 40px 20px;
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.better_sop_wrap li img {
    height: 70px;
}

.better_sop_wrap li h3 {
    font-size: 20px;
}

.better_sop_wrap li p {
    color: #565656;
}

.benefit_box {
    margin-top: 40px;
    padding: 20px;
    padding-left: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.service_offer .offer_box {
    margin-top: 40px;
    margin-inline: 80px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px 20px;
}

.align {
    display: flex;
    justify-content: flex-column;
    justify-content: center;
}

.customer_support_list {
    margin-top: 30px;
    margin-inline: 80px;
    padding: 30px;
    border-radius: 7px;
    background: #E8F9F5;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.customer_support_list li {
    position: relative;
    padding: 10px 0;
    padding-left: 20px;
}

.customer_support_list li::before {
    content: '';
    font-family: 'Font Awesome 5 Free';
    color: lightgreen;
    font-size: 18px;
    position: absolute;
    left: -9px;
}





.erro_block {
    padding: 100px 0;
}

.erro_block img {
    width: 450px;
}

.erro_block .thank {
    width: 400px;
}

.error_btn_group .home_btn,
.error_btn_group .connect_btn {
    background-color: #0069d9;
    padding: 15px 30px;
    border: none;
    color: #fff;
    font-size: 18px;
    border-radius: 4px;
    transition: all .3s;
}

.error_btn_group .connect_btn {
    background-color: #095D81;
}

.error_btn_group .home_btn:hover {
    background-color: #095D81;
}

.error_btn_group .connect_btn:hover {
    background-color: #0069d9;
}



.darkBg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    transition: all .3s ease;
}

.cooking_popup {
    display: none;
    position: fixed;
    bottom: 0;
    padding: 1rem 15rem 0px 15rem;
    background: #000000c2;
    z-index: 5;
    color: white !important;
}

.cooking_popup .cookie_para {
    font-size: 12px !important;
    margin-bottom: 10px;
}

.cooking_popup .accordion-item {
    border-bottom: none;
}

.cooking_popup .accordion .accordion-button {
    padding: 4px 0;
    padding-left: 1rem;
    font-size: 14px;
    background: transparent;
    box-shadow: unset;
}

.cooking_popup .accordion .accordion-collapse {
    font-size: 12px;
}

.cooking_popup .accordion .accordion-button:after {
    background-size: 1rem;
}

.cookies_btns button{
    padding: 5px 20px;
    background-color: #0069d9;
    border: 2px solid #0000;
    color: #fff;
    border-radius: 42px;
    transition: all .3s;
}
.cooking_popup .popClose {
    position: absolute;
    top: 5%;
    right: 10%;
    height: 40px;
    width: 40px;
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    .cookies_btns {
        flex-direction: row;
        margin-top: 10px;
        gap: 20px;
    }

    .cookies_btns .accept_btn, .cookies_btns .decline_btn {
        padding: 0px 50px;
    }
    li[isopen="0"] .dropdown-menu{
        display: none !important;
    }
    .service_wrap {
        gap: 30px !important;
    }
}
.sticy_nav li a{
    margin-bottom: 0 !important;
}
.social_icons svg {
    width: 20px;
    height: 20px;
    padding: 1px;
    background: none;
    margin: 6px;
}

.message {
    color: red;
    margin-top: 10px;
    text-align: center;
}

.message.success {
    color: green;
    text-align: center;
}
.reviews{
    margin: 40px 0px;
}
p{
    text-align: justify;
}
@media screen and (max-width: 991px) {
    h1, .h1{ 
        font-size:18px !important;
        margin-bottom:6px !important;
    }
    h2, .h2{
        font-size:16px !important;
        margin-bottom:6px !important;
    }
    h3, h3{
        font-size:15px !important;
        margin-bottom:6px !important;
    }
    h4, .h4{
        font-size:15px !important;
        margin-bottom:6px !important;
    }
    h5, .h5{
        font-size:15px !important;
        margin-bottom:6px !important;
    }
    h6, .h6{
        font-size:15px !important;
        margin-bottom:6px !important;
    }
    p, a, span{
        font-size: 10px !important;
    }
    .my-custom-style table *{
        font-size: 12px !important;
    }
    table {
        margin: 2% 0;
        vertical-align: middle !important;
        text-align: center !important;
        color: #000;
    }
    table tr {
        font-size:14px !important;
    }
    table tr:first-child, table tr:first-child p {
        font-size:16px;
    }
    table tr:nth-child(even) {
        background-color: #f2f2f2;
    }
    table, th, td {
        border-collapse: collapse;
        padding: 6px;
    }
    table p{
        margin: 5px 0px !important;
    }
    ul li, ol li {
        font-size: 12px !important;
        padding: 5px 0px;
    }
    nav{
        height: 30px !important;
    }
    nav a{
        font-size: 20px !important;
    }
    .cursor-pointer *{
        color:white;   
    }
}


/* This is for custome purposes elips */
.my-cust-elips-container{
    display: flex !important; 
    flex-direction: row !important;
}
.my-cust-elips-container > .my-cust-elips-section-three-lines{
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.overflow-elips{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}