/* fonts start here */

@font-face {
    font-family: 'gilroy-blackuploaded_file';
    src: url('../fonts/gilroy-black-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-blackitaliuploadedfile';
    src: url('../fonts/gilroy-blackitalic-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-extraboldiuploadedfile';
    src: url('../fonts/gilroy-extrabolditalic-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-bolduploaded_file';
    src: url('../fonts/gilroy-bold-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-bolditalicuploadedfile';
    src: url('../fonts/gilroy-bolditalic-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-lightuploaded_file';
    src: url('../fonts/gilroy-light-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-lightitaliuploadedfile';
    src: url('../fonts/gilroy-lightitalic-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-mediumuploaded_file';
    src: url('../fonts/gilroy-medium-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-mediumitaluploadedfile';
    src: url('../fonts/gilroy-mediumitalic-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-regularuploaded_file';
    src: url('../fonts/gilroy-regular-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-regularitauploadedfile';
    src: url('../fonts/gilroy-regularitalic-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-semibolduploaded_file';
    src: url('../fonts/gilroy-semibold-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-semiboldituploadedfile';
    src: url('../fonts/gilroy-semibolditalic-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* fonts end here */

* {
    margin: 0;
    padding: 0;
    outline: none;
    text-decoration: none;
    box-sizing: border-box;
    scroll-behavior: smooth;
    font: inherit;
}

*::after,
*::before {
    box-sizing: border-box;
}

*:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

/* scroll color start */

* {
    scrollbar-width: 1.8rem;
    scrollbar-color: #022240 #fff;
}

*::-webkit-scrollbar {
    width: 1.8rem;
}

*::-webkit-scrollbar-track {
    background-color: #fff;
}

*::-webkit-scrollbar-thumb {
    background-color: #022240;
    border-radius: 10px;
    border: 1px solid #fff;
}

/* scroll color end */

html {
    font-size: 62.5%;
}

body {
    font-weight: normal;
    line-height: normal;
    font-size: 18px;
    font-family: 'gilroy-regularuploaded_file';
}

section {
    overflow: hidden;
}

.banner_sec {
    position: relative;
    overflow: initial;
    z-index: 1;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}


button,
input[type='submit'],
input[type='reset'],
a {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    text-decoration: none;
    outline: none;
}


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


::-moz-selection {
    color: #fff;
    background: #022240;
}


::selection {
    color: #fff;
    background: #022240;
}

img {
    max-width: 100%;
    display: block;
    height: auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: normal;
    font-weight: normal;
    padding: 0;
    margin: 0;
}



p {
    margin: 0;
    padding: 0;

}

/***************** FOR BOOTSTRAP ******************/
.container {
    max-width: 1560px;
}


.navbar {
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
}

.nav>li>a:hover,
.nav>li>a:focus {
    background-color: transparent;
}

.navbar,
.nav-link {
    padding: 0;
    margin: 0;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;

}

.nav>li>a:hover,
.nav>li>a:focus {
    background-color: transparent;
}

/*As Per Design Change*/
#header_id {
    position: relative;
}

.cus_nav_outr {
    padding: 20px 0px;
    background: transparent;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
}

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


.right_nav {
    display: flex;
    align-items: center;
}

/*Header*/

.top_header {
    padding: 0;
}


/*zoom effect*/

.zoom_otr {
    overflow: hidden;
}

.bnr_pic {
    overflow: hidden;
}



@-webkit-keyframes scale {
    50% {
        transform: scale(1.2);
    }
}

@keyframes scale {
    50% {
        transform: scale(1.2);
    }
}

/*Zoom effect*/


.bnr_content {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    bottom: 9rem;
}


.bnr_otr {
    position: relative;
    /* overflow: hidden; */
}

/* Banner End */

/* cmn_margin & Padding */

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

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

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

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

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

.cmn_pdding {
    padding: 9rem 0;
}


/*----Common Header and Button----*/

.cmn_hdr h2 {
    font-size: 5rem;
    line-height: 1;
    color: #01162d;
    padding-bottom: 10px;
    text-transform: capitalize;
    font-family: 'gilroy-bolduploaded_file';
}

.cmn_hdr.wht h2 {
    color: #fff;
}

.cmn_hdr h6 {
    color: #01162d;
    font-size: 2.8rem;
    letter-spacing: 1px;
    line-height: 1;
    padding-bottom: 10px;
    text-transform: capitalize;
    font-family: 'gilroy-bolduploaded_file';
}

.cmn_hdr.wht h6 {
    color: #fff;
}

.cmn_hdr p {
    font-size: 18px;
    color: #555454;
    line-height: 1.2;
    padding-bottom: 10px;
    font-family: 'gilroy-regularuploaded_file';
}

.cmn_hdr.wht p {
    color: #fff;
}

.cmn_btn {
    font-size: 20px;
    color: #183e59;
    padding: 15px 30px;
    display: inline-block;
    background: #fff;
    border: 2px solid #fff;
    position: relative;
    text-transform: uppercase;
    transition: 0.5s all;
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
    font-family: 'gilroy-bolduploaded_file';
    background-size: 0 0;
    background-repeat: no-repeat;
    background-position: center;
}

.cmn_btn:hover {
    color: #fff;
    background-image: linear-gradient(0, #183e59, #183e59);
    background-size: 100% 100%;
}

/*----Common Header and Button End----*/

/* Animation Section */

/* Swing */

.swing:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    top: -14px;
    left: 54%;
    z-index: 5;
    border-radius: 50% 50%;
    background: #000;
}

@-webkit-keyframes swing {
    0% {
        transform: rotate(3deg);
    }

    100% {
        transform: rotate(-3deg);
    }
}

@keyframes swing {
    0% {
        transform: rotate(3deg);
    }

    100% {
        transform: rotate(-3deg);
    }
}

.swing:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    top: -10px;
    left: 50%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}

.swing {
    -webkit-animation: swing ease-in-out 1s infinite alternate;
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;

}

/* Rotate */

.rotate {
    -webkit-animation: rotation 12s infinite linear;
    animation: rotation 12s infinite linear;
}

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

    to {
        transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

/* Floating */

.floating {

    -webkit-animation: floating ease-in-out 3s infinite;
    animation: floating ease-in-out 3s infinite;
}

@-webkit-keyframes floating {
    0% {
        transform: translate(0, 0px);
    }

    50% {
        transform: translate(0, 15px);
    }

    100% {
        transform: translate(0, -0px);
    }
}

@keyframes floating {
    0% {
        transform: translate(0, 0px);
    }

    50% {
        transform: translate(0, 15px);
    }

    100% {
        transform: translate(0, -0px);
    }
}

/* Animation Section End */
/* scroll to top start */

#backToTop {
    width: 4rem;
    height: 4rem;
    background-color: #183e59;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 10px;
    position: fixed;
    right: 2.5rem;
    bottom: 2.5rem;
    cursor: pointer;
    z-index: 5555;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    border: 2px solid #fff;
    font-size: 1.8rem;
}

/* scroll to top end */

/* custom nav style start */

/* test */
#nav-icon3 {
    width: 30px;
    height: 15px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 30px;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
    top: 0px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
    top: 14.75px;
}

#nav-icon3 span:nth-child(4) {
    top: 25px;
}

#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

/* custom nav style end */

/* ayon paul start / 20.02.2024 */

/* preloader start */

#pre_Loader {
    position: fixed;
    inset: 0;
    background-color: #022240;
    height: 100vh;
    z-index: 999999999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.quater {
    height: 1.5cm;
    width: 1.5cm;
    background-color: #1b8894;
    float: left;
    position: relative;
    bottom: 1.25cm;
}

.i {
    border-top-left-radius: 100%;
    animation: spin1 2s ease-in-out infinite;
    transform-origin: 1.5cm 1.5cm;
}

.ii {
    border-top-right-radius: 100%;
    animation: spin2 2s ease-in-out infinite;
    transform-origin: 0 1.5cm;
}

@keyframes spin1 {
    0% {
        transform: rotateZ(0deg);
    }

    25% {
        transform: rotateZ(0deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(180deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes spin2 {
    0% {
        transform: rotateZ(0deg);
    }

    25% {
        transform: rotateZ(180deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(360deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

/* preloader end */

.sign_btn {
    font-size: 18px;
    color: #183e59;
    padding: 12px 20px;
    display: inline-block;
    background: #fff;
    border: 2px solid #fff;
    position: relative;
    text-transform: uppercase;
    transition: 0.5s all;
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
    font-family: 'gilroy-bolduploaded_file';
    background-size: 0 0;
    background-repeat: no-repeat;
    background-position: center;
}

.sign_btn:hover {
    color: #fff;
    background-image: linear-gradient(0, #183e59, #183e59);
    background-size: 100% 100%;
}

.banner_sec .bnr_content h1 {
    font-family: 'gilroy-blackuploaded_file';
    color: #fff;
    font-size: 6rem;
    padding-bottom: 3rem;
    line-height: 1;
}

.banner_sec .bnr_content h1 span {
    color: #1b8894;
}

.banner_sec .bnr_content p {
    font-family: 'gilroy-regularuploaded_file';
    color: #d7dee4;
    font-size: 2.2rem;
    /* padding-bottom: 4rem; */
    width: 102rem;
    margin: auto;
}

.all_srvc_prt_end {
    background: #fff;
    padding: 3.5rem;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.hm_all_srvc_prt .all_srvc_img {
    height: 38.1rem;
}

.hm_all_srvc_prt .all_srvc_img img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.hm_all_srvc_sec {
    background: #edf3fa;
}

.hm_all_srvc_prt {
    position: relative;
}

.hm_all_srvc_prt::after {
    position: absolute;
    content: "";
    background: url(../images/bttm_line.webp) no-repeat;
    background-size: 100% 100%;
    inset: auto auto 0 auto;
    width: 100%;
    height: 4px;
}

.hm_all_srvc_prt .all_srvc_prt_end p {
    width: 64rem;
}

.hm_all_srvc_sec .row {
    row-gap: 15px;
}

.vndr_sec {
    padding-block: 7rem;
}

.vndr_pic {
    width: 61.1rem;
    height: 63.4rem;
    margin: auto;
    margin-left: 104px;
}

.vndr_pic img {
    width: 100%;
    height: 100%;
}

.vndr_txt {
    width: 67%;
    margin: auto;
}

.vndr_txt h2 {
    padding-bottom: 3rem;
}

.vndr_txt p {
    padding-bottom: 4rem;
}

.chs_us_ttl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.chs_us_prt {
    width: 24%;
    padding: 4.5rem 3rem 3rem;
    background: #fff;
    box-shadow: 0 0 20px 10px #eff4fb;
    position: relative;
    border-radius: 5px;
}

.chs_us_prt::after {
    position: absolute;
    content: "";
    background: url(../images/shrt_btm_line.webp) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 4px;
    inset: auto 0 0 0;
}

.chs_prt_pic {
    width: 100%;
    margin-bottom: 4rem;
}

.chs_prt_pic img {
    width: auto;
    height: auto;
    object-fit: contain;
}

.chs_us_prt h6 {
    padding-bottom: 2.2rem;
}

.chs_us_otr h2 {
    padding-bottom: 5rem;
}

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

.ctg_flx .ctg_prt {
    width: 31%;
}

.ctg_prt .ctg_prt_topic {
    font-size: 2.4rem;
    color: #fff;
    font-family: 'gilroy-bolduploaded_file';
}

.ctg_prt_img {
    width: 2.4rem;
}

.ctg_prt_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ctg_prt .ctg_prt_ttl {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding-bottom: 2rem;
}

.ctg_prt .ctg_prt_ttl:last-child {
    padding-bottom: 0;
}

.ctg_prt:last-child {
    display: grid;
    place-content: end;
}

.ctg_otr h2 {
    padding-bottom: 3.5rem;
}

.ctg_mdl_pic {
    width: 53.3rem;
    height: 53rem;
}

.ctg_mdl_pic img {
    width: 100%;
    height: 100%;
}

.ctg_mdl_img {
    width: 34%;
}

.gt_strt_flx {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-block: 5rem;
}

.gt_strt_prt {
    width: 22%;
    margin: auto;
    position: relative;
}

.gt_strt_img {
    width: 22.5rem;
    margin: auto;
    position: relative;
}

.gt_strt_img::after {
    position: absolute;
    content: "";
    background: url(../images/gt_strt.webp) no-repeat;
    background-size: 100% 100%;
    width: 11.6rem;
    height: 5.5rem;
    right: -62%;
    top: 50%;
    transform: translateY(-50%);
}

.gt_strt_img img {
    width: 100%;
    height: 100%;
}

.gt_strt_sec .gt_strt_flx .gt_strt_prt:last-child .gt_strt_img::after {
    display: none;
}

.gt_strt_otr h2 {
    padding-bottom: 0;
}

.gt_strt_txt {
    margin-top: 2rem;
}

.gt_strt_bttm {
    background: linear-gradient(to right, #174260, #0d68a3);
    padding-block: 5rem;
    border-radius: 10px;
    margin-bottom: -294px;
}

.gt_strt_bttm h2 {
    padding-bottom: 2rem;
}

.gt_strt_bttm p {
    width: 45%;
    margin: auto;
    padding-bottom: 3rem;
}

.nmbr {
    display: block;
    background: #1b8894;
    width: 4.8rem;
    height: 4.8rem;
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'gilroy-bolduploaded_file';
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate(-50%);
}

.gt_strt_bttm h2 span {
    color: #1b8894;
}

.gt_strt_sec {
    position: relative;
    z-index: 1;
    overflow: initial;
}

.pg_ftr {
    background: #022240;
    padding: 31rem 0 5rem;
}

.pg_ftr_top span {
    color: #1b8894;
}

.pg_ftr_top p {
    width: 47%;
    margin: auto;
    margin-top: 3rem;
}

.pg_ftr_top h2 {
    font-family: 'gilroy-blackuploaded_file';
}

.pg_ftr_scl_mnu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 5rem;
}

.pg_ftr_scl_mnu a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 100%;
    background: #1485a5;
    transition: all 0.5s;
    border: 1.5px solid transparent;
}

.pg_ftr_scl_mnu a svg {
    color: #022240;
    font-size: 16px;
}

.pg_ftr_scl_mnu a:hover {
    background: transparent;
    border: 1.5px solid #fff;
    transform: rotate(360deg);
}

.pg_ftr_scl_mnu a:hover svg {
    color: #fff;
}

.pg_ftr_scl_mnu::after {
    position: absolute;
    content: "";
    background: #677a8c;
    width: 44%;
    height: 2px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pg_ftr_scl_mnu::before {
    position: absolute;
    content: "";
    background: #677a8c;
    width: 44%;
    height: 2px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pg_ftr .ttl_bttm p {
    padding-bottom: 0;
}

.pg_ftr .ttl_bttm p a {
    color: #fff;
    transition: all 0.3s;
}

.pg_ftr .ttl_bttm p a:hover {
    color: #1485a5;
}

.pg_ftr .ttl_bttm {
    padding-top: 3rem;
}

.ftr_logo a img {
    margin: auto;
}

/* ayon paul end / 20.02.2024 */

/* ayon paul changes / 21.02.2024 */

.pg_ftr.prvc_ftr{
    padding: 0rem 0 5rem;
}

.hm_all_srvc_sec.prvc{
    background: #022240;
}
.hm_all_srvc_sec.prvc .WordSection1 p{
    color: #fff;
}
.hm_all_srvc_sec.prvc.cmn_pdding{
    padding-top: 12rem;
}