html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: #010447;
    background-color: #ffffff;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1260px;
    }
}

.wow {
    visibility: hidden;
}
a,
button,
.btn {
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.btn:focus,
button:focus {
    box-shadow: none;
}
a {
    text-decoration: none;
}
p:last-child {
    margin-bottom: 0 !important;
}
.owl-carousel .owl-item img {
    width: auto;
}


/* COMMON STYLE :START */
.color-1 {
    color: #010447 !important;
}
.color-2 {
    color: #00b6cc !important;
}
.section-padding {
    padding: 90px 0px;
}
.section-margin {
    margin: 90px 0px;
}
.section-padding2 {
    padding: 60px 0px;
}
.section-margin2 {
    margin: 60px 0px;
}
.innerpage {
    padding: 60px 0px 120px;
}

.scroll-margin {
    scroll-margin-top: 120px;
}

/* ---- hd-type :start ---- */
.hd-type-1 {
    /* font-size: 72px; */
    font-size: 58px;
    font-weight: 700;
    line-height: 1;
    color: #010447;
    margin-bottom: 15px;
}
.hd-type-2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    color: #010447;
    margin-bottom: 15px;
}
.hd-type-3 {
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
    color: #00b6cc;
    margin-bottom: 15px;
}
/* ---- hd-type :end ---- */

/* ---- subhd-type :start ---- */
.subhd-type-1 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #010447;
    margin-bottom: 15px;
}
.subhd-type-2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    color: #010447;
    margin-bottom: 15px;
}
/* ---- subhd-type :end ---- */

/* ---- btn-style-1 :start ---- */
.btn-style-1 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    color: #ffffff;
    background-color: #010447;
    border: 3px solid #010447;
    border-radius: 15px;
    padding: 15px 25px;
    margin: 0px 0px 0px 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    transition: 0.5s;
}
.btn-style-1 img {
    transition: 0.5s;
}
.btn-style-1:hover {
    color: #ffffff;
    background-color: #00b6cc;
    border-color: #00b6cc;
}
.btn-style-1:hover img {
    filter: brightness(0) invert(1);
}

.btn-style-1.c2 {
    color: #ffffff;
    background-color: #00b6cc;
    border: 3px solid #00b6cc;
}
.btn-style-1.c2:hover {
    color: #ffffff;
    background-color: #010447;
    border-color: #010447;
}
/* ---- btn-style-1 :end ---- */

/* ---- btn-style-2 :start ---- */
.btn-style-2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    color: #010447;
    background-color: transparent;
    border: 3px solid #00b6cc;
    border-radius: 100px;
    padding: 15px 25px;
    margin: 0px 0px 0px 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    transition: 0.5s;
}
.btn-style-2 img {
    transition: 0.5s;
}
.btn-style-2:hover {
    color: #ffffff;
    background-color: #00b6cc;
    border-color: #00b6cc;
}
.btn-style-2:hover img {
    filter: brightness(0) invert(1);
}
/* ---- btn-style-2 :end ---- */

/* ---- link-style-1 :start ---- */
.link-style-1 {
    font-size: inherit;
    font-weight: 500;
    line-height: 1;
    color: #ffffff;
    background-color: #00b6cc;
    border-radius: 100px;
    padding: 5px 15px 5px 5px;
    margin: 7px 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
.link-style-1 sup {
    position: initial;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    color: #010447;
    background-color: #ffffff;
    padding: 4px 10px;
    margin: 0px 8px 0px 0px;
    border-radius: 100px;
}
.link-style-1:hover {
    color: #ffffff;
    background-color: #010447;
}
.link-style-1:hover sup {
    color: #010447;
    background-color: #ffffff;
}
/* ---- link-style-1 :end ---- */

/* ---- block-style-1 :start ---- */
.block-style-1 {
    width: 100%;
    height: 100%;
    border: 2px solid #00b6cc;
    border-radius: 20px;
    padding: 25px 25px;
    transition: 0.5s;
}
.block-style-1 .bs1image {
    width: 100%;
    /* height: 64px; */
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block-style-1 .bs1image img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    transition: 0.5s;
}
.block-style-1 .bs1text {
    text-align: center;
    margin-top: 10px;
}
.block-style-1 .bs1text h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #010447;
    transition: 0.5s;
}
.block-style-1:hover {
    background-color: #00b6cc;
}
.block-style-1:hover h3 {
    color: #ffffff;
}
.block-style-1:hover .bs1image img {
    filter: brightness(0) invert(1);
}
/* ---- block-style-1 :end ---- */

/* ---- block-style-2 :start ---- */
.block-style-2 {
    width: 100%;
    height: 100%;
    border: 2px solid #bcbcbc;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    transition: 0.5s;
    overflow: hidden;
}
.block-style-2 .bs2image {
    width: 100%;
    height: auto;
    min-height: 200px;
    aspect-ratio: 3/2;
    overflow: hidden;
    position: relative;
}
.block-style-2 .bs2image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.5s;
}
.block-style-2 .bs2image time {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    font-weight: 600;
    color: #010447;
    background-color: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(32, 33, 36, 0.3);
    padding: 5px 15px;
    border-radius: 100px;
    transition: 0.5s;
}
.block-style-2 .bs2text {
    width: 100%;
    height: auto;
    padding: 20px 20px;
}
.block-style-2 .bs2text h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    color: #010447;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.5s;
}
.block-style-2 .bs2text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #010447;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.block-style-2 .bs2buttons {
    padding: 0px 20px 20px 20px;
    margin-top: auto;
}
.block-style-2 .bs2buttons .readmoreBtn {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #010447;
    transition: 0.5s;
}


.block-style-2:hover {
    border-color: #00b6cc;
}
.block-style-2:hover .bs2image time {
    color: #ffffff;
    background-color: #010447;
}
.block-style-2:hover .bs2text h3 {
    color: #00b6cc;
}
.block-style-2:hover .bs2image img {
    transform: scale(1.2);
}
.block-style-2:hover .bs2buttons .readmoreBtn {
    color: #00b6cc;
}
/* ---- block-style-2 :end ---- */

/* ---- box-outer-1 :start ---- */
.box-outer-1 {
    background: rgb(1,4,71);
    background: -moz-linear-gradient(0deg, rgba(1,4,71,0) 50%, rgba(1,4,71,1) 50%);
    background: -webkit-linear-gradient(0deg, rgba(1,4,71,0) 50%, rgba(1,4,71,1) 50%);
    background: linear-gradient(0deg, rgba(1,4,71,0) 50%, rgba(1,4,71,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#010447",endColorstr="#010447",GradientType=1);
}
/* ---- box-outer-1 :end ---- */

/* ---- box-style-1 :start ---- */
.box-style-1 {
    width: 100%;
    height: auto;
    background-color: #eef5ff;
    border-radius: 25px;
    padding: 40px 50px;
    text-align: center;
    overflow: hidden;
}
.box-style-1 h4 {
    font-size: 22px;
    font-weight: 700;
    color: #010447;
    margin-bottom: 10px;
}
.box-style-1 :last-child {
    margin-bottom: 0;
}
/* ---- box-style-1 :end ---- */

/* ---- box-style-2 :start ---- */
.box-style-2 {
    width: 100%;
    height: auto;
    border: 1px solid #00b6cc;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.box-style-2 .bxs2-col {
    width: 50%;
    border-right: 1px solid #00b6cc;
}
.box-style-2 .bxs2-col:nth-child(even) {
    border-right: 0;
}
.box-style-2 .bxs2-block {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 70px 50px;
    transition: 0.5s;
}
.box-style-2 .bxs2-block .bs2image {
    width: 100%;
    height: 130px;
    margin-bottom: 20px;
}
.box-style-2 .bxs2-block .bs2image img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.box-style-2 .bxs2-block .bs2text h3 {
    font-size: 38px;
    font-weight: 700;
    color: #00b6cc;
    margin-bottom: 10px;
}
.box-style-2 .bxs2-block .bs2text p {
    font-size: 22px;
    font-weight: 600;
    color: #010447;
    margin-bottom: 10px;
}
.box-style-2 .bxs2-block:hover {
    background-color: #00b6cc;
}
.box-style-2 .bxs2-block:hover .bs2image img {
    filter: brightness(0) invert(1);
}
.box-style-2 .bxs2-block:hover .bs2text h3 {
    color: #ffffff;
}
.box-style-2 .bxs2-block:hover .bs2text p {
    color: #ffffff;
}
/* ---- box-style-2 :end ---- */

/* ---- box-style-3 :start ---- */
.box-style-3 {
    width: 100%;
    height: auto;
    background-color: #eef5ff;
    border-radius: 25px;
    padding: 40px 50px;
    overflow: hidden;
}
.box-style-3 .bxs3-left {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: right;
}
.box-style-3 .bxs3-left h3 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    color: #010447;
    margin-bottom: 15px;
}
.box-style-3 .bxs3-right {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.box-style-3 .bxs3-right p {
    font-size: 22px;
    font-weight: 400;
    color: #010447;
    margin-bottom: 15px;
}
/* ---- box-style-3 :end ---- */

/* ---- box-style-4 :start ---- */
.box-style-4 {
    width: 100%;
    height: auto;
}
.box-style-4 .b4col {
    border-right: 1px solid #00b6cc;
}
.box-style-4 .b4col:last-child {
    border: 0;
}
.box-style-4 .bxs4-block {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 40px 50px;
}
/* ---- box-style-4 :end ---- */

/* ---- items-style-1 :start ---- */
.items-style-1 {
    width: 100%;
    height: auto;
}
.items-style-1 > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
.items-style-1 > ul > li {
    width: calc(20% - 10px);
}
/* ---- items-style-1 :start ---- */

/* ---- items-style-2 :start ---- */
.items-style-2 {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 15px;
}
.items-style-2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 51%;
    width: 2px;
    height: 17px;
    background-color: #00b6cc;
}
.items-style-2 > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.items-style-2 > ul > li {
    width: 100%;
    height: auto;
    min-height: 68px;
    text-align: center;
    /* border: 2px solid transparent; */
    /* background-repeat: no-repeat; */
    border-radius: 100px;
    padding: 15px 50px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.items-style-2 > ul > li::before {
    content: '';
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: #ffffff;
    border-radius: 100px;
}
.items-style-2 > ul > li:not(:first-child) {
    margin-top: -2px;
}
.items-style-2 > ul > li:nth-child(odd) {
    background: rgb(62,185,201);
    background: linear-gradient(90deg, rgba(62,185,201,1) 51%, rgba(1,4,71,0) 51%);
}
.items-style-2 > ul > li:nth-child(even) {
    background: rgb(62,185,201);
    background: linear-gradient(-90deg, rgba(62,185,201,1) 51%, rgba(1,4,71,0) 51%);
}

.items-style-2 > ul > li > div {
    position: relative;
}
.items-style-2 > ul > li > div p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: #010447;
    margin-bottom: 15px;
}
/* ---- items-style-2 :end ---- */

/* ---- owlsameheight :start ---- */
.owlsameheight .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.owlsameheight .owl-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
}
.owlsameheight .owl-item .item {
    width: 100% !important;
    height: 100% !important;
}
/* ---- owlsameheight :end ---- */

/* ----- owlnav-1 :start ----- */
.owlnav-1 {
    padding: 0px 50px;
}
.owlnav-1 .owl-nav button.owl-prev, 
.owlnav-1 .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    font-size: 10px;
    color: #ffffff;
    background-color: #010447;
    border-radius: 100%;
    overflow: hidden;
    transition: 0.5s;
}
.owlnav-1 .owl-nav button.owl-next {
    left: auto;
    right: 0px;
}
.owlnav-1 .owl-nav button.owl-prev:hover, 
.owlnav-1 .owl-nav button.owl-next:hover  {
    color: #ffffff;
    background-color: #00b6cc;
}
.owlnav-1 .owl-nav button.owl-prev.disabled, 
.owlnav-1 .owl-nav button.owl-next.disabled {
    opacity: 0 !important;
    pointer-events: none;
}

.owlnav-1:has(.owl-dots:not(.disabled)) .owl-nav button.owl-prev, 
.owlnav-1:has(.owl-dots:not(.disabled)) .owl-nav button.owl-next {
    transform: translateY(calc(-50% - 10px));
}

/* ----- owlnav-1 :end ----- */

/* ---- .owldots-1 :start ---- */
.owldots-1 .owl-dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 7px;
    margin-top: 25px;
}
.owldots-1 .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    display: flex;
    background-color: #b9b9b9;
    border: 2px solid #b9b9b9;
    border-radius: 100%;
    transition: 0.5s;
}
.owldots-1 .owl-dots .owl-dot:hover {
    background-color: #000000;
    border-color: #000000;
}
.owldots-1 .owl-dots .owl-dot.active {
    background-color: #00b6cc;
    border-color: #00b6cc;
}
/* ---- owldots-1 :end ---- */

/* ---- form-style-1 :start ---- */
.form-style-1 {
    width: 100%;
    height: auto;
}
.form-style-1 .form-label {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #010447;
    margin-bottom: 10px;
}
.form-style-1 .form-control {
    font-size: 16px;
    font-weight: 400;
    color: #010447;
    background-color: #ffffff;
    border: 2px solid #dfdfdf;
    border-radius: 15px;
    overflow: hidden;
    padding: 11px 20px;
    transition: 0.5s;
}
.form-style-1 .form-control:focus {
    border-color: #010447;
    box-shadow: none;
}
.form-style-1 .form-control:disabled {
    background-color: #dfdfdf;
}
.form-style-1 .form-control::placeholder {
    color: #a3a3a3;
}
.form-style-1 .nice-select {
    width: 100%;
    height: 47px;
    line-height: 1;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
.form-style-1 .nice-select::after {
    top: 0;
    right: 15px;
    background-image: url('../images/select-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 100%;
    border: 0;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
            transform-origin: 0;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.form-style-1 .nice-select.open::after {
    -webkit-transform: scaleY(-1) rotate(0deg);
        -ms-transform: scaleY(-1) rotate(0deg);
            transform: scaleY(-1) rotate(0deg);
}
.form-style-1 .form-group{
    margin-bottom: 20px;
}
/* ---- form-style-1 :end ---- */

/* ---- checkbox-style-1 :start ---- */
.checkbox-style-1 {
    display: flex;
    align-items: center;
}
.checkbox-style-1.form-check-inline {
    display: inline-flex;
}
.checkbox-style-1 .form-check-input {
    width: 25px;
    height: 25px;
    border: 2px solid #dfdfdf;
    border-radius: 8px;
    flex-shrink: 0;
    flex-grow: 0;
    cursor: pointer;
    transition: 0.5s;
}
.checkbox-style-1 .form-check-input:checked {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12" stroke="%23010447" stroke-width="1" fill="%23010447" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"%3E%3Crect x="6" y="6" width="12" height="12" rx="3" ry="3"%3E%3C/rect%3E%3C/svg%3E');
    background-position: center;
    background-color: transparent;
    border-color: #dfdfdf;
}
.checkbox-style-1 .form-check-input:focus {
    box-shadow: none;
}
.checkbox-style-1 .form-check-input:hover {
    background-color: transparent;
    border-color: #010447;
}
.checkbox-style-1 .form-check-label {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    color: #010447;
    margin-top: 3px;
    margin-left: 10px;
    height: 100%;
}
.checkbox-style-1 .form-check-label a {
    color: #00b6cc;
    text-decoration: underline;
}
.checkbox-style-1 .form-check-label a:hover {
    color: #00b6cc;
    text-decoration: none;
}

.checkbox-style-1.c2 .form-check-input:checked {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12" stroke="%2300b6cc" stroke-width="1" fill="%2300b6cc" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"%3E%3Crect x="6" y="6" width="12" height="12" rx="3" ry="3"%3E%3C/rect%3E%3C/svg%3E');
}
.checkbox-style-1.c2 .form-check-input:hover {
    background-color: transparent;
    border-color: #00b6cc;
}
/* ---- checkbox-style-1 :end ---- */

/* ---- Custom file upload :start ---- */
.custom-fileupload {
    width: 100%;
    height: auto;
    color: #010447;
    background-color: #ffffff;
    border: 2px solid #dfdfdf;
    outline: 2px dashed #e9e9e9;
    outline-offset:-10px;
    border-radius: 15px;
    overflow: hidden;
    padding: 20px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: 0.5s;
}
.custom-fileupload input[type="file"] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    font-size: 0px;
    opacity: 0 !important;
    cursor: pointer !important;
}
.custom-fileupload span {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
}

.custom-fileupload:hover {
    color: #010447;
    background-color: #e9e9e9;
    border-color: #e9e9e9;
}
/* ---- Custom file upload :end ---- */

/* ---- List Style 1 :start ---- */
.list-style-1 {
    margin: 15px 0px;
}
.list-style-1 ul {
    list-style: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: #010447;
    margin: 0px;
    padding: 0;
}
.list-style-1 ul li {
    position: relative;
    padding: 2px 0 2px 17px;
    margin: 0px 0px 15px 0px;
}
.list-style-1 ul li::before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    color: #00b6cc;
    position: absolute;
    top: 2px;
    left: 0;
}
.list-style-1 > ul > li > a {
    color: #00b6cc;
    text-decoration: underline;
}
.list-style-1 > ul > li > a:hover {
    color: #00b6cc;
    text-decoration: none;
}
/* ---- List Style 1 :end ---- */

/* ---- .text-wrap-1 :start ---- */
.text-wrap-1 {
    width: 100%;
    height: auto;
}
.text-wrap-1 p {
    font-size: 22px;
    font-weight: 400;
    color: #010447;
    margin-bottom: 15px;
}
/* ---- .text-wrap-1 :end ---- */

/* ---- .text-wrap-2 :start ---- */
.text-wrap-2 {
    width: 100%;
    height: auto;
}
.text-wrap-2 h3 {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    color: #010447;
    margin-bottom: 10px;
}
.text-wrap-2 h4 {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: #010447;
    margin-bottom: 10px;
}
.text-wrap-2 p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #010447;
    margin-bottom: 15px;
}
/* ---- .text-wrap-1 :end ---- */

/* COMMON STYLE :END */



/* Header :start */
header {
    position: sticky;
    top: 0;
    background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.1);
    z-index: 9;
}
header .extranav .contactusBtn a, 
header .classynav .contactusBtn a {
    text-decoration: none;
    outline: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    font-size: 17px;
    font-weight: 700;
    color: #010447;
    border: 1px solid #010447;
    border-radius: 100px;
    padding: 3px 3px 3px 15px;
    position: relative;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}
header .extranav .contactusBtn a span,
header .classynav .contactusBtn a span {
    width: 40px;
    height: 40px;
    background-color: #010447;
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}
header .extranav .contactusBtn a span img, 
header .classynav .contactusBtn a span img {
    max-width: 100%;
    height: auto;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}
header .extranav .contactusBtn:hover a,
header .classynav .contactusBtn:hover a {
    color: #ffffff;
    background-color: #010447;
}
header .extranav .contactusBtn:hover a span,
header .classynav .contactusBtn:hover a span {
    background-color: #ffffff;
    rotate: 45deg;
}
header .extranav .contactusBtn:hover a span img, 
header .classynav .contactusBtn:hover a span img {
    filter: brightness(0) invert(0);
}


header .classynav .contactusBtn-mob {
    display: none;
}
header .breakpoint-on .classynav .contactusBtn-mob {
    display: block;
}
header .breakpoint-on .classynav .contactusBtn {
    display: none;
}
/* Header :end */

/* Footer :start */
footer .ftop {
    color: #ffffff;
    background-color: #00b6cc;
    padding: 50px 0px;
}
footer .ftop .ftopinner {
    display: flex;
    justify-content: space-between;
    gap: 48px 24px;
}
footer .ftop .ftopinner .ftin-block {
    flex-shrink: 0;
}


footer .ftop h3 {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 10px;
}
footer .ftop h3:first-child {
    margin-top: 0;
}
footer .ftop .ftlinks-1 {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
footer .ftop .ftlinks-1 li {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}
footer .ftop .ftlinks-1 li a {
    color: inherit;
}
footer .ftop .ftlinks-1 li a:hover {
    color: #010447;
}

footer .ftop .ftlinks-2 {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 10px;
}
footer .ftop .ftlinks-2 span {
    display: block;
}
footer .ftop .ftlinks-2 a {
    font-size: 19px;
    font-weight: 700;
    color: #ffffff;
    display: inline-block;
    margin-top: 5px;
}
footer .ftop .ftlinks-2 a::before {
    content: '';
    width: 15px;
    height: 15px;
    background-image: url('../images/arrow-2.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    margin-right: 5px;
    transition: 0.5s;
}
footer .ftop .ftlinks-2 a:hover {
    color: #010447;
}
footer .ftop .ftlinks-2 a:hover::before {
    rotate: 45deg;
    filter: brightness(0);
}

footer .ftop .ftlink-sm {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
footer .ftop .ftlink-sm a {
    font-size: 14px;
    color: #00b6cc;
    background-color: #ffffff;
    /* border: 2px solid #ffffff; */
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer .ftop .ftlink-sm a:hover {
    color: #ffffff;
    background-color: #010447;
}

footer .ftlogos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}




footer .fbottom {
    background-color: #00a4b8;
    padding: 9px 0px;
}
footer .fbottom .fbtminner ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px 20px;
}
footer .fbottom .fbtminner ul li:not(:last-child)::after {
    content: '|';
    padding-left: 20px;
}
/* Footer :end */


/* Our ethos section :start */
.oesec-block {
    width: 100%;
    height: auto;
    background-color: #eef5ff;
    border-radius: 25px;
    padding: 40px 50px;
    overflow: hidden;
}
.oesec-block .oes-left {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.oesec-block .oes-right {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.oesec-block .oes-right p {
    font-size: 22px;
    font-weight: 400;
    color: #010447;
    margin-bottom: 15px;
}
/* Our ethos section :end */


/* Our market sector section :start */
.ourmarketsector-section {
    width: 100%;
    height: auto;
}
/* Our market sector section :end */

/* Home banner section :start */
.homebanner-section {
    padding: 70px 0px;
}
.homebanner-section .hbanner-block {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    gap: 15px;
}
.hbanner-block .hbin-left {
    width: 100%;
    max-width: 550px;
    height: auto;
}
.hbanner-block .hbin-left .hbllogo {
    max-width: 100%;
    height: auto;
    margin-bottom: 25px;
}
.hbanner-block .hbin-left h1 {
    /* font-size: 62px; */
    font-size: 50px;
    font-weight: 700;
    line-height: 0.9;
    color: #010447;
    margin-bottom: 30px;
}
.hbanner-block .hbin-left h6 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    color: #010447;
    margin-bottom: 10px;
}
.hbanner-block .hbin-left h6 img {
    max-width: 100%;
    height: auto;
    margin-right: 5px;
}
.hbanner-block .hbin-left h6 a {
    color: inherit;
}
.hbanner-block .hbin-left h6 a:hover {
    color: #00b6cc;
}

.hbanner-block .hbin-right {
    flex-shrink: 0;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
}
.hbanner-block .hbin-right img {
    max-width: 75px;
    height: auto;
    max-height: 235px;
}
/* Home banner section :end */

/* Services section :start */
.services-row {
    display: flex;
}
.services-row .sercol {
    flex: 1;
}
.services-row .sercol:first-child {
    flex: 1.2;
}
.services-row .sercol {
    border-right: 1px solid #00b6cc;
}
.services-row .sercol:last-child {
    border-right: 0;
}


.serblock {
    width: 100%;
    padding: 50px 30px 50px 30px;
    border-bottom: 1px solid #00b6cc;
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
}
.serblock:last-child {
    border-bottom: 0px;
}
.serblock::before {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    background-image: url('../images/arrow-3.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
}
.serblock .sbimage {
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.serblock .sbimage img {
    max-width: 100%;
    height: auto;
}
.serblock .sbtext {
    width: 100%;
    height: auto;
}
.serblock .sbtext :last-child {
    margin-bottom: 0;
}
.serblock .sbtext h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    color: #00b6cc;
    margin-bottom: 10px;
}
.serblock .sbtext p {
    font-size: 18px;
    font-weight: 400;
    color: #010447;
}


.serblock.sb2 {
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
}
.serblock.sb2 .sbtext {
    text-align: center;
}


.serblock:hover {
    background-color: #00b6cc;
}
.serblock:hover::before {
    filter: brightness(0) invert(1);
}
.serblock:hover .sbtext h3 {
    color: #ffffff;
}
.serblock:hover .sbtext p {
    color: #ffffff;
}
.serblock:hover .sbimage img {
    filter: brightness(0) invert(1);
}
/* Services section :end */

/* Inner banner section :start */
.innerbanner-section {
    width: 100%;
    height: auto;
    min-height: 200px;
    color: #ffffff;
    background-color: #010447;
    padding: 24px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.innerbanner-section .inbanner-block {
    text-align: center;
}
.innerbanner-section .inbanner-block h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 0px;
}
/* Inner banner section :end */


/* About Page :start */
.membermsg-block {
    display: flex;
    align-items: center;
    gap: 20px 40px;
}
.membermsg-block .mmleft {
    flex-grow: 0;
    flex-shrink: 0;
}
.membermsg-block .mmleft .mml-image {
    width: 250px;
    height: 250px;
    border: 5px solid #00b6cc;
    border-radius: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}
.membermsg-block .mmleft .mml-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.membermsg-block .mmleft .mml-name {
    text-align: center;
}
.membermsg-block .mmleft .mml-name h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: #010447;
    margin-bottom: 0px;
}
.membermsg-block .mmleft .mml-name p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #010447;
    margin-bottom: 0px;
}
.membermsg-block .mmright {
    width: 100%;
    height: auto;
}
.membermsg-block .mmright p {
    font-size: 22px;
    font-weight: 400;
    color: #010447;
    margin-bottom: 10px;
}



.team-member {
    width: 100%;
    height: 100%;
}
.team-member .tmember-image {
    width: 100%;
    height: auto;
    min-height: 300px;
    aspect-ratio: 4/3;
}
.team-member .tmember-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.team-member .tmember-name {
    text-align: center;
}
.team-member .tmember-name h3 {
    display: inline-block;
    max-width: 90%;
    font-size: 22px;
    font-weight: 700;
    color: #00b6cc;
    background-color: #ffffff;
    border-radius: 32px;
    padding: 20px 40px;
    margin: -50% 0px 0px 0px;
}
.team-member .tmember-name span {
    display: block;
    font-size: 16px;
    font-weight: 400;
}
.team-member .tmember-text {
    width: 100%;
    height: auto;
}
.team-member .tmember-text p {
    font-size: 18px;
    font-weight: 400;
    color: #010447;
    margin-bottom: 10px;
}
/* About Page :end */


/* Submit your cv page :start */
.career-form .custom-fileupload span {
    font-size: 18px;
}
.career-form .submitBtn {
    font-size: 18px;
}
/* Submit your cv page :end */


/* clientssay-slider :start */
.clientssay-slider {
    width: 100%;
    height: auto;
    border: 1px solid #d1d8e2;
    border-radius: 30px;
    padding: 50px 70px;
    margin-top: 40px;
    position: relative;
}
.clientssay-slider .cswrap-block {
    width: 100%;
    height: 100%;
    text-align: center;
}
.clientssay-slider .cswrap-block .csblkhead {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.clientssay-slider .cswrap-block .csblkhead h3 {
    font-size: 24px;
    font-weight: 700;
    color: #010447;
    margin-bottom: 0;
}
.clientssay-slider .cswrap-block .csblkhead h4 {
    font-size: 18px;
    font-weight: 400;
    color: #010447;
    margin-bottom: 0;
}
.clientssay-slider .cswrap-block .csblkbody {
    width: 100%;
    height: auto;
}
.clientssay-slider .cswrap-block .csblkbody p {
    font-size: 18px;
    font-weight: 400;
    color: #010447;
    margin-bottom: 15px;
}


.clientssay-slider .owl-nav {
    position: absolute;
    top: -38px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
}
.clientssay-slider .owl-nav::before {
    content: '';
    width: 76px;
    height: 76px;
    background-color: #010447;
    background-image: url('../images/quote-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
    border: 10px solid #ffffff;
    flex-grow: 0;
    flex-shrink: 0;
    order: 2;
}
.clientssay-slider .owl-nav button.owl-prev, 
.clientssay-slider .owl-nav button.owl-next {
    width: 30px;
    height: 30px;
    font-size: 10px;
    color: #010447;
    background-color: #ffffff;
    border: 2px solid #d1d8e2;
    border-radius: 100%;
    overflow: hidden;
    transition: 0.5s;
}
.clientssay-slider .owl-nav button.owl-prev {
    order: 1;
}
.clientssay-slider .owl-nav button.owl-next {
    left: auto;
    right: 0px;
    order: 3;
}
.clientssay-slider .owl-nav button.owl-prev:hover, 
.clientssay-slider .owl-nav button.owl-next:hover  {
    color: #ffffff;
    background-color: #010447;
    border-color: #010447;
}
.clientssay-slider .owl-nav button.owl-prev.disabled, 
.clientssay-slider .owl-nav button.owl-next.disabled {
    opacity: 0 !important;
    pointer-events: none;
}
/* clientssay-slider :end */


/* Vacancies page :start */
.vacancysearch-form {
    display: flex;
    border: 2px solid #d5d5d5;
    border-radius: 30px;
    overflow: hidden;
}
.vacancysearch-form .vsf-block {
    flex: 1;
    position: relative;
}
.vacancysearch-form .vsf-block::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.vacancysearch-form .vsf-block .form-control {
    font-size: 16px;
    font-weight: 400;
    color: #010447;
    background-color: #ffffff;
    border: 0px;
    border-radius: 0px;
    overflow: hidden;
    padding: 15px 15px 15px 45px;
    transition: 0.5s;
    box-shadow: none;
    width: 100%;
    height: 100%;
}
.vacancysearch-form .vsf-block.txt {
    border-right: 2px solid #d5d5d5;
}
.vacancysearch-form .vsf-block.txt::before {
    background-image: url('../images/search-icon.png');
}
.vacancysearch-form .vsf-block.loc::before {
    background-image: url('../images/location-icon.png');
}
.vacancysearch-form .vsf-block.btns {
    flex: none;
}
.vacancysearch-form .vsf-block.btns .findBtn {
    line-height: 1;
    width: 100%;
    border-radius: 100px;
}


.vacancies-wrap {
    width: 100%;
    height: auto;
}
.vacancies-wrap .vacleft {
    width: 100%;
    height: 100%;
}
.vacancies-wrap .vacright {
    width: 100%;
    height: 100%;
}
.vacancies-wrap .vacancy-filter {
    width: 100%;
    height: auto;
    border: 2px solid #bcbcbc;
    border-radius: 20px;
    padding: 25px 25px;
    overflow: hidden;
    position: sticky;
    top: 120px;
}
.vacancies-wrap .vacancy-filter .vftitle {
    margin-bottom: 15px;
    border-bottom: 2px solid #bcbcbc;
}
.vacancies-wrap .vacancy-filter .vftitle h3 {
    font-size: 18px;
    font-weight: 700;
    color: #010447;
    margin-bottom: 10px;
}

.vacancies-wrap .vacancy-block {
    width: 100%;
    height: auto;
    border: 2px solid #bcbcbc;
    border-radius: 20px;
    padding: 30px 30px;
    margin-bottom: 14px;
    overflow: hidden;
}
.vacancies-wrap .vacancy-block:last-child {
    margin-bottom: 0px;
}
.vacancies-wrap .vacancy-block .vacancy-title {
    display: flex;
    justify-content: space-between;
    gap: 3px 20px;
    margin-bottom: 20px;
}
.vacancies-wrap .vacancy-block .vacancy-title h3 {
    font-size: 22px;
    font-weight: 700;
    color: #010447;
    margin-bottom: 0px;
}
.vacancies-wrap .vacancy-block .vacancy-title time {
    font-size: 12px;
    font-weight: 400;
    color: #8c8c8c;
    margin-bottom: 0px;
}
.vacancies-wrap .vacancy-block .vacancy-title .vtitle-logo {
    width: auto;
    height: 32px;
}
.vacancies-wrap .vacancy-block .vacancy-features {
    list-style: none;
    padding: 0px 0px 0px 30px;
    margin: 0px 0px 0px 0px;
    font-size: 16px;
    font-weight: 600;
    color: #010447;
    display: flex;
    flex-direction: column;
    gap: 10px;
    word-wrap: break-word !important;
    word-break: break-word !important;
}
.vacancies-wrap .vacancy-block .vacancy-features li {
    width: 100%;
    height: auto;
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* align-items: center; */
}
.vacancies-wrap .vacancy-block .vacancy-features li i {
    flex-grow: 0;
    flex-shrink: 0;
    width: 20px;
    height: auto;
    text-align: center;
    margin-left: -30px;
    margin-right: 10px;
}
.vacancies-wrap .vacancy-block .vacancy-features li em {
    font-style: normal;
    margin-right: 15px;
}
.vacancies-wrap .vacancy-block .vacancy-features li em::after {
    content: '|';
    padding-left: 15px;
}
.vacancies-wrap .vacancy-block .vacancy-features li em:last-child {
    margin-right: 0px;
}
.vacancies-wrap .vacancy-block .vacancy-features li em:last-child::after {
    display: none;
}
.vacancies-wrap .vacancy-block .vacancy-details {
    margin-top: 20px;
}
.vacancies-wrap .vacancy-block .vacancy-details h3 {
    font-size: 16px;
    font-weight: 700;
    color: #010447;
    margin-bottom: 5px;
}
.vacancies-wrap .vacancy-block .vacancy-details p {
    font-size: 16px;
    font-weight: 400;
    color: #010447;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vacancies-wrap .vacancy-block .vacancy-buttons {
    text-align: right;
    margin-top: 20px;
}
.vacancies-wrap .vacancy-block .vacancy-buttons a {
    font-size: 18px;
    font-weight: 700;
    color: #010447;
    margin-bottom: 10px;
}
.vacancies-wrap .vacancy-block .vacancy-buttons a:hover {
    color: #00b6cc;
}
/* Vacancies page :end */


/* New details :start */
.newsdetails-wrap {
    width: 100%;
    height: auto;
}
.newsdetails-wrap .ndwrap-head {
    margin-bottom: 24px;
}
.newsdetails-wrap .ndwrap-head time {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #00b6cc;
    line-height: 1.2;
    margin-bottom: 5px;
}
.newsdetails-wrap .ndwrap-head h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: #010447;
    margin-bottom: 0px;
    transition: 0.5s;
}
.newsdetails-wrap .ndwrap-body {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 500;
    color: #010447;
}
.newsdetails-wrap .ndwrap-body h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    color: #010447;
}
.newsdetails-wrap .ndwrap-body p a {
    color: #00b6cc;
    text-decoration: underline;
}
.newsdetails-wrap .ndwrap-body p a:hover {
    color: #00b6cc;
    text-decoration: none;
}
/* New details :end */

/* vacancy details :start */
.vacancydetails-block {
    width: 100%;
    height: auto;
    margin-bottom: 14px;
}
.vacancydetails-block:last-child {
    margin-bottom: 0px;
}
.vacancydetails-block .vacdet-title {
    display: flex;
    justify-content: space-between;
    gap: 3px 20px;
    margin-bottom: 20px;
}
.vacancydetails-block .vacdet-title h3 {
    font-size: 22px;
    font-weight: 700;
    color: #010447;
    margin-bottom: 0px;
}
.vacancydetails-block .vacdet-title time {
    font-size: 12px;
    font-weight: 400;
    color: #8c8c8c;
    margin-bottom: 0px;
}
.vacancydetails-block .vacdet-title .vtitle-logo {
    width: auto;
    height: 32px;
}
.vacancydetails-block .vacdet-features {
    list-style: none;
    padding: 0px 0px 0px 30px;
    margin: 0px 0px 0px 0px;
    font-size: 16px;
    font-weight: 600;
    color: #010447;
    display: flex;
    flex-direction: column;
    gap: 10px;
    word-wrap: break-word !important;
    word-break: break-word !important;
}
.vacancydetails-block .vacdet-features li {
    width: 100%;
    height: auto;
}
.vacancydetails-block .vacdet-features li i {
    flex-grow: 0;
    flex-shrink: 0;
    width: 20px;
    height: auto;
    text-align: center;
    margin-left: -30px;
    margin-right: 10px;
}
.vacancydetails-block .vacdet-features li em {
    font-style: normal;
    margin-right: 15px;
}
.vacancydetails-block .vacdet-features li em::after {
    content: '|';
    padding-left: 15px;
}
.vacancydetails-block .vacdet-features li em:last-child {
    margin-right: 0px;
}
.vacancydetails-block .vacdet-features li em:last-child::after {
    display: none;
}
.vacancydetails-block .vacdet-details {
    margin-top: 20px;
}
.vacancydetails-block .vacdet-details h3 {
    font-size: 16px;
    font-weight: 700;
    color: #010447;
    margin-bottom: 5px;
}
.vacancydetails-block .vacdet-details p {
    font-size: 16px;
    font-weight: 400;
    color: #010447;
    margin-bottom: 10px;
}

.applynow-form {
    border: 2px solid #dfdfdf;
    border-radius: 20px;
    padding: 30px 30px;
}
/* vacancy details :end */


/* .header-style2 :start */
header.header-style2 .classy-navbar-toggler {
    flex: 1;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
header.header-style2 .classy-navbar-toggler p {
    font-size: 17px;
    font-weight: 700;
    color: #000000;
}
header.header-style2 .classy-navbar-toggler .navtoggle-outer {
    width: 40px;
    height: 40px;
    background-color: #00b6cc;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
header.header-style2 .classy-navbar-toggler .navtoggle-outer .navbarToggler {
    transform: scale(0.7);
}
header.header-style2 .classy-navbar-toggler .navtoggle-outer .navbarToggler span {
    background-color: #ffffff;
}
header.header-style2 .nav-brand {
    flex: 1;
    text-align: center;
}
header.header-style2 .extranav {
    flex: 1;
    text-align: right;
}


header.header-style2 .classynav {
    padding-top: 50px;
}
header.header-style2 .classycloseIcon {
    display: block;
}
header.header-style2 .breakpoint-on .classynav .contactusBtn-mob {
    display: none;
}
/* .header-style2 :end */














.uploaded-filelist {
    width: 100%;
    height: auto;
    list-style: none;
    padding: 0;
    margin: 10px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.uploaded-filelist > li {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.uploaded-filelist > li:last-child {
    border-bottom: 0;
    padding-bottom: 0px;
}
.uploaded-filelist > li .ufl-left {
    display: flex;
    align-items: center;
}
.uploaded-filelist > li .ufl-left p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #010447;
}
.uploaded-filelist > li .ufl-right {
    display: flex;
    align-items: center;
    gap: 5px;
}
.uploaded-filelist > li .ufl-right .btn {
    font-size: 12px;
    color: #ffffff;
    background-color: #00b6cc;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.uploaded-filelist > li .ufl-right .btn:hover {
    background-color: #010447;
}