#body .container {
    max-width: 1420px !important;
}

body {

    font-family: Satoshi-Regular !important;
}

.a-font {
    font-family: "Space Grotesk", sans-serif;
}

.a-font2 {
    font-family: "Gorditas", serif;
}


@font-face{
    src: url(../fonts/Satoshi-Regular.otf);
    font-family: Satoshi-Regular;
}

@font-face{
    src: url(../fonts/Satoshi-Medium.otf);
    font-family: Satoshi-Medium;
}

@font-face{
    src: url(../fonts/Satoshi-Bold.otf);
    font-family: Satoshi-Bold;
}


/*---------------- top navigation ----------------------*/

.top-list{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.top-list li a {
    display: inline-block;
    color: #efefef;
    font-size: 14px;
    font-weight: 500;
    /* margin-left: 20px; */
    margin-right: 35px;
    /* letter-spacing: 0.5px; */
}

.top-list li a i {
    color: #f6131a;
    font-size: 12px;
    margin-right: 13px;
    transform: translateY(1px);
}

.top-list2{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.top-list2 li a {
    display: inline-block;
    
}

.top-list2 li a i {
    color: #b9c2c6;
    margin-left: 20px;
    font-size: 13px;
}

.top-navigation .container-fluid {
    padding: 0 50px !important;
}

.top-navigation {
    background-color: #032532;
    padding: 10px 0;
    margin: 0px 60px 0 60px;
    border-radius: 30px;
}

h5.top-h5 {
    margin-bottom: 0;
    font-size: 14px;
    color: #fff;
    /* font-family: Satoshi-Medium; */
    letter-spacing: 0.5px;
}



/*--------------- navigation  --------------*/

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    /* background: black; */
    /* box-shadow: 0px 2px 17px 6px #dedddd; */
     box-shadow: 0 6px 17px -6px #abaaaa;
    /* background-color: #fff !important;  */
}

  .sticky2 {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    /* background:black; */
  }



.main-nav .navbar .container-fluid {
    padding: 0 74px !important;
}

.main-nav .navbar {
    background: #fff !important;
    padding: 12px 0 !important;
}

.navbar-brand img {
    width: 150px;
}

.main-nav .navbar .container-fluid .navbar-nav li a {
    color: #000;
    /* font-weight: 600; */
    padding: 0 12px;
    font-family: Satoshi-Medium !important;
}

.main-nav .navbar .container-fluid .navbar-nav li a i {
    font-size: 12px;
    margin-left: 5px;
}

.nv-list{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.nv-list li a{
    display: inline-block;
}


.nv2 {
    font-family: "Space Grotesk", sans-serif;
    color: #032532;
    border: 2px solid #032532;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    /* letter-spacing: 0.5px; */
    padding: 12px 35px;
    border-radius: 30px;
}

.nv2 i {
    color: #0eb6bd;
    font-size: 14px;
    margin-right: 17px;
}

.nv2:hover{
    /* background-color: #000;
    color: #fff; */
    text-decoration: none;
    color: #032532;
}



/*--------------- banner  --------------*/

/* .main-banner{
    padding: 0 30px;
} */

.bc-img {
    background: url(../images/banner-a.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 800px;
}

.bc-img2 {
    background: url(../images/banner-b.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 800px;
}

/* .bc-img3{
    background: url(../images/banner-a.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 682px;
}  */

p.ban-header {
    font-weight: 600;
    color: #fb4253;
    font-size: 16px;
    /* text-shadow: 4px 7px 10px rgba(0, 0, 0, 0.9); */
    text-transform: uppercase;
    letter-spacing: 2px;
}

p.ban-para {
    color: #ffffff;
    font-size: 62px;
    margin-bottom: 26px;
    /* padding-right: 171px; */
    line-height: 74px;
    font-weight: 600;
    /* position: relative; */
    letter-spacing: 0.5px;
    /* text-shadow: 4px 8px 12px rgba(0, 0, 0, 0.9); */
}

p.ban-para2 {
    color: #fff;
    font-size: 18px;
    font-family: Satoshi-Medium;
    margin-bottom: 35px;
    /* text-shadow: 4px 8px 12px rgba(0, 0, 0, 0.9); */
}

.ban-link2 {
    background-color: #0eb6bd;
    color: #ffffff;
    font-size: 16px;
    /* text-transform: uppercase; */
    font-weight: 600;
    padding: 17px 31px;
    transition: all 1s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    display: inline-block;
    border-radius: 10px;
    letter-spacing: 0.5px;
}

.ban-link2 i {
    transform: translateY(2px);
    font-size: 24px;
    margin-left: 20px;
    
}

.ban-link2:hover{
    background-color: #ff3346;
    color: #fff;
    text-decoration: none;
}

.ban-text {
    /* text-align: center; */
    /* padding: 211px 0; */
    padding-top: 22%;
}

.banner-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

.main-banner.w-100 {
    position: relative;
}


/*--------------- about  --------------*/

.ab-icon img {
    filter: brightness(0) saturate(100%) invert(58%) sepia(59%) saturate(4785%) hue-rotate(148deg) brightness(103%) contrast(89%);
}

h5.ab-head {
    font-family: Satoshi-Bold;
    font-size: 20px;
    margin-left: -75px;
    margin-top: 10px;
    line-height: 28px;
    color: #032532;
}

.ab1 {
    padding-left: 22px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #D9D9D9;
    /* margin-left: 70px; */
    margin-right: 41px;
}

h5.ab-head3.a-font2 {
    color: #d70006;
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

h5.ab-head2.a-font {
    font-weight: 700;
    font-size: 55px;
    color: #032532;
    margin-bottom: 25px;
}

p.ab-para {
    color: #535353;
    padding-right: 66px;
    line-height: 30px;
    margin-bottom: 32px;
}

.ab-link {
    background-color: #0eb6bd;
    color: #ffffff;
    font-size: 16px;
    /* text-transform: uppercase; */
    font-weight: 600;
    padding: 15px 32px;
    transition: all 1s ease-in-out;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; */
    display: inline-block;
    border-radius: 10px;
    letter-spacing: 0.5px;
}

.ab-link i {
    transform: translateY(2px);
    font-size: 24px;
    margin-left: 20px;
    
}

.ab-link:hover{
    background-color: #d70006;
    color: #fff;
    text-decoration: none;
}

.ab-rt {
    margin-left: 40px;
}

.about {
    margin-top: 80px;
}

.counter {
  font-size: 60px;
  margin-top: 10px;
}

.fs-img img {
    width: 100%;
     clip-path: polygon(92.648% 0.755%, 92.648% 0.755%, 92.526% 0.616%, 92.396% 0.491%, 92.259% 0.379%, 92.116% 0.28%, 91.968% 0.196%, 91.814% 0.126%, 91.657% 0.072%, 
    91.496% 0.032%, 91.332% 0.008%, 91.166% 0%, 2.105% 0%, 2.105% 0%, 1.764% 0.034%, 1.44% 0.133%, 1.138% 0.291%, 0.862% 0.503%, 0.617% 0.763%, 0.406% 1.067%, 
    0.235% 1.408%, 0.107% 1.782%, 0.028% 2.183%, 0% 2.606%, 0% 97.394%, 0% 97.394%, 0.028% 97.817%, 0.107% 98.218%, 0.235% 98.592%, 0.406% 98.933%, 0.617% 99.237%, 
    0.862% 99.497%, 1.138% 99.709%, 1.44% 99.867%, 1.764% 99.966%, 2.105% 100%, 97.895% 100%, 97.895% 100%, 98.236% 99.966%, 98.56% 99.867%, 98.862% 99.709%, 99.138% 
    99.497%, 99.383% 99.237%, 99.594% 98.933%, 99.765% 98.592%, 99.893% 98.218%, 99.972% 97.817%, 100% 97.394%, 100% 10.859%, 100% 10.859%, 99.993% 10.652%, 99.973% 
    10.447%, 99.941% 10.246%, 99.895% 10.049%, 99.838% 9.857%, 99.768% 9.671%, 99.687% 9.493%, 99.595% 9.322%, 99.491% 9.161%, 99.377% 9.009%, 92.648% 0.755%);
}

.fs-box2 {
    background: #d70006;
    clip-path: polygon(92.648% 0.755%, 92.648% 0.755%, 92.526% 0.616%, 92.396% 0.491%, 92.259% 0.379%, 92.116% 0.28%, 91.968% 0.196%, 91.814% 0.126%, 91.657% 0.072%, 
    91.496% 0.032%, 91.332% 0.008%, 91.166% 0%, 2.105% 0%, 2.105% 0%, 1.764% 0.034%, 1.44% 0.133%, 1.138% 0.291%, 0.862% 0.503%, 0.617% 0.763%, 0.406% 1.067%, 
    0.235% 1.408%, 0.107% 1.782%, 0.028% 2.183%, 0% 2.606%, 0% 97.394%, 0% 97.394%, 0.028% 97.817%, 0.107% 98.218%, 0.235% 98.592%, 0.406% 98.933%, 0.617% 99.237%, 
    0.862% 99.497%, 1.138% 99.709%, 1.44% 99.867%, 1.764% 99.966%, 2.105% 100%, 97.895% 100%, 97.895% 100%, 98.236% 99.966%, 98.56% 99.867%, 98.862% 99.709%, 99.138% 
    99.497%, 99.383% 99.237%, 99.594% 98.933%, 99.765% 98.592%, 99.893% 98.218%, 99.972% 97.817%, 100% 97.394%, 100% 10.859%, 100% 10.859%, 99.993% 10.652%, 99.973% 
    10.447%, 99.941% 10.246%, 99.895% 10.049%, 99.838% 9.857%, 99.768% 9.671%, 99.687% 9.493%, 99.595% 9.322%, 99.491% 9.161%, 99.377% 9.009%, 92.648% 0.755%);
    min-height: 358px;
    padding: 50px 50px 30px;
}

.display-4 {
    font-size: 80px !important;
    
    line-height: 1.2;
    font-family: "Space Grotesk", sans-serif !important;
    font-weight: 600 !important;
    color: #fff !important;
}

h5.fs-cap {
    font-family: "Space Grotesk", sans-serif !important;
    font-weight: 600;
    font-size: 80px;
    color: #fff;
    text-transform: capitalize;
    margin-left: 5px;
}

h5.fs-cap span {
    margin-left: -21px;
}

h5.fs-cap2 {
    margin-bottom: 0;
    font-family: Satoshi-Bold;
    color: #fff;
    font-size: 24px;
    font-family: Satoshi-Medium;
}

.fs-con {
    margin-bottom: 43%;
}

.fs-box3 {
    background-color: #0eb6bd !important;
}

.fs-color{
    color: #ffffff !important;
}

.fs-color2{
    color: #ffffff !important;
}

h5.fs-title {
    font-family: Satoshi-Medium;
    font-size: 18px;
    margin-bottom: 25px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgb(255 255 255 / 30%);
    color: #fff;
    margin-top: 8px;
}

h5.fs-title2 {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 25px;
    margin-top: 22px;
    color: #fff;
}

.fs-box {
    position: relative;
}

.fs-txt {
    position: absolute;
    /* border: 0; */
    left: 30px;
    bottom: 30px;
    background: #fff;
    padding: 20px 25px;
    width: 275px;
    border-radius: 10px;
}

h5.fs-h5.a-font {
    text-transform: capitalize;
    font-weight: 600;
    color: #d70006;
}

p.fs-para {
    margin-bottom: 0;
    font-family: Satoshi-Medium;
}

.fast {
    margin-top: 50px;
}


/*--------------- paralox  --------------*/

.paralox {
    background: url(../images/paralox2.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 60px 0 70px;
    margin-top: 80px;
}

p.para-head {
    font-size: 60px;
    font-weight: 600;
    color: #fff;
    font-family: "Outfit", sans-serif;
    text-transform: capitalize;
    padding: 0 207px;
    line-height: 84px;
    margin-top: 16px;
    text-shadow: 4px 10px 12px rgba(0, 0, 0, 0.9);
}

.para-img a img {
    width: 124px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.pa-link {
    background-color: #d70006;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 27px;
    transition: all 1s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    display: inline-block;
    letter-spacing: 2px;
    margin-top: 12px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.pa-link i{
    font-size: 14px;
    margin-left: 10px;
}

.pa-link:hover{
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

/*--------------- service  --------------*/

.service .container-fluid{
    padding: 0 100px !important;
}

.se-img img{
   width: 100%;
}

.se-box {
    position: relative;
    margin-bottom: 30px;
}

.se1 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 25px;
}

.se-icon img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7488%) hue-rotate(324deg) brightness(105%) contrast(105%);
    width: 45px;
}

h5.se-num.a-font {
    font-size: 70px;
    /* color: #fff; */
    font-weight: 700;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    -webkit-transition: 0.8s cubic-bezier(0.4, -0.5, 0.1, 1.48);
    transition: 0.8s cubic-bezier(0.4, -0.5, 0.1, 1.48);
}


.se2 {
    left: 0;
    position: absolute;
    top: 0;
    /* left: 0; */
    padding: 30px 25px;
    /* right: 0; */
}

.se3 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px 25px;
}

.se-head2 a {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    display: inline-block;
    text-shadow: 4px 2px 12px rgba(0, 0, 0, 0.9);
    line-height: 35px;
}

.se-head2 a:hover{
    text-decoration: none;
    color: #fff;
}

.se-link {
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    margin-top: 13px;
    text-shadow: 4px 8px 12px rgba(0, 0, 0, 0.9);
}

.se-link:hover{
    text-decoration: none;
    color: #ffffff;
}


.se-head2:hover{
    color: #ffffff;
    text-decoration: none;

}

.se-cap {
    color: #d70006;
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.se-cap2 {
    text-transform: capitalize;
    font-size: 45px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 28px;
}

.service {
    margin-top: 60px;
}

.se-img{
    position: relative;
}

.se-img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(240deg, rgba(11, 11, 17, 0) 0%, rgba(7, 10, 15, 0.47288) 72.71%, #03080D 100%);
}




/*--------------- infracture  --------------*/

.in-img img{
    width: 100%;
     clip-path: polygon(92.648% 0.755%, 92.648% 0.755%, 92.526% 0.616%, 92.396% 0.491%, 92.259% 0.379%, 92.116% 0.28%, 91.968% 0.196%, 91.814% 0.126%, 91.657% 0.072%, 
    91.496% 0.032%, 91.332% 0.008%, 91.166% 0%, 2.105% 0%, 2.105% 0%, 1.764% 0.034%, 1.44% 0.133%, 1.138% 0.291%, 0.862% 0.503%, 0.617% 0.763%, 0.406% 1.067%, 
    0.235% 1.408%, 0.107% 1.782%, 0.028% 2.183%, 0% 2.606%, 0% 97.394%, 0% 97.394%, 0.028% 97.817%, 0.107% 98.218%, 0.235% 98.592%, 0.406% 98.933%, 0.617% 99.237%, 
    0.862% 99.497%, 1.138% 99.709%, 1.44% 99.867%, 1.764% 99.966%, 2.105% 100%, 97.895% 100%, 97.895% 100%, 98.236% 99.966%, 98.56% 99.867%, 98.862% 99.709%, 99.138% 
    99.497%, 99.383% 99.237%, 99.594% 98.933%, 99.765% 98.592%, 99.893% 98.218%, 99.972% 97.817%, 100% 97.394%, 100% 10.859%, 100% 10.859%, 99.993% 10.652%, 99.973% 
    10.447%, 99.941% 10.246%, 99.895% 10.049%, 99.838% 9.857%, 99.768% 9.671%, 99.687% 9.493%, 99.595% 9.322%, 99.491% 9.161%, 99.377% 9.009%, 92.648% 0.755%);
}

.inf .container-fluid{
    padding: 0 100px !important;

}


.inf {
    background: #e8feff;
    padding: 80px 0 80px;
    margin-top: 50px;
}

h5.in-head {
    font-size: 16px;
    text-transform: capitalize;
    color: #d70006;
    /* font-weight: 600; */
    letter-spacing: 2px;
    margin-bottom: 18px;
    font-family: "Gorditas", serif;
}

h5.in-head2.a-font {
    font-size: 39px;
    color: #032532;
    margin-bottom: 15px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
}

p.in-para {
    color: #313131;
    line-height: 28px;
    padding-right: 70px;
    margin-top: 24px;
    margin-bottom: 38px;
}

.in-icon {
    margin-top: 2px;
}

.in-icon img {
    /* filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7499%) hue-rotate(269deg) brightness(100%) contrast(103%); */
    /* font-size: 30px; */
    width: 27px;
    filter: brightness(0) saturate(100%) invert(11%) sepia(14%) saturate(3804%) hue-rotate(157deg) brightness(95%) contrast(98%);
}

h5.in-cap {
    font-size: 20px;
    color: #032532;
    font-weight: 600;
}

p.in-para2 {
    color: #5e5e5e;
    line-height: 28px;
    margin-bottom: 30px;
}

.in-txt {
    margin-left: -15px;
}

.in-rt {
    margin-left: 60px;
}

.in-link {
    background-color: #0eb6bd;
    color: #ffffff;
    font-size: 16px;
    /* text-transform: uppercase; */
    font-weight: 600;
    padding: 15px 32px;
    transition: all 1s ease-in-out;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; */
    display: inline-block;
    border-radius: 10px;
    letter-spacing: 0.5px;
}

.in-link i {
    transform: translateY(2px);
    font-size: 24px;
    margin-left: 20px;
    
}

.in-link:hover{
    background-color: #d70006;
    color: #fff;
    text-decoration: none;
}


.in-icn img {
    /* filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7499%) hue-rotate(269deg) brightness(100%) contrast(103%); */
    /* filter: brightness(0) saturate(100%) invert(21%) sepia(67%) saturate(5211%) hue-rotate(347deg) brightness(77%) contrast(126%); */
    filter: brightness(0) saturate(100%) invert(63%) sepia(82%) saturate(4074%) hue-rotate(146deg) brightness(100%) contrast(89%);
}

.in-icn {
    position: relative;
    padding-left: 112px;
}

.in-icn::before {
    content: "";
    width: 115px;
    height: 1px;
    background-color: #0eb6bd;
    position: absolute;
    top: 23px;
    left: 0;
}

.in-box2 {
    background: rgb(255 255 255 / 100%);
    width: 525px;
    padding: 35px 40px;
    position: absolute;
    /* top: 0; */
    left: 40px;
    bottom: 50px;
    border-radius: 20px;
}

h5.in-title.a-font {
    color: #d70006;
    font-size: 18px;
    /* font-weight: 600; */
    line-height: 46px;
    margin-bottom: 6px;
}

p.in-title2 {
    margin-bottom: 0;
    color: #3c3c3c;
    line-height: 29px;
    font-family: Satoshi-Medium;
}

/*--------------- port  --------------*/

.po-img img {
    width: 100%;
}

.po-icon3 img {
    width: 70px !important;
    margin: 0 auto;
}


.po-box2 {
    text-align: center;
    background: #fff;
   
}



.po-box {
    margin-right: 20px;
    position: relative;
}

h5.po-title.a-font {
    font-size: 20px;
    color: #032532;
    line-height: 30px;
    font-weight: 600;
    margin-top: 18px;
    margin-bottom: 0;
}

.po-box2 {
    text-align: center;
    background: #fff;
    padding: 34px 23px;
    min-height: 220px;
}


h5.po-head2.a-font {
    font-size: 45px;
    font-weight: 700;
    color: #032532;
    padding-right: 430px;
    line-height: 59px;
    margin-bottom: 35px;
}

.po-txt {
    position: absolute;
    bottom: 30px;
    left: 42px;
    background: #fff;
    background: #d70006;
    padding: 20px;
    border-radius: 10px;
}
.po-icon i {
    color: #fff;
    font-size: 35px;
}

h5.po-cap {
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 5px;
}

h5.po-cap2.a-font {
    margin-bottom: 0;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}

.po-icon {
    margin-right: 20px;
    margin-top: 5px;
}

.po-bg {
    background: #aeaeae;
    /* padding-right: 90px; */
    min-height: 560px;
    width: 98%;
    float: right;
    position: relative;
}

.clear{
    clear: both;
}

.prt{
    position: relative;
}

.port2 {
    position: absolute;
    top: 0;
    left: 169px;
}


h5.po-head.a-font2 {
    font-size: 16px;
    text-transform: capitalize;
    color: #d70006;
    /* font-weight: 600; */
    letter-spacing: 2px;
    margin-bottom: 18px;
    font-family: "Gorditas", serif;
    margin-top: 50px;
}

.owl-item {
    width: 285.5px !important;
}

.po-box2 {
    text-align: center;
    background: #f2feff;
    padding: 34px 23px;
    min-height: 220px;
    border: 1px solid #cecece;
    border-radius: 10px;
}
.po-bg {
    background: #ffffff;
    /* padding-right: 90px; */
    min-height: 560px;
    width: 98%;
    float: right;
    position: relative;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.port2 .container .row .col-lg-8 .po-rt .po-owl i.fa-solid.fa-arrow-left {
    background: #0eb6bd;
    color: #fff;
    width: 40px;
    height: 40px;
    /* border: rebeccapurple; */
    border-radius: 100%;
    text-align: center;
    line-height: 41px;
    font-size: 14px;
    position: absolute;
    bottom: 120px;
    left: -18px;
}

.port2 .container .row .col-lg-8 .po-rt .po-owl i.fa-solid.fa-arrow-right {
    background: #0eb6bd;
    color: #fff;
    width: 40px;
    height: 40px;
    /* border: rebeccapurple; */
    border-radius: 100%;
    text-align: center;
    line-height: 41px;
    font-size: 14px;
    position: absolute;
    bottom: 120px;
    right: -18px;
}

.prt {
    position: relative;
    margin-top: 80px;
}




/*--------------- insights  --------------*/

.display-5 {
    font-size: 80px;
    font-family: "Space Grotesk", sans-serif !important;
    font-weight: 700;
    color: #d70006;
}

h5.si-cap {
    font-size: 80px;
    font-family: "Space Grotesk", sans-serif !important;
    font-weight: 700;
    color: #d70006;
    margin-bottom: 0;
    text-transform: uppercase;
    margin-top: 10px;
}

h5.si-title.a-font {
    font-size: 16px;
    /* font-weight: 600; */
    margin-bottom: 0;
    margin-top: -7px;
    white-space: nowrap;
}

h5.si-head.a-font2 {
    font-size: 16px;
    text-transform: capitalize;
    color: #d70006;
    /* font-weight: 600; */
    letter-spacing: 2px;
    margin-bottom: 18px;
    font-family: "Gorditas", serif;
}

h5.si-head2.a-font {
    font-size: 50px;
    color: #032532;
    font-weight: 700;
    margin-bottom: 0;
}

.si-rt1 {
    margin-left: 69px;
    margin-top: 25px;
    /* border-top: 1px solid #000; */
}

.si-rt{
    position: relative;
}

.si-rt::after {
    content: "";
    width: 93%;
    height: 1px;
    background-color: #c8c8c8;
    position: absolute;
    top: 0;
    left: 63px;
    z-index: -1;
}

.si-rt1{
    position: relative;
}

.si-rt1::after {
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    background-color: #0eb6bd;
    border-radius: 100%;
    margin: 0 auto;
    top: -28px;
    left: 0;
    right: 0;
    /* z-index: -1; */
}

.sight {
    margin: 80px 0;
}


/*---------------- form ----------------------*/

.get{
    background: url(../images/frm-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 70px 0;
}

h5.ge-head.a-font2 {
    font-size: 16px;
    text-transform: capitalize;
    color: #ff4247;
    /* font-weight: 600; */
    letter-spacing: 2px;
    margin-bottom: 18px;
    /* font-family: "Gorditas", serif; */
}

h5.ge-head2.a-font {
    font-size: 55px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 19px;
    padding-right: 121px;
}

p.ge-para {
    color: #d9d9d9;
    font-family: Satoshi-Medium;
    padding-right: 134px;
    line-height: 25px;
    margin-bottom: 30px;
}

.ge-link {
    background-color: #0eb6bd;
    color: #ffffff;
    font-size: 16px;
    /* text-transform: uppercase; */
    font-weight: 600;
    padding: 17px 27px;
    transition: all 1s ease-in-out;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; */
    display: inline-block;
    border-radius: 10px;
    letter-spacing: 0.5px;
}

.ge-link i {
    transform: translateY(2px);
    font-size: 24px;
    margin-right: 20px;
    
}

.ge-link:hover{
    background-color: #d70006;
    color: #fff;
    text-decoration: none;
}

.v-form {
    backdrop-filter: blur(110px);
    background: rgba(255, 255, 255, 0.14);
    clip-path: polygon(85% 0, 100% 14%, 100% 100%, 0 100%, 0 0);
    padding: 40px 60px;
}

h5.frm-head {
    font-family: "Space Grotesk", sans-serif !important;
    text-transform: capitalize;
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    margin-bottom: 22px;
}

.get .container .row .col-lg-6 .get-rt .v-form .form-get-bg .form-get-box .form-control {
    background: initial !important;
}

.get .container .row .col-lg-6 .get-rt .v-form .form-get-bg .form-get-box .form-control {
    background: initial !important;
    height: 50px !important;
    color: #fff;
    font-family: Satoshi-Medium;
    font-size: 15px;
    padding-left: 20px !important;
    margin-bottom: 22px;
    /* border: 1px solid #d2d2d2 !important; */
    border: 1px solid rgba(255, 255, 255, 0.50) !important;
}

.get .container .row .col-lg-6 .get-rt .v-form .form-get-bg .form-get-box .form-control::placeholder{
    color: #fff;
    font-family: Satoshi-Medium;
    font-size: 15px;
}

.get .container .row .col-lg-6 .get-rt .v-form .form-get-bg .form-get-box .form-group textarea {
    height: 120px !important;
    padding-top: 15px;
}

input.get-link {
    background: #0eb6bd;
    border: initial !important;
    color: #fff;
    width: 100%;
    border: none;
    /* font-weight: 700; */
    margin-top: 10px;
    border-radius: 8px;
    padding: 16px 15px;
    text-transform: capitalize;
    font-family: Satoshi-Bold;
    font-size: 17px;
}

.get-lft {
    margin-top: 21%;
}






/*---------------- footer ----------------------*/


.footer {
    /* background: url(../images/ftr-bg2.png) no-repeat; */
    /* background-size: cover; */
    /* background-position: center; */
    min-height: auto;
    margin-top: 80px;
    background: #032532;
}

.ftr-logo a img {
    width: 130px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(0%) hue-rotate(186deg) brightness(108%) contrast(100%);
}

.ft-para {
    color: #e9e9e9;
    line-height: 36px;
    margin-top: 45px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 36px;
}
.ftr-head {
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 24px;
}

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



.ftr-list li a {
    display: inline-block;
    color: #d1d1d1;
    line-height: 32px;
    font-weight: 500;
}

.ftr-li li a{
line-height: 36px !important;
}


.ftr-list2{
    margin: 0;
    padding: 0;
    list-style: none;

}

.ftr-list2 li a{
    display: flex;
    
}

.ftr-list2 li a h5 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 19px;
    color: #cccccc;
    font-weight: 500;
}

.ftr-list2 li a i {
    color: #0eb6bd;
    transform: translatey(8px);
    margin-right: 12px;
    font-size: 13px;
}

.ftr-social a i {
    width: 38px;
    height: 38px;
    background: rgb(255 255 255);
    text-align: center;
    color: #032532;
    line-height: 39px;
    /* border-radius: 5px; */
    /* border: 1px dashed rgba(255, 255, 255, 0.3); */
    display: inline-block;
    margin-top: 12px;
    font-size: 15px;
    border-radius: 6px;
}

.ftr-bg {
    padding: 80px 0 70px;
}

h5.ftr-h5.text-center {
    margin-bottom: 0;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

.footer2 {
    border-top: 1px solid #888888;
    padding: 17px 0;
}

.ftr-2 {
    margin-left: 85px;
}

.ftr-3 {
    margin-left: 5px;
}

.footer .form-control {
    width: 100%;
    height: 51px;
    color: rgba(255, 255, 255, 0.5490196078);
    border-radius: 6px;
    padding-left: 15px;
    border: 1.2px solid rgba(255, 255, 255, 0.1019607843);
    background: rgba(255, 255, 255, 0.03);
}

.footer .form-control::placeholder{
    font-size: 15px;
    padding-left: 10px;
}

.frm-btn {
    color: #fff !important;
    border: none;
    font-weight: 700;
    border-radius: 0px 6px 6px 0px;
    padding: 14px 23px;
    
    /* transition: all 500ms ease-in-out; */
    background-color: #0eb6bd;
    width: 38%;
    position: absolute;
    top: 0px;
    right: -4px;
    font-size: 15px;
}

.frm-btn i{
    font-size: 15px;
    margin-left: 10px;
}

.frm-btn a {
    color: #fff;
}