html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    font-family: Montserrat, sans-serif;
    overflow-x: hidden;
    font: 400 18px/20px Montserrat, sans-serif;
    background-color: #D2F4F5;
    color: #000000
}

html {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased
}

a,
abbr,
acronym,
address,
b,
bdo,
big,
blockquote,
body,
br,
button,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
i,
iframe,
img,
ins,
kbd,
legend,
li,
map,
object,
ol,
p,
pre,
q,
samp,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    margin: 0;
    padding: 0;
    border: none
}

a,
input,
select,
textarea {
    outline: 0;
    margin: 0;
    padding: 0
}

caption,
h1,
h2,
h3,
h4,
h5,
h6,
td,
th {
    font-weight: 400
}

a {
    text-decoration: none;
    color: #333
}

p strong {
    font-weight: 600
}

p {
    font-weight: 500
}

.clear {
    clear: both
}

input::-moz-focus-inner {
    border: 0
}

img {
    max-width: 100%;
    vertical-align: middle;
    border: none;
    max-height: 100%;
    border-radius: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
    margin: 0;
    padding: 0
}

button,
input,
select,
textarea {
    resize: none;
    border: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

input[type=submit],
select {
    cursor: pointer
}

table {
    border-collapse: separate;
    border-spacing: 0
}

.star:after {
    font: 14px/18px 'T'
}

.trans {
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s
}

select option {
    padding: 3px 10px
}

.star {
    position: relative
}

.textCenter {
    text-align: center
}

.textRight {
    text-align: right
}

.textLeft {
    text-align: left
}

.text_bold {
    font-weight: 700
}

li,
ul {
    list-style: none
}

ul {
    margin: 0 0;
    padding: 0 0
}

.uppercase {
    text-transform: uppercase;
}

a:hover {
    text-decoration: none
}

.white-color {
    color: #ffffff;
}

.white-bg {
    background-color: #ffffff;
}

.font-color-darkblue {
    color: #02425B;
}

.dark-blue-bg {
    background-color: #AEE7E9;
}

::-webkit-input-placeholder {
    color: #999
}

.green-bg {
    background-color: #219D80;
}

.green-color {
    color: #219D80;
}

.red-color {
    color: red;
}
.orange-color {
    color: orange;
}
.border-radi-6 {
    border-radius: 6px;
}

.w-500 {
    font-weight: 500;
}

:-moz-placeholder {
    color: #999;
    opacity: 1
}

::-moz-placeholder {
    color: #999;
    opacity: 1
}

:-ms-input-placeholder {
    color: #999
}

::-moz-selection {
    color: #fff;
    background: #2d94e1
}

::selection {
    color: #fff;
    background: #02425B;
}

a,
a:active,
a:focus,
a:hover {
    text-decoration: none
}

.dark-blue {
    color: #02425B !important;
}

.dark-blue2 {
    background-color: #02425B !important;
    ;
}

.darkBlueBg {
    background-color: #2B7694;
}

.filter-input-item input[type="button"],
.filter-input-item input[type="submit"],
.logininput-outer input[type="button"],
.logininput-outer input[type="submit"],
.genral-webform-outer input[type="button"],
.genral-webform-outer input[type="submit"],
.btn-s-c {
    min-width: 94px;
    min-height: 48px;
    padding: 12px 24px 12px 24px;
    border-radius: 6px;
    background: #3964AF !important;
    display: flex;
    justify-content: center;
    color: #fff;
    /* max-width: 120px; */
    max-width: 100%;
    width: fit-content;
}

.position-relative {
    position: relative;
}

.hide-desktop {
    display: none;
}

/* animation icons floating start */

.animation-floating {
    position: absolute;
}

.shap1 {
    left: 0.5%;
    top: 11%;
}

.shap2 {
    left: 10%;
    top: 5%;
}

.shap3 {
    top: 35%;
    left: 1%;
}

.shap4 {
    top: 40%;
    left: 9%;
}

.shap5 {
    top: 60%;
    left: 1%;
}

.shap6 {
    top: 70%;
    left: 10%;
}

.shap7 {
    top: 90%;
    left: 2%;
}

.shap8 {
    top: 5%;
    right: 11%;
}

.shap9 {
    top: 8%;
    right: 4%;
}

.shap10 {
    top: 33%;
    right: 1%;
}

.shap11 {
    top: 46%;
    right: 11%;
}

.shap12 {
    top: 64%;
    right: 2%;
}

.shap13 {
    top: 73%;
    right: 8%;
}

.shap14 {
    top: 88%;
    right: 11%;
}

.animation-floating {
    position: absolute;
    animation: float_top_bottom 10s ease-in-out infinite;
}

@keyframes float_top_bottom {
    0% {
        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }

    50% {
        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.2);
        transform: translatey(-30px);
    }

    100% {
        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }
}

.animation-floating {
    display: none;
}

/* animation icons floating end */
/* header start */

.fixedMenuTop {
    position: fixed;
    width: 100%;
    z-index: 9999;
    background-color: #D2F4F5;
    transition: .4s ease-in-out;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 0px;
}

.margintop83 {
    margin-top: 83px;
}

header {
    padding-top: 29px;
    padding-bottom: 29px;
    transition: padding 0.4s ease-in-out;
}

.main-logo {
    min-width: 263px;
}

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

.navbar-inner li {
    padding: 10px 15px;
}

.nav-item {
    font-size: 16px;
    line-height: 27px;
    color: #050505;
    font-weight: 500;
}

.login-cta a {
    min-width: 94px;
    min-height: 48px;
    padding: 12px 24px 12px 24px;
    border-radius: 6px;
    background: #3964AF;
    /* display: flex; 20-01-2025-bbs */
    justify-content: center;
    color: #fff;
    transition: all .4s ease-in-out;
    border: 1px solid transparent;
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #414141;
    margin-bottom: 15px;
    text-align: justify;
}

.after-login a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.user-avtar-img {
    width: 36px;
    height: 36px;
    display: block;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
}

.after-login a {
    padding: 12px 12px 12px 12px;
}

.drop-down-list {
    background-color: #fff;
    border-radius: 0px 0px 10px 10px;
    position: absolute;
    width: 100%;
}

.drop-down-list ul li {
    padding: 5px 15px;
    display: flex;
    align-items: center;
}

.drop-down-list ul li a {
    background-color: transparent;
    color: #050505;
    padding: 0 0 0 0;
}

.drop-down-list ul li span {
    margin-right: 5px;
    width: 23px;
}

.login-cta.after-login {
    position: relative;
}

.drop-down-list ul li a,
.drop-down-list ul li a:hover,
.drop-down-list ul li a:focus {
    border: none
}

.d-block {
    display: block;
}

/* header end */
/* banner start */

.pseudo-search {
    display: flex;
    padding: 5px 5px 5px 15px;
    min-width: 100%;
    transition: 0.5s ease-in-out;
    height: 66px;
    border-radius: 6px;
    background-color: #ffffff;
}

input,
select {
    border: 0;
    background-color: transparent;
    width: 70%;
}

input:focus {
    outline: none;
}

button {
    border: none;
    background: none;
    cursor: pointer;
}

.banner-title {
    font-size: 45px;
    font-weight: 800;
    line-height: 70px;
}

.banner-content {
    margin-top: 50px;
    max-width: 950px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.banner-discription {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;

    /* margin-top: 30px;
    margin-bottom: 30px; */
    /* font-size: 20px; Hanif 08-10-2024 */
}
.search-outer {
    display: flex;
    justify-content: center;
    max-width: 725px;
    width: 100%;
}

.cta-blue {
    width: 30%;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    background-color: #3964AF;
}

.banner-image {
    margin-top: 40px;
}

.main-banner {
    background-image: url(../images/waves.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 338px;
}

/* banner end */
/* section after banner start(fun fact section) */

.fun-fact-left-image {
    background-image: url(../images/section-2-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-size: 80%;
}

.heading-h2 {
    font-size: 60px;
    font-weight: 800;
    line-height: 70px;
}

.link-text {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
}

.f-f-content-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.head-color {
    color: #02425B;
}

.f-f-content {
    background-color: #ffffff;
    padding: 30px 20px;
    border-radius: 20px;
    display: flex;
}

.f-f-content-right h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24.38px;
    margin-bottom: 15px;
}

.f-f-content-left {
    flex: 0 0 30%;
    margin-right: 15px;
}

.f-f-content-right {
    flex: 0 0 78%;
}

.fun-fact-full-no-image .f-f-content-right {
    flex: 0 0 100%;
}

.about-us-section .fun-fact-right .f-f-content-left {
    margin-right: 0px;
    margin-left: 30px;
}

.fun-fact-sec {
    margin: 120px 0px;
}

.banner-image {
    animation: float 4s ease-in-out infinite;
}

.funfact-content {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 15px;
}

.funfact-content::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.funfact-content::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.f-f-content-left img {
    border-radius: 10px;
}

@keyframes float {
    0% {
        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.6);
        transform: translatex(0px);
    }

    50% {
        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.2);
        transform: translatex(-30px);
    }

    100% {
        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.6);
        transform: translatex(0px);
    }
}

.about-us-section .f-f-content-left {
    flex: 0 0 22%;
    margin-right: 30px;
    max-width: 208px;
}

.about-us-section .f-f-content {
    margin-bottom: 40px;
}

.fun-fact-sec .f-f-content-right {
    flex: 0 0 69%;
}

/* section after banner end(fun fact section) */

.ports-companies-sec {
    padding: 90px 0px;
}

.ports-companies-outer {
    border-radius: 10px;
    padding: 10px;
}

.h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24.38px;
    margin: 30px 0px 15px 0px;
}


.link-text-small {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    color: #02425B;
}

.p-c-content {
    margin-bottom: 30px;
}

/* who we are sec start */

.who-we-are-sec {
    margin: 120px 0px;
}

.who-we-r-content-head {
    padding-top: 50px;
    padding-left: 30px;
}

.who-we-r-content-head p {
    padding: 15px 0px;
}

.who-we-r-left-image {
    background-image: url(../images/who-we-are-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    background-size: auto;
}

/* who we are sec end */
/* footer start */

.footer-main {
    background: linear-gradient(180deg, #AEE7E9 0%, #D2F4F5 100%);
    background-image: url(../images/footer-bg-full.png);
    padding: 80px 0px;
    position: relative;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.footer-links-head-title {
    font-size: 35px;
    font-weight: 800;
    line-height: 70px;
    color: #02425B;
    margin-bottom: 10px;
}

a.footer-link-item {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
}

.footer-link-li {
    padding: 10px 0px;
}

.icon-footer {
    width: 70px;
    height: 70px;
    background-color: #75CFCC;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.footer-getInTouch-item {
    display: flex;
    align-items: center;
}

.get-in-text strong {
    width: 100%;
    display: flex;
}

.footer-getInTouch-li {
    margin-bottom: 20px;
}

.social-media {
    display: flex;
    justify-content: end;
}

.social-media li {
    margin: 7px 12px;
    height: 46px;
    width: 46px;
    background: #75CFCC;
    border-radius: 100px;
    text-align: center;
    align-items: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
}

.copy-right-text {
    display: flex;
    align-items: center;
    height: 100%;
}

/* footer end */
/* rate your company start*/

.sub-banner-head {
    font-size: 80px;
    font-weight: 800;
    line-height: 80px;
}

.sub-banner-content {
    display: flex;
    border: 10px solid #ffffff;
    align-items: center;
    padding: 20px 50px;
    margin-bottom: -70px;
}

.sub-banner {
    background-image: url(../images/inner-banner-bg.png);
}

.sub-banner {
    background-image: url(../images/inner-banner-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -118px;
    padding-top: 160px;
}

.light-blue-color {
    background-color: #B0E8E9;
}

.right-list-box {
    background-image: url(../images/company-list-box-bg.png);
    max-width: 300px;
    border-radius: 10px;
    text-align: center;
    padding: 30px 30px 1px 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position-y: bottom;
    box-shadow: 0px 4px 20px 0px #90E0DF66;
}

.left-filter-by-outer {
    border-radius: 8px;
    padding: 15px;
}

.company-list-section {
    padding-top: 150px;
}

h2.filter-head-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    margin-bottom: 30px;
}

.input-outer label {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    margin-bottom: 10px;
}

.input-outer input,
select {
    min-height: 36px;
    border: 1px solid #C6C6C6;
    border-radius: 6px;
    width: 100%;
}

.input-outer {
    padding: 10px 0px;
}

.right-list-head-text {
    font-size: 30px;
    font-weight: 800;
    line-height: 30px;
}

.right-list-head {
    /* margin-bottom: 40px; 24-12-2024 */
    margin-bottom: 30px;
}

.right-list-section {
    margin-left: 20px;
}

.right-list-box-img {
    border: 1px solid #90E0DF;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

h3.right-list-box-content-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.5px;
    margin: 15px 0px;
}

.text-limit-2line {
    height: 39px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.text-limit-2line-small {
    height: 32px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.right-list-li {
    width: 32%;
    display: inline-block;
    margin-bottom: 20px;
}

.company-list-section .right-list-li:nth-child(3n+2) {
    margin-left: 10px;
    margin-right: 10px;
}

.input-outer .check-box input {
    width: 15px;
    height: 15px;
    min-height: auto;
}

.right-list-section {
    margin-bottom: 70px;
}

/* rate your company end */
/* breadcrumb style start */

.breadcrumb li {
    display: inline-block;
}

.breadcrumb li::after {
    content: '';
    height: 16px;
    width: 16px;
    background: url(../images/left-arrow.svg) no-repeat center center;
    vertical-align: middle;
    display: inline-block;
    color: #959fa5;
}

.breadcrumb {
    margin-top: 15px;
}

/* breadcrumb style end */
/* Companies profile page start */

.companies-detial-outer.white-bg {
    margin-bottom: 70px;
}

.top-box-desc-text {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 10px;  /* bbs-22-21-2025 - Hanif */
}

.companies-l-offer-box {
    padding: 20px 15px;
    margin-bottom: 20px;
}

.offer-box-title {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    padding: 10px 0px;
}

.offer-box-btn.white-color {
    background-color: #02425b;
    color: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    display: inline-block;
}

.tol-companies-list-titletext {
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
}

.top-comapnines-list-title {
    border-bottom: 1px solid #ECECEC;
    padding: 20px 15px;
}

.top-companies-list-box-img {
    border: 1px solid #90E0DF;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    /* margin: 0 auto;  Hanif*/
    margin: 0;
    flex: 0 0 48px;
    margin-right: 15px;
}

.top-companies-list-box-content-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
}

.top-companies-list-box {
    display: flex;
}

.top-companies-list-box-rating {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
}

.top-companies-list-li {
    margin: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ECECEC;
}

.cd-breadcrumb a,
.cd-breadcrumb li {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    text-transform: capitalize;
    color: #787878;
}

.breadcrumb li.current:after {
    display: none;
}

.breadcrumb li.current {
    color: #02425B;
    font-weight: 600;
}

.companies-detial-outer {
    border-radius: 6px;
    padding: 30px 30px;
}

.companies-profile-top {
    display: flex;
    justify-content: space-between;
}

.companies-profile-box-top {
    display: flex;
    align-items: center;
}

.companies-profile-content-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

p.companies-profile-rating {
    font-size: 14px;
    line-height: 17px;
    color: #787878;
    margin-bottom: 0px;
}

.companies-profile-rate-link a {
    border-radius: 6px;
    padding: 15px 20px;
}

.tab-view-outer .nav-tabs {
    margin-top: 20px;
}

.tab-view-outer li.nav-item {
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    color: #898989;
}

.tab-view-outer button {
    padding: 0px;
    border: none;
    background-color: transparent !important;
    box-shadow: none !important;
}

.tab-view-outer .nav-tabs button {
    margin-bottom: 0px;
    background: 0 0;
    border: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom: 2px solid transparent;
    transition: border-color 0.5s ease-in-out;
    padding: 10px 10px;
    color: #495057;
}

.tab-view-outer .nav-tabs button.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    border: none;
    border-bottom: 2px solid #219D80;
    font-weight: 600;
}

.tab-view-outer li.nav-item:first-child button {
    padding-left: 0px;
}

.tab-content .tab-pane {
    padding: 40px 0px;
}

.tab-content-left-field {
    flex: 0 0 25%;
}

.tab-content-profile-info {
    display: flex;
}

.branch-tab .tab-content-table-view {
    flex: 0 0 50%;
}

.branch-tab {
    display: flex;
}

.branch-tab .tab-content-left-field {
    flex: 0 0 40%;
}

.branch-tab {
    border: 1px solid #B6B6B6;
    border-radius: 10px;
    padding: 40px 20px 20px;
}

.branch-tab:not(:first-child) {
    margin-top: 30px;
}

.accordion-header button {
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 15px;
    border-radius: .25rem;
    padding: 20px 15px;
    border-top: 1px solid rgba(0, 0, 0, .125) !important;
}

.accordionCompanyReview .accordion-body {
    padding: 0px;
}

.rating-outer {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
    border-top: 1px solid #ECECEC;
}

.accordion-body {
    margin-top: 30px;
}

.rating-item {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.rating-count span {
    padding: 0px 2px;
}

.rating-count {
    display: flex;
    align-items: center;
}

.rating-count span {
    padding: 0px 2px;
    display: flex;
    vertical-align: middle;
}

.rating-count span:last-child {
    margin-right: 3px;
}

.review-text-content {
    margin-top: 40px;
}

.review-text-content ul li {
    margin-bottom: 30px;
}

h4.h4-head {
    font-size: 16px;
    line-height: 20px;
}

.genral-webform-outer .rating-outer {
    padding-top: 20px;
    margin-bottom: 10px !important;
}

.rating-list {
    margin-bottom: 30px;
    border-bottom: 1px solid #ECECEC;
}

.rate-comapany-form h4.tol-companies-list-titletext {
    margin-bottom: 20px;
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 10px;
}

.rate-comapany-form ul {
    padding-bottom: 10px;
}

.rate-comapany-form li {
    list-style: disc;
    margin-left: 20px;
    padding: 10px 0px;
    font-size: 16px;
    line-height: 25px;
    color: #414141;
}

.filter-input-item .form-check.check-box span {
    padding: 1px;
}

.right-list-li a {
    position: relative;
}

.varified-icon-ontop {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
}

.right-list-li a .right-list-box {
    transition: 0.4s ease-in-out;
    border: 1px solid transparent;
}

.branch-tab {
    position: relative;
}

.count-of-branch {
    /* position: absolute; */
    /* right: 25px; */
    /* top: 5px; */
    margin-right: 5px; /* 04-12-2024 - Hanif */
    font-size: 14px;
    font-weight: 600;
    border-radius: 100px;
    border: 1px solid #8f8f8f;
    padding: 5px;
    min-width: 40px;
    text-align: center;
}

.companies-profile-rating.port-details-content-scroll,
.port-details-content-scroll p,
.port-details-content-scroll p * {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 25px !important;
    color: #414141 !important;
    margin-bottom: 15px !important;
}

/* Companies profile page end */
/* About us page start */

.about-us-content {
    padding-left: 30px;
}

.about-us-section,
.ports-list-section {
    padding: 130px 0px 60px;
}

.banner-image {
    margin-top: 40px;
    text-align: center;
    margin-bottom: -30px;
}

.h2-head {
    font-size: 60px;
    line-height: 70px;
    font-weight: 800;
    margin-bottom: 15px;
}

.image-two-part {
    flex: 0 0 48%;
}

.image-of-2-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4%;
}

.h3-head {
    font-size: 34px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 10px;
}

h4.h4-head {
    margin: 10px 0px;
    font-size: 16px;
    font-weight: 600;
}

/* About us page end */
/* ports listing page start */

.ports-list-section .right-list-li:nth-child(2n+2) {
    margin-left: 10px;
    margin-right: 10px;
}

.ports-list-section .right-list-li {
    width: 23%;
    display: inline-block;
    margin-bottom: 20px;
}

.ports-list-section .right-list-box-content-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.5px;
    margin: 10px 0px 0px;
}

.ports-list-section .companies-profile-box-top {
    display: flex;
    align-items: start;
}

.ports-list-section .companies-profile-content-title {
    margin-bottom: 25px;
    margin-top: 15px;
}

.explore-content-outer {
    border-radius: 10px;
    border: 1px solid #B6B6B6;
    padding: 20px 20px
}

.explore-image-list li {
    display: inline
}

.explore-authore {
    display: flex;
    justify-content: space-between;
    margin-top: 15px
}

.port-explore-tabcontent li {
    margin-bottom: 20px
}

.auth-publish-date {
    font-size: 14px;
    line-height: 17px
}

.companies-profile-rating.port-details-content-scroll {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 15px;
}

.port-details-content-scroll::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.port-details-content-scroll::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.reply-textarea textarea {
    width: 100%;
    border: 1px solid #d3d3d3;
    margin-top: 30px;
    border-radius: 5px;
}

/* ports listing page end /
/* login page start */

.login-section-left {
    flex: 0 0 50%;
    padding: 80px 60px;
}

.login-section-right {
    flex: 0 0 50%;
}

.login-outer {
    display: flex;
    margin-top: -360px;
}

h3.login-form-title {
    font-size: 30px;
    line-height: 40px;
    font-weight: 800;
    margin-bottom: 30px;
}

.logininput-outer label {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    display: block;
    margin-bottom: 5px;
}

.logininput-outer input {
    font-size: 16px;
    line-height: 20px;
    border-radius: 4px;
    background: #f9f8f7 !important;
    width: 100%;
    padding: 13px;
}

.logininput-outer {
    margin-bottom: 30px;
}

.login-section-right {
    flex: 0 0 50%;
    text-align: center;
    padding: 60px 30px 0px;
}

h1.login-head-title {
    font-size: 44px;
    line-height: 54px;
    font-weight: 800;
}

h3.login-description {
    font-size: 30px;
    line-height: 50px;
}

a.signup-btn-loginpage {
    font-size: 16px;
    line-height: 23px;
    border: 1px solid #ffffff;
    max-width: 124px;
    min-height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 6px;
    margin: 0 auto;
    margin-top: 15px;
}

.logininput-outer-btn {
    display: flex;
}

.logininput-outer-btn input[type=button] {
    margin-right: 15px;
}

/* login page end */

/* signup page start */
.signup-section {
    flex: 0 0 100%;
    padding: 80px 60px;
}

/* .equal-height-li {min-height:130px;} */
/* .otp-button {margin-top: 15px;} */
.user-company-section-outer {
    display: flex;
}

.user-company-section-inner {
    flex: 0 0 85px;
}

.login-image-box {
    margin-top: 25px;
}

.input-outer-submit {
    display: flex;
}

.input-outer-submit input {
    margin-right: 15px;
}

.last-input-checkbox {
    display: inline-table;
}

/* signup page end */

/* web form field start*/

.form-field-outer label {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 5px;
}

.form-field-outer input,
.form-field-outer textarea {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px;
    width: 100%;
    background: #f9f8f7;
    margin-bottom: 20px; /* bbs 25-01-2025 */
}

.form-field-outer select {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px;
    width: 100%;
    background-color: #f9f8f7;
    border: none;
}

.form-field-outer select:focus,
.form-field-outer select:active,
.form-field-outer select:hover {
    outline: none;
}

.form-field-outer label {
    width: 100%;
}

.half-width-form-field {
    width: 48%;
    float: left;
}

.half-width-form-field:nth-child(even) {
    /* margin-left: 2%; */
    margin-left: 0%;
}

.half-width-form-field:nth-child(odd) {
    margin-right: 2%;
}

.genral-webform-outer li {
    margin-bottom: 10px;
    min-height: 28px;
}

.copaines-short-desc {
    margin: 20px 0px 40px;
}

.rating-count .form-check {
    margin-left: 20px;
}

.genral-webform-outer .form-check-input[type=checkbox] {
    margin-top: 2px;
}

.genral-webform-outer .check-box {
    margin-bottom: 20px;
}

.genral-webform-outer input[type=radio] {
    margin-top: 0;
}

.upload_icon {
    position: relative;
}

.upload_icon:after {
    content: '';
    background-image: url(../images/upload-icon.png);
    position: absolute;
    width: 20px;
    height: 100%;
    right: 10px;
    bottom: -12px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto;
}

.phone-code-number {
    display: flex;
}

.phone-code-number .country-code {
    flex: 0 0 20%;
    border-right: 1px solid #d3d3d3;
}

.password-view-hide {
    position: relative;
}

.hide_pass-icon {
    position: absolute;
    right: 10px;
    cursor: pointer;
    top: 9px;
}

/* web form field end */
/* forum start */

.forum-right-content .right-list-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.forum-item {
    display: flex;
    flex-wrap: wrap;
    border-radius: 4px;
    padding: 30px 15px 15px;
}

.top-companies-list-box {
    display: flex;
    flex: 0 0 25%;
}

.forum-item-title {
    flex: 0 0 60%;
    padding: 0 15px;
}

.forum-item-like-comments {
    flex: 0 0 15%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.forum-box-content-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

.forum-item .top-companies-list-box-img {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    margin-right: 9px;
}

.reply-count {
    margin-left: 20px;
}

.like-reply {
    display: flex;
}

.reply-main-number {
    margin: 20px 0px;
}

.forum-details-description {
    margin: 20px 0px 40px 20px;
}

li.reply-second-child {
    margin-left: 50px;
    padding-left: 25px;
    border-left: 1px solid #ECECEC;
}

.reply-first-child .forum-details-description {
    margin: 20px 0px 20px 0px;
}

.reply-main-number {
    margin: 30px 0px;
    border-top: 1px solid #ECECEC;
    padding-top: 15px;
}

.forum-reply-ul .forum-details-description {
    margin-bottom: 30px;
}

.forum-right-content .right-list-ul li {
    margin-bottom: 15px;
}

.otp-button .email_input,
.genral-webform-outer .email_input {
    margin-right: 0px;
}

.genral-webform-outer .otp-button .otp_submit,
.otp-button .otp_submit {
    border-radius: 0px 10px 10px 0px;
    padding: 5px 24px 5px 24px;
    min-height: 39px;
    margin-right: 0px;
    display: none;/* 24-10-2024-Manisha */
}

/* forum page end */
/* faq start */

.faq-section .accordion-button::before {
    content: 'Q';
    font-size: 45px;
    margin-right: 20px;
    font-family: sans-serif;
}

.faq-section .accordion-button:not(.collapsed) {
    color: #02425B;
}

/* faq end */

.main-content li {
    list-style: disc;
    margin-left: 19px;
    padding: 5px 0px;
    font-size: 14px;
    line-height: 20px;
}

.main-content ul,
.main-content ol {
    margin-bottom: 30px;
    margin-top: 15px;
}

.accordion-header button {
    background-color: transparent !important;
    box-shadow: none !important;
}

.main-content ol>li {
    list-style: auto;
}

.main-content h2 {
    margin-bottom: 30px;
}

/* dashboard-pages start */

.dashborad-main-box.bg-white {
    display: flex;
    flex-wrap: wrap;
    border-radius: 4px;
    margin-top: -400px;
}

.left-side-menu {
    background-color: #1B2E5A;
    flex: 0 0 18%;
    padding: 40px 15px;
    border-radius: 4px;
}

.left-side-menu ul li a {
    color: #fff;
    padding: 15px 2px;
    display: flex;
    transition: all .4s ease-in-out;
    border-radius: 10px;
}

.left-side-menu ul li a span {
    margin-right: 15px;
    margin-left: 15px;
}

.left_side_menuActive, .left-side-menu ul li a:hover {
    background-color: #3964AF;
}

.right-side-content-box {
    flex: 0 0 82%;
}

.dashboard-content-outer {
    margin-left: 50px;
    margin-top: 50px;
    margin-right: 40px
}

.page-head-title {
    font-size: 30px;
    line-height: 70px;
    font-weight: 800
}

.dashboard-content-outer .nav-item button {
    font-size: 16px;
    font-weight: 400;
    color: #898989
}

.dashboard-content-outer .nav-item button.active {
    font-weight: 600;
    color: #02425B
}

.profile-pic {
    width: 142px;
    height: 142px;
    display: inline-block
}

.file-upload {
    display: none;
}

.circle {
    border-radius: 100% !important;
    overflow: hidden;
    width: 128px;
    height: 128px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    /* position: absolute; */
    top: 72px;
}

.p-image {
    position: absolute;
    top: 78px;
    right: 5px;
    color: #666666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.p-image:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.upload-button {
    font-size: 1.2em;
}

.profile-media {
    margin-bottom: 40px;
}

.upload-button:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    color: #999;
}

.small-12.medium-2.large-2.columns {
    width: 142px;
    height: 142px;
    position: relative;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

/* .form-select {display: block;width: 100%;padding: 0px 16px 11px 1px;color: #212529;background-color: #f9f8f7;background-size: 16px 12px;border: 1px solid #ffffff;border-radius: 0px;} */
.form-select {
    display: block;
    width: 100%;
    padding: 0px 16px 0px 15px;
    color: #212529;
    background-color: #f9f8f7;
    background-size: 16px 12px;
    border: 1px solid #ffffff;
    border-radius: 0px;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--single {
    background-color: #F9F8F7;
    border: none;
    border-radius: 4px;
    min-height: 40px;
}

span.select2-selection__rendered {
    padding: 5px;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 5px;
}

.full-li .half-width-form-field {
    display: block;
    float: none;
    margin-right: 0px;
    margin-left: 0px;
}

.dashboard--full-head-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px; /* BBS */
    /* margin-bottom: 60px; */
}

/* dashboard-pages end */
/* admin threads page start */

.threads-list-outer {
    border-radius: 10px;
    border: 1px solid #B6B6B6;
    padding: 20px;
    margin-bottom: 40px;
}

.threads-title {
    display: flex;
    justify-content: space-between;
}

h4.threads-box-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}

p.threads-box-content {
    font-size: 16px;
    line-height: 20px;
    color: #4F4F4F;
    font-weight: 500;
    margin-bottom: 25px;
}

.threads-like-date {
    display: flex;
    justify-content: space-between;
}

p.threads-date-p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.threads-list {
    /* margin-bottom: 90px - 13-11-2024 Hanif */
    margin-bottom: 40px;
}

.text-area-full {
    width: 85%;
}

.dashboard-content-outer .branch-tab {
    margin-bottom: 40px;
}

.branch-admin-box .tab-content-table-view {
    flex: 0 0 47%;
}

.branch-crud {
    flex: 0 0 6%;
}

.branch-crud li {
    text-align: center;
    margin-bottom: 20px;
}

.drop-down-list {
    display: none;
}

.after-login>a:hover~.drop-down-list {
    display: block;
}

.drop-down-list {
    margin-top: -5px;
}

.drop-down-list:hover {
    display: block;
}

.genral-webform-field {
    display: flex;
    flex-wrap: wrap;
}

.genral-webform-field ul {
    width: 100%;
}

.full-li ul {
    width: 100%;
}

.full-li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.filter-icon {
    display: none;
    top: 11%;
}

.review-list button.accordion-button.dark-blue {
    padding: 0px 0px;
}

/* admin threads page end */
/* cta hover start */

.genral-webform-outer input[type="submit"],
.modal-footer .btn,
.cta-blue,
.input-outer input[type=button],
.companies-profile-rate-link a,
.input-outer-submit input[type=button],
.input-outer-submit input[type=submit],
.logininput-outer input[type=button],
.logininput-outer input[type=submit] {
    border: 1px solid transparent;
    transition: all .4s ease-in-out;
}

.genral-webform-outer input[type="submit"]:hover,
.filter-input-item input[type="submit"]:hover,
.modal-footer .btn:hover,
.login-cta a:hover,
.cta-blue:hover,
.input-outer input[type=button]:hover,
.companies-profile-rate-link a:hover,
.input-outer-submit input[type=button]:hover,
.input-outer-submit input[type=submit]:hover,
.logininput-outer input[type=button]:hover,
.logininput-outer input[type=submit]:hover,
.btn-s-c:hover {
    border: 1px solid #3964AF;
    background-color: transparent !important;
    color: #333333;
}

.right-list-li a:hover .right-list-box {
    border: 1px solid #3964AF;
    box-shadow: 1px 1px 25px #66c8cb;
}

.offer-box-btn,
.filter-input-item input[type="submit"] {
    border: 1px solid transparent;
    transition: all .4s ease-in-out;
}

.offer-box-btn:hover {
    border: 1px solid #ffffff;
    background-color: transparent;
}

.modal-footer .btn {
    background: #3964AF;
}

.validation-span {
    font-size: 13px;
}

/* cta hover end */
/* darkmode website start */

@media (prefers-color-scheme: dark) {
    :root {
        --color-primary: #000;
        --color-background: #fff;
    }

    body {
        background: #333;
        color: white;
    }

    body {
        background-color: var(--color-background);
        color: var(--color-primary);
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    a {
        color: var(--color-primary);
    }
}

/* darkmode website end */
/* popup window start */

.popup-content p {
    font-weight: 700;
}

.popup-content label {
    font-size: 16px;
    margin-bottom: 4px;
}

.report-cta-popup {
    margin-top: -27px;
    float: right;
}

.report-cta-popup a {
    border: 1px solid #219D80;
    padding: 10px 15px;
    border-radius: 9px;
}

/* popup window end */

/* vr 1 start */

.navbar-inner li a {
    transition: .4s ease-in-out;
    border-bottom: 3px solid transparent;
    padding-bottom: 10px;
}

.activeMenu,
.navbar-inner li a:hover {
    color: #0a58ca;
    border-bottom: 3px solid #0a58ca !important;
    padding-bottom: 10px;
}

.pagination-main nav>div>div>span>a {
    max-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s ease-in-out;
}

.pagination-main nav>div>div>span>span>span svg,
.pagination-main nav>div>div>span>a svg {
    min-width: 29px;
}

.pagination-main nav>div>div>span {
    display: flex;
}

.pagination-main nav>div>div>span>span[aria-current="page"],
.pagination-main nav>div>div>span>span[aria-disabled="true"] {
    display: flex;
}

.pagination-main nav>div>div>span>span[aria-current="page"] span,
.pagination-main nav>div>div>span>span[aria-disabled="true"] span {
    display: flex;
    align-items: center;
}

.pagination-main nav>div>div>span>span[aria-current="page"] span,
.pagination-main nav>div>div>span>a:hover,
.pagination-main nav>div:first-child a:hover {
    background-color: #3964AF !important;
    color: #ffffff;
}

.pagination-main div>div:last-child {
    display: flex;
    justify-content: end;
}

.pagination-main div>div:first-child {
    text-align: right;
}

.pagination-main nav>div:first-child {
    display: none;
}



.submit-clear-both {
    display: flex;
}

.btn-s-c {
    margin-right: 10px;
}

.right-list-box-content .right-list-box-content-title {
    height: 39px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.right-list-box-img img,
.top-companies-list-box-img img {
    width: 35px;
    padding: 3px;
}

.form-field-outer.upload_icon input {
    padding-right: 20px;
}

.sub-banner-image img {
    margin: 0 auto;
}

/* vr 1 end */
/* vr 2 start */

.search-outer form {
    width: 100%;
}

.alert-info-vr {
    background-color: #aee4e7;
    padding: 10px 10px 1px;
    border-left: 5px solid #ff0000;
}

.alert-info-vr p {
    color: red;
    font-size: 18px;
}

.alert-info-vr p a,
.alert-info-vr p span {
    color: #0a58ca;
    font-weight: 700;
}

.f-f-content-right p *,
.funfact-content p *,
.funfact-content *,
.who-we-r-content-head p * {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 25px !important;
    color: #414141 !important;
    margin-bottom: 15px !important;
    text-align: justify !important;
    background-color: transparent !important;
}

.f-f-content-left img {
    border-radius: 10px;
}

.activeMenuFooter {
    color: #0a58ca;
}

.right-list-box-rating {
    text-align: center;
}

.forget-pass {
    justify-content: center;
}
.left-side-menu li {
    margin-bottom: 5px;
}
span.review-status {
    position: absolute;
    right: 0;
    top: -7px;
    font-size: 16px;
}
.companyRegister  {
    background: #02425B;
    padding: 50px 0;
}
.companyRegister .title {
    padding-left: 25px;
    border-left: 4px solid #fff;
}
.companyRegister .title h2 {
    font-size: 38px;
    font-weight: bold;
}

a.blue-bg.white-color {
    background: #3964AF;
    padding: 15px;
    border-radius: 7px;
    border: 1px solid transparent;
    transition: .4s ease-in-out;
}
a.blue-bg.white-color:hover {border: 1px solid #ffffff;
    background-color: transparent !important;
    color: #ffffff;}
/*
 vr 2 end */
/* after login uder profile start */
.profile-login span.user-avtar-img {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
    text-align: center;
    display: flex;
}
.profile-login a {
    font-weight: 600;
    line-height: 30px;
}
.profile-login{
    margin-bottom: 20px;
    font-size: 22px;
}
.user-avtar-img {
    width: 36px;
    height: 36px;
    display: flex;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
    align-items: center;
}
/* after login uder profile end */

/* type head overflow start */

.type-head-outer .dropdown-item {
    white-space: pre-wrap !important;
}

/* type head overflow end  */
.forum-reply-comment {position: relative;}
.forum-reply-comment .companies-profile-top {
    display: block;
    width: 100%;
}
.forum-reply-comment .accordion-button {display: flex ; flex-wrap: wrap;}
.forum-reply-comment .accordion-item {
    padding: 0px 0px;
    margin: 0px 0px;
}
.reply-first-child .forum-reply-comment .forum-details-description {
    margin: 20px 0px 40px 20px;
}
.forum-reply-comment .accordion-button::after {
    background-position-y: top;
    position: absolute;
    right: 15px;
    top: 30px;
}
.sub-banner-full-image ,.sub-banner-full-image *{width: 100%;}



/* 19-12-2024 - Hanif */
.circular-sub-category-box {
    /* background-image: url(../images/company-list-box-bg.png);     */
    max-width: 300px;
    border-radius: 10px;
    text-align: center;
    padding: 10px 10px 10px 10px;
    background-size: contain;
    /* background-repeat: no-repeat; */
    background-color: #fff;
    background-position-y: bottom;
    box-shadow: 0px 4px 20px 0px #90E0DF66;
}


.circular-item-title {
    /* flex: 0 0 60%; */
    padding: 0 15px;
}

/* //cmp page sub banner */
/* .sub-banner-no-margin .sub-banner-content{
    padding: 0px 0px;
} */