/* GOBAL_CSS_CHANGES_START_FROM_HERE */
* {
    margin: 0px;
    padding: 0px;
}

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
ul,
li,
a,
.btn-default,
textarea,
label {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

button,
input {
    outline: none !important;
}

/* GOBAL_CSS_CHANGES_END_HERE */
/* GOBAL_VAR_CSS_START_FROM_HERE */
:root {
    --blue-: #31539F;
    --black-:#000000;
    --white-: #FFFFFF;
    --poppins-Regular: "Poppins-Regular";
    --poppins-medium: "Poppins-Medium";
    --poppins-semiBold: "Poppins-SemiBold";
    --poppins-bold: "Poppins-Bold";
    --alfaSlabOne-regular: "AlfaSlabOne-Regular";
    --montserrat-bold: "Montserrat-Bold";
    --montserrat-regular: "Montserrat-Regular";
    --montserrat-semiBold: "Montserrat-SemiBold";
    --openSans-bold: "OpenSans-Bold";
    --openSans-regular: "OpenSans-Regular";
    --spaceGrotesk-medium: "SpaceGrotesk-Medium";
}

/* GOBAL_VAR_CSS_CSS_HERE */
/* FONT_CSS_START_FROM_HERE */
@font-face {
    font-family: "Poppins-Regular";
    src: url("../webfonts/Poppins-Regular.ttf");
    font-weight: regular;
    font-style: normal;
}

@font-face {
    font-family: "Poppins-Medium";
    src: url("../webfonts/Poppins-Medium.ttf");
    font-weight: regular;
    font-style: normal;
}

@font-face {
    font-family: "Poppins-SemiBold";
    src: url("../webfonts/Poppins-SemiBold.ttf");
    font-weight: regular;
    font-style: normal;
}

@font-face {
    font-family: "Poppins-Bold";
    src: url("../webfonts/Poppins-Bold.ttf");
    font-weight: regular;
    font-style: normal;
}
@font-face {
    font-family: "AlfaSlabOne-Regular";
    src: url("../webfonts/AlfaSlabOne-Regular.ttf");
    font-weight: regular;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat-Bold";
    src: url("../webfonts/Montserrat-Bold.ttf");
    font-weight: regular;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat-Regular";
    src: url("../webfonts/Montserrat-Regular.ttf");
    font-weight: regular;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat-SemiBold";
    src: url("../webfonts/Montserrat-SemiBold.ttf");
    font-weight: regular;
    font-style: normal;
}
@font-face {
    font-family: "OpenSans-Bold";
    src: url("../webfonts/OpenSans-Bold.ttf");
    font-weight: regular;
    font-style: normal;
}
@font-face {
    font-family: "OpenSans-Regular";
    src: url("../webfonts/OpenSans-Regular.ttf");
    font-weight: regular;
    font-style: normal;
}
@font-face {
    font-family: "SpaceGrotesk-Medium";
    src: url("../webfonts/SpaceGrotesk-Medium.ttf");
    font-weight: regular;
    font-style: normal;
}

/* FONT_CSS_END_HERE */

/* HEADER_CSS_START_FROM_HERE */
.container-fluid{
    padding:0;
}
.header-main-wrap-flex{
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 0px 0px 0px 50px;
}
.header-main-wrap-searchbar-flex{
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 20px 0px 10px 50px;
}
.header-main-wrap-location {
    display: flex;
    align-items: self-end;
    gap: 10px;
    width: 100%;
}
.header-main-wrap-text {
    width: 100%;
}
.header-main-wrap-location-text h2{
    font-size: 16px;
    font-family: var(--poppins-Regular);
    color: #9A9EA6;
}
.header-main-wrap-location-text p{
    font-size: 16px;
    font-family: var(--poppins-medium);
    color: #2B4A9A;
}
.header-main-wrap-searchbar{
    display: flex;
    align-items: center;
    background-color: #F0F1F2;
    padding: 0px 10px 0px 20px;
    height: 50px;
    border-radius: 30px;
    gap: 10px;
    width: 100%;
    margin: 0px 50px 0px 0px;
    border: 1px solid #D8D8D8;
}
.header-main-wrap-searchbar input{
    font-size: 16px;
    font-family: var(--poppins-Regular);
    color: #585858;
    background-color: transparent;
    border: none;
    width: 90%;
}
.header-main-wrap-nav-flex {
    background-color: #31539F;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    padding: 0px 30px 0px 50px;
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 3% 0);
    margin: 10px 0px 0px 0px;
}
.header-main-nav ul{
    display: flex;
    gap: 70px;
    align-items: center;
}
.header-main-nav ul li a{
    font-size: 18px;
    font-family: var(--poppins-Regular);
    color: #ffffff;
    transition: 0.5s all;
    opacity: 0.9;
    position: relative;
}
.header-main-nav ul li a::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #FFFFFF;
    bottom: -90%;
    transform-origin: left;
    transform: scaleX(0);
    transition: 0.5s all;
}
.header-main-nav ul li a:hover{
    opacity: 1;
}
.header-main-nav ul li a:hover::before{
    transform: scaleX(1);
}
.header-main-wrap-searchbar a i {
    font-size: 18px;
    color: #31539F;
}
/* HEADER_CSS_END_HERE */

/* INDEX-CSS-START-FROM-HERE */
.index-banner-wrap-text {
    text-align: center;
    position: relative;
}
.index-banner-wrap-text::before {
    content: '';
    position: absolute;
    width: 75%;
    height: 350px;
    background: rgb(0 0 0 / 6%);
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    border-radius: 10px;
}
.index-banner-wrap-text-heading {
    margin: 0px 0px 5px 0px;
}
.index-banner-wrap-text-heading h6{
    font-size: 50px;
    font-family: var(--montserrat-semiBold);
    color: #ffffff;
    width: 70%;
    margin: 0 auto;
    text-shadow: 3px 1px 5px #0000008f;
}
.index-banner-wrap-text-sub-heading {
    margin: 0px 0px 10px 0px;
}
.index-banner-wrap-text-sub-heading h3{
    font-size: 25px;
    font-family: var(--openSans-bold);
    color: #ffffff;
    text-shadow: 3px 1px 5px #0000008f;
}
.index-banner-wrap-text-para {
    margin: 0px 0px 10px 0px;
}
.index-banner-wrap-text-para p{
    font-size: 14px;
    font-family: var(--openSans-bold);
    color: #ffffff;
    width: 60%;
    margin: 0 auto;
    text-shadow: 3px 1px 5px #0000008f;
}
.index-banner-slider{
    position: relative;
}
.index-banner-slider .owl-nav .owl-prev{
    position: absolute;
    color: #ffffff !important;
    top: 40%;
    left: 5%;
}
.index-banner-slider .owl-nav .owl-prev:hover{
    background-color: transparent;
}
.index-banner-slider .owl-nav .owl-prev span{
    font-size: 100px;
}
.index-banner-slider .owl-nav .owl-next{
    position: absolute;
    color: #ffffff !important;
    top: 40%;
    right: 5%;
}
.index-banner-slider .owl-nav .owl-next:hover{
    background-color: transparent;
}
.index-banner-slider .owl-nav .owl-next span{
    font-size: 100px;
}
.index-banner-slider .item {
    height: 90vh;
    width: 100%;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}
.index-banner-slider .item::before{
    content: '';
    position: absolute;
    background: linear-gradient(0deg, rgb(0 0 0 / 40%) 0%, rgba(0,0,0,0) 40%);
    width: 100%;
    height: 100%;
    left: 0%;
    bottom: 0%;
}
.index-first-wrapper{
    padding: 100px 0px 200px 0px;
    position: relative;
}
.index-first-wrap-text {
    width: 80%;
}
.index-first-wrap-text h3{
    font-family: var(--montserrat-semiBold);
    font-size: 18px;
    color: var(--blue-);
}
.index-first-wrap-text h5{
    font-family: var(--montserrat-semiBold);
    font-size: 40px;
    color: var(--black-);
    margin: 0px 0px 10px 0px;
}
.index-first-wrap-text p{
    font-family: var(--openSans-regular);
    font-size: 16px;
    color: #8A8A8A;
    margin: 0px 0px 10px 0px;
}
.index-first-wrap-text a{
    width: 136px;
    display: flex;
    height: 40px;
    background-color: var(--blue-);
    color: var(--white-);
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: 0.5s all;
}
.index-first-wrap-text a:hover{
    background-color: transparent;
    border: 1px solid var(--blue-);
    color: var(--blue-);
}
.index-first-wrap-btn{
    margin: 20px 0px 0px 0px;
}
.index-first-wrap-bg-img{
    position: absolute;
    right: 170px;
    z-index: -1;
    bottom: 130px;
}
.index-new-wrapper {
    padding: 50px 0px;
}
.index-second-wrapper{
    padding: 100px 0px 200px 0px;
    background-color: var(--blue-);
    position: relative;
}
.index-first-wrap-bg-text h6{
    font-family: var(--alfaSlabOne-regular);
    font-size: 150px;
    color: #373737;
    opacity: 0.2;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.index-second-wrap-text {
    width: 40%;
    margin: 0 auto;
    text-align: center;
}
.index-second-wrap-text h3{
    font-family: var(--montserrat-semiBold);
    font-size: 18px;
    color: var(--white-);
}
.index-second-wrap-text h5{
    font-family: var(--montserrat-semiBold);
    font-size: 40px;
    color: var(--white-);
}
.index-second-wrap-text p{
    font-family: var(--openSans-regular);
    font-size: 14px;
    color: var(--white-);
    line-height: 25px;
    margin: 10px 0px 50px 0px;
}
.index-second-wrap-card-img{
    position: relative;
}
.index-second-wrap-card-img span {
	font-family: var(--montserrat-regular);
	font-size: 15px;
	color: #FBFBFB;
	display: flex;
	padding: 10px;
	align-items: center;
	height: 55px;
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	bottom: 0;
	text-align: center;
	transition: 0.3s all;
	width: 100%;
	display: flex;
	align-content: center;
	justify-content: center;
}
.index-second-wrap-main-card {
    margin: 0px 10px 0px 10px;
}
.index-second-wrap-main-card:hover .index-second-wrap-card-img span{
    transform: translate(0%,-70%);
    color: var(--black-);
    background: rgba(255, 255, 255, 0.801);
}
.index-second-slider{
    position: relative;
}
.index-second-slider .owl-nav .owl-prev{
    position: absolute;
    color: #ffffff !important;
    top: 25%;
    left: -5%;
}
.index-second-slider .owl-nav .owl-prev:hover{
    background-color: transparent;
}
.index-second-slider .owl-nav .owl-prev span{
    font-size: 100px;
}
.index-second-slider .owl-nav .owl-next{
    position: absolute;
    color: #ffffff !important;
    top: 25%;
    right: -5%;
}
.index-second-slider .owl-nav .owl-next:hover{
    background-color: transparent;
}
.index-second-slider .owl-nav .owl-next span{
    font-size: 100px;
}
.index-third-wrapper{
    padding: 100px 0px;
    background-image: url(../images/third-banner.png);
    background-position: center;
    background-size: cover;
    position: relative;
}
.index-third-wrap-card-img {
    position: relative;
}
.index-third-wrap-card-img:hover.index-third-wrap-card-img span{
    transform: translate(0%,-70%);
    color: var(--blue-);
    background: rgba(255, 255, 255, 0.9);

}
.index-third-wrap-card-img span{
    font-family: var(--montserrat-regular);
    font-size: 15px;
    color: #FBFBFB;
    background: rgba(49, 83, 159, 0.9);
    height: 20%;
    position: absolute;
    padding: 10px;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s all;
}
.index-third-wrap-card{
    display: flex;
    gap: 40px;
}
.index-third-wrap-text h3{
    font-family: var(--montserrat-semiBold);
    font-size: 18px;
    color: var(--blue-);
}
.index-third-wrap-text h5{
    font-family: var(--montserrat-semiBold);
    font-size: 40px;
    color: var(--black-);
}
.index-third-wrap-text p{
    font-family: var(--openSans-regular);
    font-size: 14px;
    color: #8A8A8A;
    line-height: 26px;
    margin: 17px 0px 17px 0px;
}
.index-third-wrap-text a{
    width: 136px;
    display: flex;
    height: 40px;
    background-color: var(--blue-);
    color: var(--white-);
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: 0.5s all;

}
.index-third-wrap-text a:hover{
    background-color: transparent;
    border: 1px solid var(--blue-);
    color: var(--blue-);
}
.index-third-wrap-text-btns{
    margin: 20px 0px 0px 0px;
}
.index-third-wrap-text {
    margin: 0px 0px 0px 50px;
    width: 75%;
}
.index-second-wrap-bg-text h6{
    font-family: var(--alfaSlabOne-regular);
    font-size: 180px;
    color: var(--white-);
    opacity: 0.2;
    position: absolute;
    top: -30%;
    left: 30%;
}
.index-fourth-wrapper{
    background-image: url(../images/fourth-banner.png);
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 600px;
}
.index-fourth-wrapper-text{
    text-align: center;
}
.index-fourth-wrapper-text h3{
    font-family: var(--montserrat-semiBold);
    font-size: 18px;
    color: var(--white-);
}
.index-fourth-wrapper-text h5{
    font-family: var(--montserrat-semiBold);
    font-size: 40px;
    color: var(--white-);
    margin: 0px 0px 50px 0px;
}
.index-fourth-wrap-box-img h3{
    font-family: var(--montserrat-semiBold);
    font-size: 20px;
    color: var(--white-);
}
.index-fourth-wrap-bg-text h6{
    font-family: var(--alfaSlabOne-regular);
    font-size: 180px;
    color: #FFFFFF;
    opacity: 0.2;
    position: absolute;
    top: -25%;
    left: 30%;
}
.index-fourth-wrap-box-img h2{
    font-family: var(--montserrat-regular);
    font-size: 17px;
    color: var(--white-);
}
.index-fourth-wrap-popup{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    width: 592px;
    height: 199px;
    background: #31539F;
    border-radius: 5px;
    flex-direction: column;
    text-align: center;
    position: relative;
}
.index-fourth-wrap-popup::before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-right: 32px solid #31539F;
    position: absolute;
    top: 70px;
    left: -31px;
}
.index-fourth-wrap-popup p{
    font-family: var(--openSans-regular);
    font-size: 18px;
    color: var(--white-);
    margin: 0px 0px 10px 0px;
}
.index-fourth-wrap-box-flex{
    display: flex;
    gap: 50px;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.index-fourth-wrap-box-img img {
    width: 200px !important;
    height: 200px;
    border-radius: 140px;
    object-fit: cover;
    margin: 0px auto 10px auto;
}
.index-fourth-slider .owl-dots .owl-dot span{
    transition:0.5s all;
}
.index-fourth-slider .owl-dots .owl-dot.active span, .index-fourth-slider .owl-dots .owl-dot:hover span {
    background: #31539F ;
}
.index-fifth-wrapper {
    padding: 100px 0px;
    position:relative;
}
.index-fifth-wrap-text {
    margin: 0px 0px 10px 0px;
}
.accordion-custom {
    width: 100%;
}
.index-fifth-wrap-accordians {
    display: flex;
    gap: 50px;
    justify-content: center;
}
.accordion-item button{
    font-size: 20px;
    font-family: var(--spaceGrotesk-medium);
    color: #31539F;
    outline: none;
    border: none;
}
.accordion-custom-flex {
    width: 100%;
}
.accordion-button:not(.collapsed) {
    color: #ffffff !important;
    background-color: #31539F !important;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1) !important;
}
.accordion-button:focus {
    border-color: none;
    outline: none;
    box-shadow: none;
}
.accordion-item {
    margin: 0px 0px 20px 0px;
    border: 1px solid #31539F !important;
}
.index-banner-wrap-text-field{
    width: 60%;
    background-color: #fff;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0px 0px 30px;
    border-radius: 5px;
    z-index: 1;
    position: relative;
}
.index-banner-wrap-text-field input{
    background-color: transparent;
    font-size: 18px;
    font-family: var(--poppins-Regular);
    color: #9E9E9E;
    border: none;
    width: 75%;
    height: 60px;
}
.index-banner-wrap-text-field a{
    height: 60px;
    background-color: #31539F;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-family: var(--poppins-medium);
    color: #ffffff;
    width: 20%;
    border-radius: 0px 3px 3px 0px;
    transition: 0.5s all;
}
.index-banner-wrap-text-field a:hover{
    background-color: transparent;
    color: var(--blue-);
}
.index-fifth-wrap-text h3{
    font-size: 17px;
    font-family: var(--montserrat-semiBold);
    color: #31539F;
}
.index-fifth-wrap-text h6{
    font-size: 36px;
    font-family: var(--montserrat-semiBold);
    color: #000000;
}
.index-fifth-wrap-tab-text-content{
    display: flex;
    align-items: center;
    gap: 10px;
    height: 70px;
    padding: 0px 10px 0px 20px;
    transition: 0.5s all;
}
.index-fifth-wrap-tab-text{
    transition: 0.5s all;
    width: 50%;
    margin: 0px 0px 20px 0px;
}
.index-fifth-wrap-tab-text.active{
    background-color: #31539F;
}
.index-fifth-wrap-tab-text.active .index-fifth-wrap-tab-text-content p{
    color: #ffffff;
}
.index-fifth-wrap-tab-text.active .index-fifth-wrap-tab-text-content img{
    background-color: #fff;
    border-radius: 50px;
    padding: 5px 5px 5px 5px;
}
.index-fifth-wrap-tab-text:hover{
    background-color: #31539F;
}
.index-fifth-wrap-tab-text:hover .index-fifth-wrap-tab-text-content p{
    color: #ffffff;
}
.index-fifth-wrap-tab-text:hover .index-fifth-wrap-tab-text-content img{
    background-color: #fff;
    border-radius: 50px;
    padding: 5px 5px 5px 5px;
}
.index-fifth-wrap-tab-text-content p{
    font-size: 20px;
    font-family: var(--poppins-medium);
    color: #000000;
}
.index-sixth-wrapper{
    padding: 100px 0px;
    background-color: #F6F6F6;
}
.index-sixth-wrap-text-heading {
    margin: 0px 0px 20px 0px;
}
.index-sixth-wrap-text-heading h3{
    font-size: 17px;
    font-family: var(--montserrat-semiBold);
    color: #31539F;
}
.index-sixth-wrap-text-heading h6{
    font-size: 42px;
    font-family: var(--montserrat-semiBold);
    color: #000000;
}
.index-sixth-wrap-text-para {
    margin: 0px 0px 20px 0px;
}
.index-sixth-wrap-text-para p {
    font-size: 14px;
    font-family: var(--openSans-regular);
    color: #8A8A8A;
    width: 70%;
    margin: 0px 0px 10px 0px;
}
.index-sixth-wrap-text-para ul{
    margin: 0px 0px 10px 0px;
}
.index-sixth-wrap-text-para ul li a{
    font-size: 14px;
    font-family: var(--openSans-regular);
    color: #8A8A8A;
}
.index-sixth-wrap-text-para h3 {
    font-size: 17px;
    font-family: var(--montserrat-semiBold);
    color: #31539F;
    margin: 0px 0px 10px 0px;
}
.index-sixth-wrap-text-links ul li{
    font-size: 14px;
    font-family: var(--openSans-regular);
    color: #7C7C7C;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 2;
}
.index-sixth-wrap-text-links ul li i{
    color: #000000;
    font-size: 16px;
}
.index-sixth-wrap-btn input {
    width: 100%;
    background-color: #31539F;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-size: 13px;
    font-family: var(--montserrat-bold);
    color: #ffffff;
    transition: 0.5s all;
    border: none;
}
.index-sixth-wrap-btn input:hover{
    background-color: transparent;
    border: 1px solid var(--blue-);
    color: var(--blue-);
}
.index-sixth-wrap-inputs{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.index-sixth-wrap-input{
    margin: 0px 0px 10px 0px;
}
.index-sixth-wrap-input input{
    width: 100%;
    height: 50px;
    border: none;
    background-color: #D9D9D9;
    font-size: 13px;
    font-family: var(--openSans-regular);
    color: #878787;
    border-radius: 5px;
    padding: 0px 20px 0px 20px;
}
.index-sixth-wrap-textarea input {
    width: 100%;
    height: 100px;
    border: none;
    background-color: #D9D9D9;
    font-size: 13px;
    font-family: var(--openSans-regular);
    color: #878787;
    border-radius: 5px;
    padding: 0px 20px 0px 20px;
}
.index-sixth-wrap-input input:focus{
    border: 1px solid var(--blue-);
}
.index-sixth-wrap-textarea{
    margin: 0px 0px 10px 0px;
}
.index-sixth-wrap-textarea textarea{
    width: 100%;
    height: 110px;
    border: none;
    background-color: #D9D9D9;
    font-size: 13px;
    font-family: var(--openSans-regular);
    color: #878787;
    border-radius: 5px;
    padding: 20px 20px 0px 20px;
    resize: none;
    outline: none;
}
.index-sixth-wrap-textarea textarea:focus{
    border: 1px solid var(--blue-);
}
.index-sixth-wrap-btn a{
    width: 100%;
    background-color: #31539F;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-size: 13px;
    font-family: var(--montserrat-bold);
    color: #ffffff;
    transition: 0.5s all;
}
.index-sixth-wrap-btn a:hover{
    background-color: transparent;
    border: 1px solid var(--blue-);
    color: var(--blue-);
}
/* INDEX-CSS-END-HERE */

/* CONTACT-CSS-START-FROM-HERE */
.contact-banner-wrapper{
    background-image: url(../images/contact-banner.png);
    background-position: center;
    background-size:  cover;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.contact-first-wrapper{
    padding: 100px 0px;
}
/* CONTACT-CSS-END-HERE */

/* / SIGNIN CSS START FORM HERE / */
.signin-first-wrapper{
    padding: 100px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.signin-first-wrap-text{
    text-align: center;
}
.signin-first-wrap-text h6{
    font-size: 35px;
    font-family: var(--montserrat-bold);
    color: #1C1C1C;
    margin: 0px 0px 20px 0px;
}
.signin-first-wrap-text p{
    font-size: 20px;
    font-family: var(--montserrat-regular);
    color: #00000066;
}
.signin-first-wrap-btns{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.signin-first-wrap-btn a{
    font-size: 14px;
    font-family: var(--poppins-Regular);
    color: #1C1C1C;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background-color: #FFFFFF;
    border: 1px solid #0000001A;
    border-radius: 12px;
    padding: 0px 30px 0px 30px;
    gap: 10px;
    width: 100%;
}
.signin-first-wrap-small-text{
    text-align: center;
}
.signin-first-wrap-small-text p{
    font-size: 17px;
    font-family: var(--montserrat-regular);
    color: #00000066;
    position: relative;
    margin: 0px 0px 20px 0px;
}
.signin-first-wrap-small-text p::before{
    content: '';
    position: absolute;
    width: 13%;
    color: #0000001A;
    border: 1.5px solid #0000001A;
    left: 29%;
    top: 45%;
}
.signin-first-wrap-small-text p::after{
    content: '';
    position: absolute;
    width: 13%;
    color: #0000001A;
    border: 1.5px solid #0000001A;
    right: 29%;
    top: 45%;
}
.signin-first-wrap-inputs {
    width: 40%;
    margin: 0 auto;
}
.signin-first-wrap-input input{
    width: 100%;
    height: 55px;
    border: 1px solid #0000001A;
    font-size: 14px;
    font-family: var(--openSans-regular);
    color: #878787;
    padding: 0px 20px 0px 20px;
    border-radius: 12px;
    margin: 0px 0px 10px 0px;
}
.signin-first-wrap-input-text{
    text-align: end;
}
.signin-first-wrap-input-text a{
    font-size: 18px;
    font-family: var(--montserrat-regular);
    color: #31539F;
    margin: 0px 0px 10px 0px;
    display: block;
}
.signin-first-wrap-main-btn {
    display: flex;
    justify-content: center;
}
.signin-first-wrap-main-btn button{
    width: 45%;
    height: 55px;
    background-color: #31539F;
    font-size: 18px;
    font-family: var(--montserrat-semiBold);
    border: none;
    color: #FFFFFF;
    border-radius: 12px;
    margin: 0px 0px 10px 0px;
}
.signin-first-wrap-last-text{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.signin-first-wrap-last-text p{
    font-size: 18px;
    font-family: var(--montserrat-regular);
    color: #00000066;
}
.signin-first-wrap-last-text a{
    font-size: 18px;
    font-family: var(--montserrat-regular);
    color: #31539F;
}
/* / SIGNIN CSS END HERE / */
/* BLOG-CSS-START-FROM-HERE */
.blog-banner-wrapper{
    background-image: url(../images/contact-banner.png);
    background-position: center;
    background-size:  cover;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.blog-first-wrapper{
    padding: 100px 0px 100px 0px;
}
.blog-first-wrap-blog{
    margin: 0px 0px 50px 0px;
}
.blog-first-wrap-blog-img {
    margin: 0px 0px 20px 0px;
}
.blog-first-wrap-blog-text {
    width: 80%;
}
.blog-first-wrap-blog-text span{
    font-size: 15px;
    font-family: var(--openSans-regular);
    color: #8A8A8A;
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0px 0px 10px 0px;
}
.blog-first-wrap-blog-text h6{
    font-size: 28px;
    font-family: var(--poppins-semiBold);
    color: #000000;
    margin: 0px 0px 10px 0px;
}
.blog-first-wrap-blog-text p{
    font-size: 15px;
    font-family: var(--openSans-regular);
    color: #8A8A8A;
}
.blog-first-wrap-texts{
    border-top: 1px solid #8A8A8A;
    margin: 20px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
}
.blog-first-wrap-text {
    margin: 0px 0px 20px 0px;
}
.blog-first-wrap-text h4{
    font-size: 28px;
    font-family: var(--poppins-semiBold);
    color: #000000;
}
.blog-first-wrap-text ul{
    padding: 10px 0px 0px 20px;
    line-height: 2.5;
}
.blog-first-wrap-text ul li{
    list-style: disc;
    font-size: 15px;
    font-family: var(--openSans-regular);
    color: #8A8A8A;
}
/* / BLOG-CSS-ENDS-HERE / */

/* / SIGNUP CSS START FORM HERE / */
.signup-first-wrapper{
    padding: 100px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.signup-first-wrap-text{
    text-align: center;
}
.signup-first-wrap-text h6{
    font-size: 35px;
    font-family: var(--montserrat-bold);
    color: #1C1C1C;
    margin: 0px 0px 10px 0px;
}
.signup-first-wrap-text p{
    font-size: 20px;
    font-family: var(--montserrat-regular);
    color: #00000066;
}
.signup-first-wrap-btns{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.signup-first-wrap-btn a {
    font-size: 14px;
    font-family: var(--poppins-Regular);
    color: #1C1C1C;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background-color: #FFFFFF;
    border: 1px solid #0000001A;
    border-radius: 12px;
    padding: 0px 30px 0px 30px;
    gap: 10px;
    width: 100%;
}
.signup-first-wrap-small-text{
    text-align: center;
}
.signup-first-wrap-small-text p{
    font-size: 17px;
    font-family: var(--montserrat-regular);
    color: #00000066;
    position: relative;
    margin: 0px 0px 10px 0px;
}
.signup-first-wrap-small-text p::before{
    content: '';
    position: absolute;
    width: 13%;
    color: #0000001A;
    border: 1.5px solid #0000001A;
    left: 29%;
    top: 45%;
}
.signup-first-wrap-small-text p::after{
    content: '';
    position: absolute;
    width: 13%;
    color: #0000001A;
    border: 1.5px solid #0000001A;
    right: 29%;
    top: 45%;
}
.signup-first-wrap-inputs {
    width: 60%;
    margin: 0 auto;
}
.signup-first-wrap-input input{
    width: 100%;
    height: 50px;
    border: 1px solid #0000001A;
    font-size: 14px;
    font-family: var(--openSans-regular);
    color: #878787;
    padding: 0px 20px 0px 20px;
    border-radius: 12px;
    margin: 0px 0px 10px 0px;
}
.signup-first-wrap-input select {
	width: 100%;
	height: 55px;
	border: 1px solid #0000001A;
	font-size: 14px;
	font-family: var(--openSans-regular);
	color: #878787;
	padding: 0px 20px 0px 15px;
	border-radius: 12px;
	outline: none;
	margin: 0px 0px 10px 0px;
}
.signup-first-wrap-input-text{
    text-align: end;
}
.signup-first-wrap-input-text a{
    font-size: 18px;
    font-family: var(--montserrat-regular);
    color: #31539F;
}
.signup-first-wrap-main-btn {
    display: flex;
    justify-content: center;
}
.signup-first-wrap-main-btn button{
    width: 50%;
    height: 50px;
    background-color: #31539F;
    font-size: 18px;
    font-family: var(--montserrat-semiBold);
    border: none;
    color: #FFFFFF;
    border-radius: 12px;
}
.signup-first-wrap-last-text{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.signup-first-wrap-last-text p{
    font-size: 18px;
    font-family: var(--montserrat-regular);
    color: #00000066;
}
.signup-first-wrap-last-text a{
    font-size: 18px;
    font-family: var(--montserrat-regular);
    color: #31539F;
}
/* / SIGNUP CSS START FORM HERE / */

/* PRODUCT-CSS-START-FROM-HERE */
.product-banner-wrapper-1{
    background-image: url(../images/5555.png);
    background-position: center;
    background-size:  cover;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.product-banner-wrapper-2{
    background-image: url(../images/product-banner-2.png);
    background-position: center;
    background-size:  cover;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.product-banner-wrapper-3{
    background-image: url(../images/product-banner-3.png);
    background-position: center;
    background-size:  cover;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.product-banner-wrapper-4{
    background-image: url(../images/product-banner-4.png);
    background-position: center;
    background-size:  cover;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.common-banner-wrap-text{
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 37px 37px 0px 0px;
    height: 120px;
    width: 430px;
    padding: 15px 60px;
}
.common-banner-wrap-text h6{
    font-size: 46px;
    font-family: var(--montserrat-regular);
    color: #292F36;
}
.common-banner-wrap-text ul{
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}
.common-banner-wrap-text ul li a{
    font-size: 19px;
    font-family: var(--montserrat-regular);
    color: #4D5053;
}
.product-second-wrapper {
    padding: 100px 0px 50px 0px;
}
.product-second-wrap-text h6{
    font-size: 40px;
    font-family: var(--montserrat-semiBold);
    color: #000000;
}
.product-second-wrap-text p {
    font-size: 14px;
    font-family: var(--openSans-regular);
    color: #8A8A8A;
    width: 70%;
    margin: 0px 0px 40px 0px;
}
.product-first-wrapper {
    padding: 100px 0px;
}
.product-first-wrap-tabs{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 0px 100px 0px;
}
.product-first-wrap-tabs ul li button{
    font-size: 14px;
    font-family: var(--montserrat-semiBold);
    color: #31539F;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background-color: #F1F1F1 !important;
    border: 1px solid #31539F !important;
    margin: 0px 10px 0px 0px;
    transition: 0.5s all;
}
.product-first-wrap-tabs ul li button:hover{
    background-color: #31539F !important;
    color: var(--white-) !important;
}
.nav-pills .nav-link {
    border-radius: 0;
}
.product-first-wrap-tabs ul li button.active{
   background-color: #31539F !important;
   color: var(--white-) !important;
}

.product-first-wrap-tabs-content{
    height: 800px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    padding: 0px 60px 0px 0px;
}
.product-first-wrap-tabs-content::-webkit-scrollbar {
    width: 9px;
  }
.product-first-wrap-tabs-content::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
.product-first-wrap-tabs-content::-webkit-scrollbar-thumb {
    background: #2B4A9A; 
    border-radius: 20px;
    transition: 0.5s all;
  }
.product-first-wrap-tabs-content::-webkit-scrollbar-thumb:hover {
    background: #31539F; 
  }
.product-first-wrap-tabs-content-btn a{
    font-size: 20px;
    font-family: var(--montserrat-regular);
    color: #31539F;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: 1px solid #31539F;
    height: 70px;
    margin: 0px 0px 10px 0px;
    transition: 0.5s all;
}
.product-first-wrap-tabs-content-btn a:hover{
    background-color: #31539F;
    color: var(--white-);
}

.product-inner-banner-wrapper{
    background-image: url(../images/product-inner.png);
    background-position: center;
    background-size:  cover;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.product-inner-wrapper{
    padding: 100px 0px;
}
.product-inner-wrap-text h6{
    font-size: 36px;
    font-family: var(--montserrat-semiBold);
    color: #000000;
    margin: 0px 0px 50px 0px;
}
.product-inner-wrap-top-selects {
    margin: 0px 0px 50px 0px;
}
.product-inner-wrap-select select{
    width: 100%;
    height: 70px;
    background-color: transparent;
    border: 1px solid #31539F;
    font-size: 20px;
    font-family: var(--montserrat-regular);
    color: #31539F;
    outline: none;
    padding: 0px 20px 0px 20px ;
    transition: 0.5s all;
    margin: 0px 0px 20px 0px;
}
.product-inner-wrap-input input{
    width: 100%;
    height: 70px;
    background-color: transparent;
    border: 1px solid #31539F;
    font-size: 20px;
    font-family: var(--montserrat-regular);
    color: #31539F;
    outline: none;
    padding: 0px 20px 0px 20px ;
    transition: 0.5s all;
    margin: 0px 0px 20px 0px;
}
.product-inner-wrap-input input::placeholder{
    font-size: 20px;
    font-family: var(--montserrat-regular);
    color: #31539F;
}
.product-inner-wrap-btn input {
    width: 100%;
    height: 70px;
    background-color: #31539F;
    font-size: 22px;
    font-family: var(--montserrat-bold);
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s all;
    border: none;
}
.product-inner-wrap-btn input:hover{
    background-color: transparent;
    border: 1px solid #31539F;
    color: #31539F;
}
.product-first-wrapper{
 padding: 100px 0px;
}
.product-first-wrap-text h4{
    font-family: var(--montserrat-semiBold);
    font-size: 18px;
    color: #31539F;
}
.product-first-wrap-text h6 {
    font-family: var(--montserrat-semiBold);
    font-size: 42px;
    color: #000000;
    border-bottom: 0.5px solid #2B4A9A;
    padding: 5px 0px 10px 0px;
    margin: 0px 0px 20px 0px;
}
.product-title h2 {
	font-size: 20px;
	font-family: var(--montserrat-regular);
	color: var(--black);
	margin: 10px 0px 10px 0px;
}
.product-first-wrap-select{
    display: inline-flex;
    gap: 20px;
    align-items: center;
    margin: 20px 0px;
}
.product-first-wrap-select select{
    width: 60px;
    height: 45px;
    border: 1px solid #E9EAED;
    border-radius: 4px;
    text-align: center;
    font-family: var(--openSans-regular);
    font-size: 14px;
    outline: none;
}
.product-first-wrap-select p{
    font-family: var(--poppins-Regular);
    font-size: 15px;
    color: #8392AB;
}
.product-title h6{
    font-family: var(--montserrat-semiBold);
    font-size: 18px;
    color: var(--black-);
    margin: 0px 0px 10px 0px;
}
.product-table-header input::placeholder{
    color: var(--black-);
}
.product-text a{
    font-family: var(--montserrat-regular);
    font-size: 16px;
    color: #8392AB;
}
.product-list{
    padding: 20px 5px 20px 5px;
    border-bottom: 1px solid #E9EAED;
    border-top: 1px solid #E9EAED;
    height: 80px;
    display: flex;
    align-items: center;
}
.product-btn-1 a{
    font-family: var(--montserrat-regular);
    font-size: 12px;
    color: rgba(131, 146, 171, 0.8);
    transition: 0.5s all;
    width: 80%;
    height: 30px;
    border: 0.378383px solid #CACACA;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.product-btn-1 a:hover{
    color: var(--white-);
    background-color: #2B4A9A;
}
.product-last-text P{
    font-family: var(--montserrat-regular);
    font-size: 14px;
    color: #8392AB;
}
.product-last-btns ul{
    display: flex;
    gap: 35px;
}
.product-last-btns ul li a{
    display: flex;
    width: 330%;
    height: 40px;
    border: 1px solid #8392AB;
    color: #8392AB;
    border-radius: 50%;
    font-family: var(--openSans-regular);
    font-size: 18px;
    justify-content: center;
    align-items: center;
    transition: 0.5s all;
}
.product-last-btns ul li a:hover{
    background-color: #2B4A9A;
    color: var(--white-);
}
.product-last-text-flex {
    display: flex;
    justify-content: space-between;
    padding: 40px 0px 40px 0px;
}
/* PRODUCT-CSS-END-HERE */

/* / ABOUT-CSS-STARTS-HERE / */
.about-banner-wrapper{
    background-image: url(../images/contact-banner.png);
    background-position: center;
    background-size:  cover;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.about-first-wrapper{
    padding: 100px 0px 0px 0px;
}

.about-first-wrapper h6{
    font-family: var(--montserrat-semiBold);
    font-size: 40px;
    color: var(--black-);
    margin: 0px 0px 20px 0px;
}
.about-first-wrapper h4{
    font-family: var(--montserrat-semiBold);
    font-size: 20px;
    color: var(--black-);
    margin: 0px 0px 10px 0px;
}
.about-first-wrapper p{
    font-family: var(--openSans-regular);
    font-size: 15px;
    line-height: 25px;
    color: #8A8A8A;
    margin: 0px 0px 20px 0px;
}
.about-first-wrap-text{
    width: 95%;
}
/* / ABOUT-CSS-ENDS-HERE / */

/* FOOTER-CSS-START-FROM-HERE */
.footer-main-wrapper{
    padding: 100px 0px 0px 0px;
    position:relative;
    overflow: hidden;
}
.footer-links h6{
    font-size: 18px;
    font-family: var(--montserrat-bold);
    color: #2F2F2F;
    margin: 0px 0px 20px 0px;
}
.footer-links ul li a{
    font-size: 15px;
    font-family: var(--openSans-regular);
    color: #626262;
    line-height: 2;
}
.copyright{
    background-color: #31539F;
    padding: 20px 0px 20px 0px;
    margin: 60px 0px 0px 0px;
    
}
.copyright-text{
    text-align: center;
}
.copyright-text p{
    font-size: 15px;
    font-family: var(--openSans-regular);
    color: #ffffff;
}
.footer-leave-img {
    position: absolute;
    bottom: -90px;
    right: -75px;
}
/* FOOTER-CSS-END-HERE */
.dashboard-first-wrap-settings i {
    font-size: 20px;
    color: var(--white-);
}
.dashboard-first-wrap-btn {
    display: flex;
    justify-content: center;
}
.dashboard-first-wrap-btn a{
    width: 140px;
    display: flex;
    height: 40px;
    background-color: var(--blue-);
    color: var(--white-);
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: 0.5s all;
}
.dashboard-first-wrap-btn a:hover {
    background-color: transparent;
    border: 1px solid var(--blue-);
    color: var(--blue-);
}
.dashboard-send-tab-btn button{
    width: 140px;
    display: flex;
    height: 50px;
    background-color: var(--blue-);
    color: var(--white-);
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    outline: none;
    border: none;
    transition: 0.5s all;
    margin: 10px 0px 43px 0px;
}
.dashboard-send-tab-btn button:hover{
    background-color: transparent;
    border: 1px solid var(--blue-);
    color: var(--blue-);
}
.dashboard-send-tab-btn {
    display: flex;
    justify-content: center;
    margin: 0px 0px 20px 0px;
}
.custom-modal .modal-dialog {
    max-width: 100% !important;
    margin: 0px 0px 0px 0px;
}
.custom-modal .modal-content {
    width: 40%;
    margin: 10px auto;
    box-shadow: 5px 7px 16px 5px #00000075;
}
.custom-modal .modal-dialog {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.custom-modal .modal-body {
    padding: 50px 0px 50px 0px;
}
.modal-first-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal-first-wrap-btn {
    display: flex;
    justify-content: center;
    gap: 50px;
}
.modal-first-wrap-btn a {
    width: auto;
    display: flex;
    height: 50px;
    background-color: var(--blue-);
    color: var(--white-);
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: 0.5s all;
    padding: 0px 20px;
    border: 1px solid transparent;
}
.modal-first-wrap-btn input{
    width: 150px;
    display: flex;
    height: 50px;
    background-color: var(--blue-);
    color: var(--white-);
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: 0.5s all;
}
.modal-first-wrap-btn a:hover{
    background-color: transparent;
    border: 1px solid var(--blue-);
    color: var(--blue-);
}
.modal-first-wrap-text {
    text-align: center;
}
.modal-first-wrap-text h6{
    font-size: 20px;
    font-family: var(--openSans-regular);
    color: #262a29;
    margin: 0px 0px 30px 0px;
}
.modal-first-wrap-btn [type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
}
.modal-first-wrap-btn [type="file"] + label {
    background-color: var(--blue-);
    color: var(--white-);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    position: relative;
    transition: all 0.3s;
    vertical-align: middle;
    width: 150px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-first-wrap-btn [type="file"]+ label:hover{
    background-color: transparent;
    border: 1px solid var(--blue-);
    color: var(--blue-);
}
.saved-wrap-box {
    border: 1px solid var(--blue-);
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 70px 70px 30px 70px;
    border-radius: 10px;
    flex-direction: column;
    margin: 50px 0px 0px 0px;
}
.saved-wrap-box-input input{
    background-color: transparent;
    width: 100%;
    height: 65px;
    color: #000;
    outline: none;
    border: 1.62069px solid #828181;
    padding: 10px 20px 10px 20px;
    font-family: var(--openSans-regular);
    font-size: 16px;
    margin: 0px 0px 20px 0px;
}
.saved-wrap-box-input select{
    background-color: transparent;
    width: 100%;
    height: 65px;
    color: #000;
    outline: none;
    border: 1.62069px solid #828181;
    padding: 10px 20px 10px 20px;
    font-family: var(--openSans-regular);
    font-size: 16px;
    margin: 0px 0px 20px 0px;
}
.saved-wrap-box-btn {
    display: flex;
    justify-content: end;
}
.saved-wrap-box-btn button{
    width: 150px;
    display: flex;
    height: 50px;
    background-color: var(--blue-);
    color: var(--white-);
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    border-radius: 5px;
    transition: 0.5s all;
}
.saved-wrap-box-btn button:hover{
    background-color: transparent;
    border: 1px solid var(--blue-);
    color: var(--blue-);
}
.profile-first-wrapper {
    padding: 50px 0px 50px 0px;
}
.dashboard-first-wrapper {
    padding: 100px 100px 0px 0px;
    }
    .dashboard-banner-box {
    padding: 30px 30px;
     background-color: #FFF;
    border-bottom: 2px solid var(--blue-);
     box-shadow: 4px 5px 20px 0px #bcbcbc;
    }
    .dashboard-banner-flex {
     display: flex;
   align-items: center;
    justify-content: space-between;
    }
    .dashboard-banner-flex-1 {
     display: flex;
   align-items: center;
    gap: 30px;
    }
    .dashboard-banner-text h5 {
    font-size: 25px; 
    font-family: var(--spaceGrotesk-medium);
      color: #262a29;
    }
    .dashboard-banner-text h6 {
    font-size: 20px;
    font-family: var(--spaceGrotesk-medium);
    }
    .dashboard-banner-text ul {
    display: flex;
     gap: 20px;
    }
    .dashboard-banner-text ul li a {
    font-size: 16px;
   font-family: var(--montserrat-regular);
     color: var(--blue-);
    }
    .dashboard-first-wrapper .nav-tabs .nav-link{
    background: #f4f4f4;
    color: #a1a1a1;
    padding: 0px;
     width: 150px;
    height: 50px;
    font-family: var(--openSans-regular);
    font-size: 16px;
    border: none;
    border-radius: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: 0.5s linear;
    }
    .dashboard-first-wrapper .nav-tabs .active {
    background-color: var(--blue-);
     color: #FFF;
    }
    .dashboard-first-wrapper .nav {
       justify-content: center;
       gap: 10px;
       border: none;
    }
    .tab-content-vertical {
      margin: 50px 0px 0px 0px;
    }
    .dashboard-first-wrap-text h6{
      font-size: 25px;
      font-family: var(--spaceGrotesk-medium);
      color: #262a29;
      margin: 0px 0px 50px 0px;
    }
    .dashboard-first-wrap-text h6 span{
      color: var(--blue-);
    }
    .dashboard-banner-btn a{
    width: 136px;
    display: flex;
    height: 40px;
    background-color: var(--blue-);
    color: var(--white-);
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: 0.5s all;
    }
    .dashboard-banner-btn a:hover {
    background-color: transparent;
     border: 1px solid var(--blue-);
    color: var(--blue-);
    }
    .dashboard-first-wrap-settings {
    display: flex;
     justify-content: end;
    }
    .dashboard-first-wrap-settings a{
       width: 160px;
        display: flex;
        height: 40px;
        background-color: var(--blue-);
        color: var(--white-);
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        transition: 0.5s all;
        gap: 5px;
    }
    .dashboard-first-wrap-settings a:hover {
      background-color: transparent;
        border: 1px solid var(--blue-);
       color: var(--blue-);
    }
    .dashboard-first-wrap-settings a:hover i{
      color: var(--blue-);
    }
    .header-menu{
        display:none;
    }
    product-first-wrap-tabs ul#pills-tab {
        flex-flow: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
    }
    .product-first-wrap-tabs ul li button {
        white-space: nowrap;
    }
    .header-main-icon a {
        width: 187px;
        height: 45px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #FFF;
        gap: 10px;
        border-radius: 50px;
        font-size: 15px;
        font-family: var(--poppins-Regular);
        color: #31539F;
        transition: 0.5s;
    }
    .header-main-icon a:hover {
        background-color: #000;
        color: #FFF;
    }
    .blog-first-wrap-tab-text-1 h6{
    font-size: 34px;
    font-family: var(--poppins-Regular);
    color: var(--black-);
}

.blog-first-wrap-tab-text-2 h6{
    font-size: 28px;
    font-family: var(--poppins-Regular);
    color: var(--black-);
    margin: 0px 0px 20px 0px;
}
.blog-first-wrap-tab-text-2 p{
    font-size: 14px;
    font-family: var(--poppins-Regular);
    color: #8A8A8A;
    margin: 0px 0px 30px 0px;
}
.blog-first-wrap-tab-text-4 h6{
    font-size: 34px;
    font-family: var(--poppins-Regular);
    color: var(--black-);
}
.blog-first-wrap-tab-text-5 p{
    font-size: 22px;
    font-family: var(--poppins-Regular);
    color: var(--black-);
}
.blog-first-wrap-tab-text-5 span{
    font-family: var(--poppins-bold);
    color: var(--blue-);
}
.blog-first-wrap-tab-text-6 h6{
    font-size: 26px;
    font-family: var(--poppins-Regular);
    color: var(--black-);
    margin: 0px 0px 30px 0px;
}
.blog-first-wrap-tab-text-6 p{
    font-size: 14px;
    font-family: var(--poppins-Regular);
    color: #8A8A8A;
    margin: 0px 0px 30px 0px;
}
.blog-first-wrap-tab-text-1 {
    border-bottom: 1px solid #979797;
    margin: 0px 0px 30px 0px;
    padding: 30px 0px 30px 0px;
}
.blog-first-wrap-tab-text-2 {
    padding: 50px 0px 50px 0px;
}
.blog-first-wrap-tab-text-4{
    border-bottom: 1px solid #979797;
    margin: 0px 0px 30px 0px;
    padding: 50px 0px 50px 0px;
}
.blog-first-wrap-tab-text-5{
    border-bottom: 1px solid #979797;
    margin: 0px 0px 30px 0px;
    padding: 20px 0px 50px 0px;
}
.custom-tab .nav-link {
    margin: 0;
    background: none;
    border: none;
    border-radius: 0;
    font-size: 22px;
    font-family: var(--poppins-Regular);
    color: var(--blue-);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 40px;
}
.custom-tab .nav-link.active{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 40px;
    background-color: var(--blue-);
    color: var(--white-);
}
.custom-tab {
    border-bottom: 2px solid var(--blue-);
    margin: 0px 0px 40px 0px;
    position: relative;
}
.search-icon{
    position: absolute;
    right: 0;
}
.search-icon i{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 40px;
    background-color: #E6E6E6;
    color: var(--blue-);
    font-size: 20px;
}
.captcha-img img{
    width: 40%;
    
}
.warehouse-first-wrapper{
    padding: 100px 0px;
}
.warehouse-first-wrap-text h6{
    font-family: var(--montserrat-semiBold);
    font-size: 40px;
    color: var(--black-);
}
.warehouse-first-wrap-text p{
    font-family: var(--openSans-regular);
    font-size: 14px;
    color: #8A8A8A;
    margin: 0px 0px 40px 0px;
}
.privacy-first-wrapper {
    padding: 100px 0px;
}
.service-banner-wrapper {
    background-image: url(../images/contact-banner.png);
    background-position: center;
    background-size: cover;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0px 0px 150px 0px;
    position: relative;
    z-index: 1;
}
.service-banner-wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    top: 0;
    left: 0;
    opacity: 0.3;
    z-index: -1;
}
.service-banner-wrap-text h6{
    font-size: 48px;
    font-family: var(--montserrat-regular);
    color: #ffffff;
    margin: 0px 0px 10px 0px;
}
.service-banner-wrap-text p{
    font-size: 18px;
    font-family: var(--montserrat-regular);
    color: #ffffff;
    width: 60%;
}
.service-first-wrapper{
    padding: 50px 0px;
}
.service-first-wrap-text h6{
    margin: 0px 0px 10px 0px;
    font-size: 30px;
    font-family: var(--montserrat-semiBold);
    color: #000000;
}
.service-first-wrap-text h4{
    margin: 0px 0px 10px 0px;
    font-size: 20px;
    font-family: var(--montserrat-semiBold);
    color: #898989;
}
.service-first-wrap-text p{
    font-size: 14px;
    font-family: var(--poppins-Regular);
    color: #545454;
    margin: 0px 0px 10px 0px;
}
.service-first-wrap-text p a {
    color: #545454;
    text-decoration: underline;
}
.service-first-wrap-text p span{
    font-size: 17px;
    font-family: var(--montserrat-semiBold);
    color: #31539F;
}
.service-first-wrap-text ul{
    padding: 0px 0px 10px 30px;
}
.service-first-wrap-text ul li{
    font-size: 14px;
    font-family: var(--openSans-bold);
    color: #8A8A8A;
    /*list-style: disc;*/
}
.service-second-wrapper{
    padding: 100px 0px 100px 0px;
    background-color: var(--blue-);
    position: relative;
}
.service-second-wrap-img img {
    width: 100%;
    margin: 0px 0px 10px 0px;
    object-position: center;
    object-fit: cover;
    height: 300px;
}
.service-second-wrap-text h6 {
    font-size: 16px;
    font-family: var(--montserrat-semiBold);
    color: var(--white-);
    margin: 0px 0px 20px 0px;
}
.service-second-wrap-text p{
    font-size: 12px;
    font-family: var(--openSans-regular);
    color: var(--white-);
}
.header-main-wrap-logo {
    width: 10%;
}
.index-new-img ul {
    display: flex;
    align-items: center;
    gap: 40px;
}
.captcha-img img {
    width: 20%;
}
.index-second-wrap-card-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.service-second-wrap-box {
    overflow: hidden;
    position: relative;
    height: 300px;
    border-radius: 10px;
}

.service-second-wrap-text {
    position: absolute;
    bottom: -140px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 20px 20px;
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
    height: 200px;
    display: flex;
    flex-direction: column;
    transition: .5s all;
}

.service-second-wrap-box:hover .service-second-wrap-text {
    bottom: 0px;
}
.service-first-wrap-text {
    max-width: 900px;
    margin: 0 auto;
}
.dashboard-send-tab-btn span {
    background-color: var(--blue-);
    color: #fff;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.logo-slider .owl-stage {
    display: flex;
    align-items: center;
}
.index-new-img {
    width: 80%;
    margin: 0 auto;
}