@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@font-face {
    font-family: "Hanson";
    src: url("../fonts/Hanson-Bold.otf") format("OpenType"), /* Modern Browsers */
    url("../fonts/Hanson-Bold.ttf") format("truetype"), /* Older Browsers */
    }
.manrope {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.manrope {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
  }
  .manrope {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  .manrope {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
  }
  .manrope {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
  }
  .manrope {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  }
  .manrope {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
  }
.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .lato-thin-italic {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .lato-light-italic {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .lato-regular-italic {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .lato-bold-italic {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .lato-black-italic {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic;
  }
  .dm-serif-display-regular {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .dm-serif-display-regular-italic {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-style: italic;
  }
  
*,
*:before,
*:after{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}
body{
    overflow-x: hidden !important;
}
html {
    scroll-behavior: smooth;
}
h1,h2,h3,h4,h5,h6,p,body{
    font-family: 'DM Serif Display';
}

/* header css start */
section.header {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 9;
}
.header .navbar .navbar-nav {
    display: flex;
    justify-content: center;
    width: 100%;
}
.header .navbar .navbar-nav .nav-item {
    margin-left: 15px; /* Adds some space between menu items */
}
.header .navbar .logo img {
    max-width: 42%;
    height: auto;
}
.header .navbar .navbar-nav .nav-item a.nav-link {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    font-family: lato;
}
/* Border image on hover */
.header .navbar .navbar-nav .nav-item .nav-link {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    color: #000; /* or whatever color you prefer */
    transition: all 0.3s ease;
}
.header .navbar .navbar-nav .nav-item .nav-link::before {
    content: "";
    position: absolute;
    top: 24px;
    left: 0;
    right: 0;
    bottom: -16px;
    background-image: url(../images/menu-bdr.webp);
    background-size: contain;
    background-position: center;
    opacity: 0;
    background-repeat: no-repeat;
    transition: opacity 0.3s ease;
    z-index: 99;
}

.header .navbar .navbar-nav .nav-item .nav-link:hover::before {
    opacity: 1;
}
.dropdown-toggle::after {
    display: none !important;
}

/* Display dropdown on hover */
.navbar-nav .dropdown:hover>.dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    width: 1280px;
    position: absolute;
    left: -780px;
    top: 45px;
    border-radius: 25px;
    border: 3px dashed #ACECF4;
}
.drop-menu-box {
    display: flex;
}
.serv-menu {
    width: 75%;
    padding: 20px;
    border-right: 2px dashed #017B89;
}
.dropbox-menu {
    display: flex;
    width: 100%;
}
.serv-menu a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin: 6px;
    background: #fff;
    box-shadow: 1px 1px 5px #0000002e;
    border-radius: 8px;
    width: 25%;
    transition: 0.5s;
}
.serv-menu-txt {
    padding-left: 10px;
    padding-top: 12px;
}
.serv-menu-txt h2 {
    font-size: 15px;
    font-family: 'DM Serif Display';
    font-weight: 500;
    color: #000;
}
.serv-menu-txt p {
    font-size: 10px;
    font-family: 'lato';
    font-weight: 400;
    color: #000;
}
.serv-menu-ico i {
    font-size: 35px;
    padding: 15px 12px;
    color: #fff;
    background: #017B89;
    box-shadow: 1px 1px 5px #00000021;
    border-radius: 12px;
    margin-left: 10px;
}
.menu-contact-info {
    width: 25%;
    display: flex;
    align-items: center;
    background: #fafafa;
    border-radius: 0px 25px 25px 0px;
    margin: 0px 6px;
}
.serv-menu a:hover {
    background: #017b89;
    transition: 0.5s;
}
.serv-menu a:hover .serv-menu-txt h2 {
    color: #fff;
    transition: 0.5s;
}
.serv-menu a:hover .serv-menu-txt p {
    color: #fff;
    transition: 0.5s;
}
.serv-menu a:hover .serv-menu-ico i {
    background: #fff;
    color: #017b89;
    transition: 0.5s;
}
/* header css end */

/* home page css start */

section.main-bnr {
    background: radial-gradient(28.09% 39.71% at 51.02% 71.74%, #37B8C7 0%, #017B89 100%);
    padding: 120px 0px 120px 0px;
    height: 735px;
}
.bnr-txt {
    text-align: center;
}
.bnr-txt h2 {
    font-family: 'DM Serif Display';
    font-size: 46px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 400;
}
.bnr-txt h2 span {
    color: #A7F2FB;
}
.bnr-txt p {
    font-size: 18px;
    font-family: 'Lato';
    font-weight: 400;
    color: #fff;
}
.rotating-thing {
    width: 1250px;
    height: 1250px;
    position: absolute;
    top: 110px;
    left: 50%;
    transform: translateX(-50%) translateY(0%);
    clip-path: polygon(100% 0, 100% 50%, 50% 50%, 0 50%, 0 0);
}
.item {
    width: 100%; /* Set your desired item width */
    height: 16%; /* Set your desired item height */
    position: absolute;
    top: 58%;
    left: 50%;
    display: flex;
    transition: transform 0.3s ease;
}
.item img {
    max-width: 100%;
    max-height: 100%;
    transform: rotate(-90deg); /* This counteracts the rotation of the container */
}
.circle-img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.circle-img img {
    width: 71%;
    margin-top: 173px;
    z-index: 99;
}
.inner-txt {
    position: relative;
    top: -610px;
    z-index: 999;
}
.inner-txt h2 {
    font-size: 54px;
    background: -webkit-linear-gradient(20deg, #017b89c2 0%, #7AD2DD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'DM Serif Display';
    font-weight: 600;
    text-align: center;
}
.bnr-btns {
    display: flex;
    justify-content: space-evenly;
    padding-top: 28px;
}
.getintch .button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 221px;
    border-radius: 36px;
    font-weight: 700;
    height: 54px;
    font-size: 16px;
    padding-inline: 20px;
    background-color: #ACECF4;
    color: #017B89;
    overflow: hidden;
    text-align: center;
    transition: all .25s ease-in-out;
    z-index: 1;
    border: none;
    text-decoration: none;
    margin: 10px;
}
.getintch .button:is(:hover, :focus)::before {
    transform: translateX(0%);
    width: 100%;
    height: 100%;
    transition: 1s;
}
  
  .text {
    white-space: nowrap;
    line-height: 1.2;
    padding-inline-end: 44px;
    z-index: 2;
  }
  span.text i {
    padding-right: 10px;
    font-size: 20px;
}
  /* change the width and height to 100% when you use it in your layout */
  .getintch .button::after {
    content: '';
    position: absolute;
    height: calc(100% - 0px);
    width: calc(100% - 0px);
    border: 1px solid #ACECF4;
    border-radius: 36px;
    z-index: 2;
}
.getintch .button::before {
    content: "";
    position: absolute;
    height: 70%;
    width: 18%;
    background-color: #017b89;
    z-index: 1;
    left: -2px;
    transform: translate(176px, 3%);
    transition: all .3s ease-out;
    border-radius: 500px;
}
.getintch a.button:hover .text {
    color: #fff;
    text-decoration: none;
    transition: 1s;
}
.icon {
    display: inherit;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background-color: #017b89;
    z-index: 2;
    color: #fff;
}
.getintch a.button:hover .icon {
    color: #fff;
    transition: 1s;
}
.getintch a.button:hover .icon svg {
    transform: rotate(45deg);
    transition: 1s;
}  


.callnow .button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 221px;
    border-radius: 36px;
    font-weight: 700;
    height: 54px;
    font-size: 16px;
    padding-inline: 20px;
    background-color: transparent;
    color: #017B89;
    overflow: hidden;
    text-align: center;
    transition: all .25s ease-in-out;
    z-index: 1;
    border: none;
    text-decoration: none;
    margin: 10px;
}
.callnow .button:is(:hover, :focus)::before {
    transform: translateX(0%);
    width: 100%;
    height: 100%;
    transition: 1s;
}
  
  .text {
    white-space: nowrap;
    line-height: 1.2;
    padding-inline-end: 44px;
    z-index: 2;
  }
  span.text i {
    padding-right: 10px;
    font-size: 20px;
}
  /* change the width and height to 100% when you use it in your layout */
  .callnow .button::after {
    content: '';
    position: absolute;
    height: calc(100% - 0px);
    width: calc(100% - 0px);
    border: 1px solid #017B89;
    border-radius: 36px;
    z-index: 2;
}
.callnow .button::before {
    content: "";
    position: absolute;
    height: 70%;
    width: 18%;
    background-color: #017b89;
    z-index: 1;
    left: -2px;
    transform: translate(176px, 3%);
    transition: all .3s ease-out;
    border-radius: 500px;
}
.callnow a.button:hover .text {
    color: #fff;
    text-decoration: none;
    transition: 1s;
}
.icon {
    display: inherit;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background-color: #017b89;
    z-index: 2;
    color: #fff;
}
.callnow a.button:hover .icon {
    color: #fff;
    transition: 1s;
}
.callnow a.button:hover .icon svg {
    transform: rotate(45deg);
    transition: 1s;
} 

section.abt-inr-img {
    z-index: 99;
    position: relative;
    background-image: url(../images/abt-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.abt-img-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.slideabt {
    padding: 40px 0px;
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.slideabt img {
    width: 170px;
}
.slideabt button.slick-prev.slick-arrow, .slideabt button.slick-next.slick-arrow{
    display: none !important;
}
.abt-txt h2 {
    font-size: 52px;
    font-family: 'DM Serif Display';
    color: #000;
    font-weight: 400;
}
.abt-txt h2 span {
    color: #017B89;
}
.abt-txt p {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Manrope';
    color: #000;
    line-height: 26px;
    text-align: justify;
}
.abt-btns {
    display: flex;
    justify-content: flex-start;
}
.abt-box-img img.abt-back {
    width: 94%;
}
.abt-box-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.abt-box-img img {
    width: 100%;
}
.abt-box-img img.abt-book {
    margin-top: -62%;
    width: 68%;
    margin-left: -78px;
}
.book-writen {
    background: #fff9f9ad;
    width: 32%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 5px 5px 5px #fff9f957;
    border-radius: 16px;
    position: relative;
    top: -422px;
    left: -8px;
    backdrop-filter: blur(2px);
    padding: 8px 0px;
}
.ico-box {
    background: #017b89;
    padding: 4px;
    border-radius: 8px;
}
.ico-txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
    padding-top: 10px;
}
.ico-txt h5 {
    font-size: 25px;
    font-weight: 700;
    font-family: 'Lato';
    color: #000;
    line-height: 18px;
}
.ico-txt p {
    font-size: 15px;
    font-family: 'Lato';
    font-weight: 600;
    line-height: 10px;
}
.expert-box {
    background: #f7efef94;
    width: 38%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 22px;
    border: 1px solid #017B89;
    left: 355px;
    backdrop-filter: blur(6px);
    position: relative;
    top: -314px;
    box-shadow: 5px 5px 5px #afafaf8c;
}
.expert-txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}
.expert-txt p {
    font-size: 18px;
    font-family: 'Lato';
    font-weight: 600;
    color: #000;
    line-height: 15px;
}
.expert-txt h5 {
    font-size: 24px;
    font-weight: 700;
    font-family: 'Lato';
    color: #000;
    line-height: 20px;
}
section.cta-sec {
    background-image: url(../images/cta-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.cta-txt {
    padding-top: 70px;
}
.cta-txt h3 {
    font-size: 40px;
    font-family: 'DM Serif Display';
    color: #fff;
    font-weight: 500;
}
.cta-txt p {
    font-size: 16px;
    color: #fff;
    font-family: 'Lato';
    font-weight: 400;
}
.cta-img img {
    width: 100%;
    position: relative;
    top: 70px;
}
.cta-btns {
    display: flex;
    position: relative;
    top: 44px;
    left: -36px;
}
section.service-sec {
    padding: 100px 0px;
}
.container.serv-size {
    max-width: 1250px;
}
.serv-txt {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 0px 38px 0px;
}
.row.sec-row {
    padding-top: 32px;
}
.serv-txt h2 {
    font-size: 52px;
    color: #000;
    font-family: 'DM Serif Display';
    font-weight: 600;
    text-align: center;
    width: 70%;
}
.serv-txt h2 span {
    color: #017B89;
}
.ser-box {
    display: flex;
    overflow: hidden;
}
.sever-box {
    overflow: hidden;
}
.serv-card {
    display: flex;
    background: #7AD2DD;
    margin: 8px;
    border-radius: 18px;
    padding: 15px;
}
.serv-inner-txt h1 {
    font-size: 84px;
    font-family: 'Hanson';
    background: -webkit-linear-gradient(#fff, #00000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.serv-img {
    position: relative;
}
.serv-img img {
    position: absolute;
    left: 65px;
    top: -318px;
    transform: translateX(0px);
    transition: 1s;
    opacity: 1;
}
.serv-card:hover .serv-img img {
    transform: translate3d(191px, 10px, 75px);
    transition: 2s;
    opacity: 0;
}

.txt-box-ser {
    transform: translateY(130px);
    transition: 2s;
}
.serv-card:hover .serv-inner-txt .txt-box-ser {
    transform: translateY(-58px);
    transition: 2s;
}
.txt-box-ser h4 {
    font-size: 34px;
    font-family: 'DM Serif Display';
    text-transform: capitalize;
    color: #006C78;
}
.txt-box-ser p {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Lato';
    text-align: justify;
    transition: 1s;
}
.serv-card.sec-box {
    background: #43A9B5;
}
.txt-box-ser.sec-txt h4 {
    color: #fff;
}
.txt-box-ser.sec-txt p {
    color: #fff;
}
.serv-card.big-box {
    width: 100%;
    height: 300px;
    background: #017B89;
}
.txt-box-ser.txt-big h4 {
    color: #fff;
}
.txt-box-ser.txt-big p {
    color: #fff;
}
.serv-img.big-img img {
    position: absolute;
    left: 202px;
    top: -307px;
    transform: translateX(0px);
    transition: 1s;
    opacity: 1;
    z-index: 999;
}
section.eprt-ghost {
    background-image: url(../images/ghost-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
}
.ghost-txt h2 {
    font-size: 50px;
    font-family: 'DM Serif Display';
    color: #000;
    font-weight: 400;
}
.ghost-txt h2 span {
    color: #017B89;
}
.ghost-txt p {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Manrope';
    color: #000;
    line-height: 26px;
    text-align: justify;
}
.ghost-btns {
    display: flex;
    justify-content: flex-start;
}
.ghost-img img {
    width: 100%;
}
section.why-chos {
    background-image: url(../images/choose-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 40px;
    margin: 0px 20px;
    padding: 32px 0px;
    height: 554px;
}
.choose-txt h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 400;
    text-align: center;
    font-family: 'DM Serif Display';
}
.choose-txt h2 span {
    color: #7AD2DD;
}
.choose-txt p {
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Lato';
    padding: 0px 280px;
}
.chosse-box1 h2, .chosse-box2 h2, .chosse-box3 h2, .chosse-box4 h2 {
    font-size: 24px;
    color: #fff;
    font-family: 'DM Serif Display';
    font-weight: 400;
}
.chosse-box1 p, .chosse-box2 p, .chosse-box3 p, .chosse-box4 p {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    font-family: 'Lato';
}
.chosse-box1, .chosse-box2, .chosse-box3, .chosse-box4{
    position: relative;
}
.chosse-box1 img {
    position: absolute;
    left: 228px;
    top: 3px;
}
.chosse-box2 {
    top: 178px;
}
.chosse-box2 img {
    position: absolute;
    left: 228px;
    top: 3px;
}
.chosse-box3 h2, .chosse-box4 h2 {
    text-align: right;
}
.chosse-box3 img {
    position: absolute;
    right: 228px;
    top: 3px;
}
.chosse-box4 img {
    position: absolute;
    right: 228px;
    top: 3px;
}
.chosse-box4 {
    top: 82px;
}
.row.pencil-box-cnt {
    padding: 0px 58px;
}
.pencil-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 28px;
    position: relative;
}
.chosse-box1 {
    top: 90px;
}
.pencil-shad img {
    position: absolute;
    top: 474px;
    right: -75px;
}
.pencil04 img {
    -webkit-animation: mover 2.3s infinite  alternate;
    animation: mover 2.3s infinite  alternate;
    padding-top: 13px;
}
.pencil03 img {
    -webkit-animation: mover 2.2s infinite  alternate;
    animation: mover 2.2s infinite  alternate;
    padding-top: 13px;
}
.pencil02 img {
    -webkit-animation: mover 2.1s infinite  alternate;
    animation: mover 2.1s infinite  alternate;
    padding-top: 13px;
}
.pencil01 img {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
    padding-top: 13px;
}
@-webkit-keyframes mover {
    /* 0% { transform: translateY(5px); } */
    100% { transform: translateY(-5px); }
}
@keyframes mover {
    /* 0% { transform: translateY(5px); } */
    100% { transform: translateY(-5px); }
}
.pencil-shad img {
    position: absolute;
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 2s;
  }
  @-webkit-keyframes run {
    0% { transform: translateX(-10px); }
    100% { transform: translateX(0px); }
}
section.suc-steps {
    background-image: url(../images/steps-bg.webp);
    padding: 162px 0px 70px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.row.steps-spc {
    /* margin: 56px 0px; */
    padding: 70px 0;
}
.step-card:hover {
    transform: scale(1.1);
    transition: 0.5s;
    border-radius: 32px 32px 32px 112px;
}
.steps-txt h2 {
    text-align: center;
    font-size: 54px;
    font-weight: bold;
    color: #000;
    font-family: 'DM Serif Display';
}
.steps-txt h2 span {
    color: #027987;
}
.step-title {
    display: flex;
    justify-content: space-between;
}

.step-divider {
    width: 100%;
    height: 2px;
    background: #017B89;
    border-radius: 58px;
    margin: 8px 0px;
}
.step-para p {
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    font-family: 'Lato';
}
  
.go-corner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    overflow: hidden;
    background: #017B89;
    border-radius: 50px;
    transition: 0.5s;
}
.step-card:hover .go-corner {
    transform: scale(1.5);
    transition: 0.5s;
    z-index: 999999;
    background: #fff;
    border: 2px solid #0e8491;
}
.step-card:hover .go-corner .go-arrow{
  color: #0e8491;
}
.go-arrow {
  margin-top: -4px;
  margin-right: -4px;
  color: white;
  font-family: courier, sans;
}
  
.step-card {
    display: block;
    position: relative;
    background-color: #fff;
    border-radius: 32px;
    padding: 14px;
    text-decoration: none;
    z-index: 0;
    overflow: hidden;
    transition: 0.5s;
    border: 2px solid #017B89;
}
.step-title h3 {
    width: 70%;
}
.step-title .step-ico {
    width: 30%;
    transition: 0.5s;
}
.step-card:hover .step-ico {
    transform: translate3d(-164px, 245px, 10px);
    z-index: 99;
    transition: 0.5s;
}
.step-card:hover .go-corner .go-arrow svg path {
    color: #0e8491;
    fill: #0e8491;
}
.step-ico {
    display: flex;
    justify-content: center;
    transition: 0.5s;
}
.step-card:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 22px;
    right: 28px;
    background: linear-gradient(180deg, rgba(67,169,181,1) 0%, rgba(1,123,137,1) 100%);
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.5s ease-out;
}

.step-card:hover:before {
  transform: scale(28);
}

.step-card:hover .small-desc {
  transition: all 0.5s ease-out;
  color: rgba(255, 255, 255, 0.8);
}

.step-card:hover .card-title {
  transition: all 0.5s ease-out;
  color: #ffffff;
}
.step-title h3.step-txt {
    font-size: 14px;
    font-weight: 400;
    font-family: 'DM Serif Display';
    color: #000;
}  
.step-img img {
    width: 100%;
    transition: 0.5s;

} 
.step-card:hover h3.step-txt {
    color: #fff;
    transition: 0.5s;
}
.step-card:hover .step-para p {
    color: #fff;
    transition: 0.5s;
}
.step-card:hover .step-divider {
    background: transparent;
    transition: 0.5s;
}
/* .step-card:hover .step-img {
    transform: skewX(10deg);
    transition: 0.5s;
} */
.step-card:hover .step-img img {
    transition: 0.5s;
    border-radius: 32px 32px 32px 100px;
}
.skill-txt h2 {
    font-size: 52px;
    font-family: 'DM Serif Display';
    color: #000;
    font-weight: 400;
}
.skill-txt h2 span {
    color: #017B89;
}
.skill-txt p {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Manrope';
    color: #000;
    line-height: 26px;
    text-align: justify;
}
.skill-btns {
    display: flex;
    justify-content: flex-start;
}
.skilled-img{
    display: flex;
    align-items: center;
}
.skilled-img img {
    width: 100%;
}
.skill-list {
    display: flex;
    align-items: center;
}
.skill-list ul {
    margin: 0;
    padding: 0;
}
.skill-list ul li {
    display: flex;
    padding: 12px 0px;
}
section.best-seller {
    background-image: url(../images/seller-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 45px;
    margin: 65px 18px;
    padding: 80px 0px;
}
.skill-txt h6 {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    font-family: 'lato';
    padding: 0px 32px;
}
.seller-txt h2 {
    font-size: 52px;
    font-family: 'DM Serif Display';
    color: #fff;
    font-weight: 400;
}
.seller-txt h2 span {
    color: #ACECF4;
}
.seller-txt p {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Manrope';
    color: #fff;
    line-height: 26px;
    text-align: justify;
}
.seller-btns {
    display: flex;
    justify-content: flex-start;
}
.seller-img {
    position: relative;
}
.seller-img img {
    width: 675px;
    margin-left: -10px;
    position: relative;
    top: 81px;
}
.seller-img img.seller-wase {
    width: 22%;
    position: absolute;
    top: 116px;
    left: 64px;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
}
.seller-btns .callnow .button {
    background: #fff;
}
.rotate {
    animation: rotation 1000s;
  }
  
  .linear {
    animation-timing-function: linear;
  }
  
  .infinite {
    animation-iteration-count: infinite;
  }
  .rotate {
    animation: rotation 10s infinite linear;
  }
  
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  section.faq-sec {
    background-image: url(../images/faq-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 44px 0px;
}
.faq-txt img {
    width: 100%;
    margin-left: -60px;
}
.faq-txt h2 {
    font-size: 52px;
    font-family: 'DM Serif Display';
    font-weight: 400;
    color: #000;
}
.faq-txt h2 span {
    color: #017B89;
}
.accordion-button:not(.collapsed)::after, .accordion-button::after {
    background-image: none !important;
}
.accordion-button:not(.collapsed)::before {
    content: '-';
    font-size: 24px;
    font-weight: 900;
    width: 28px;
    height: 28px;
    background: #017B89;
    border-radius: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.accordion-button::before {
    content: '+';
    font-size: 24px;
    font-weight: 900;
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 50px;
    color: #43A9B5;
    display: flex;
    justify-content: center;
    align-items: center;
}
.faq-head h2 {
    font-size: 16px;
    font-weight: bold;
    color: #017B89;
    font-family: 'lato';
    padding-left: 26px;
    padding-top: 8px;
}
.faq-para p {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Lato';
    color: #000;
    padding-left: 54px;
}
.accordion-button:not(.collapsed) {
    background-color: transparent !important;
    box-shadow: none !important;
}
.accordion-button{
    padding: 12px !important;
}
.accordion-body {
    padding: 0px 18px 8px 20px !important;
}
button.accordion-button.collapsed {
    background: #43A9B5;
    margin: 18px 0px;
    border-radius: 7px;
}
.accordion-item{
    border: none !important;
    box-shadow: 2px 2px 9px #00000029;
    border-radius: 6px;
    background-color: #fff;
}
button.accordion-button.collapsed .faq-head h2 {
    color: #fff;
}
section.testimonails {
    background-image: url(../images/test-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0px;
}
.reviews-txt h1 {
    font-size: 150px;
    text-align: center;
    color: #017B89;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #017b8975;
    -webkit-text-fill-color: white;
    line-height: 0;
}
.reviews-txt h2 {
    font-size: 52px;
    text-align: center;
    margin-top: -11px;
    color: #000;
    font-family: 'DM Serif Display';
}
.reviews-txt h2 span{
    color: #017B89;
}
.divider-img {
    display: flex;
    justify-content: center;
    align-items: center;
}
.review-slide {
    position: relative;
    display: flex;
    padding: 60px 0px 20px 0;
}
.qoute-ico, .nxt-client {
    width: 20%;
}
.client-review-box{
    width: 60%;
}
.qoute-ico img.cli-pic {
    width: 69%;
}
.qoute-ico img.qoute {
    width: 48%;
    padding: 42px 0px;
}
.qoute-ico {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.qoute-ico::before {
    content: '';
    background: linear-gradient(180deg, rgba(1, 123, 137, 0.698) 0%, rgba(0, 151, 178, 1) 100%);
    position: absolute;
    width: 156px;
    height: 231px;
    top: 225px;
    opacity: 0.7;
}
.client-review-box {
    display: flex;
    align-items: center;
}
.client-img {
    width: 40%;
}
.client-txt {
    width: 60%;
    padding: 14px;
}
.client-img img {
    width: 100%;
}
.nxt-client img {
    width: 100%;
}
.client-img img {
    border-left: 5px solid #017B89;
}
.client-txt h2 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    font-family: 'lato';
}
.client-txt h5 {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    font-family: 'lato';
}
.client-txt ul {
    list-style: none;
    padding: 0 0 25px 0;
    margin: 0;
}
.client-txt ul li {
    display: inline;
    padding: 0;
    margin: 0;
}
.client-txt ul li i{
    color: #0097B2;
}
.client-txt h3 {
    font-size: 25px;
    font-weight: 600;
    color: #000;
    font-family: 'Lato';
}
.client-txt p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    font-family: 'Lato';
}
.nxt-client {
    display: flex;
    align-items: flex-end;
}
.nxt-client::before {
    content: '';
    background: linear-gradient(180deg, rgba(1, 123, 137, 0.698) 0%, rgba(0, 151, 178, 1) 100%);
    width: 223px;
    height: 335px;
    position: absolute;
    top: 121px;
    opacity: 0.7;
}
button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
    background: transparent;
    width: 50px;
    height: 50px;
    color: #017B89;
    border-radius: 500px;
    border: 2px solid #017B89;
}
button.slick-prev.slick-arrow {
    position: absolute;
    top: 62px;
    left: 87%;
    z-index: 999;
    transition: 1s;
}
button.slick-next.slick-arrow {
    position: absolute;
    top: 62px;
    right: 12px;
    z-index: 999;
    transition: 1s;
}
button.slick-prev.slick-arrow:hover, button.slick-next.slick-arrow:hover {
    background: #017B89;
    transition: 1s;
    transform: scale(1.3);
    top: 35px;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
    color: #fff !important;
}
.slick-dots li button {
    width: 10px !important;
    background: #017B89 !important;
    border-radius: 500px;
    height: 10px !important;
    opacity: 0.3;
}
.slick-dots li.slick-active button{
    width: 20px !important;
    background: #017B89 !important;
    border-radius: 500px;
    height: 20px !important;
    opacity: 1;
}
section.footer {
    background-image: url(../images/footer-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 0px 0;
}
.footer-logo a img {
    width: 50%;
}
.footer-logo p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    font-family: 'Lato';
}
.footer-logo a {
    text-decoration: none;
}
.service-links h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Lato';
}
.service-links ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.serv-links {
    display: flex;
}
.serv-links ul.links-adjust {
    padding-left: 45px;
}
.service-links ul a{
    text-decoration: none;
}
.service-links ul a li {
    font-size: 15px;
    color: #fff;
    font-family: 'Lato';
    font-weight: 500;
    line-height: 26px;
}
.Loc-links h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Lato';
}
.Loc-links ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.Loc-links ul a{
    text-decoration: none;
}
.Loc-links ul a li {
    font-size: 15px;
    color: #fff;
    font-family: 'Lato';
    font-weight: 500;
    line-height: 26px;
}
.cntct-links h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Lato';
}
.cntct-links ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.cntct-links ul a{
    text-decoration: none;
}
.cntct-links ul a li {
    font-size: 15px;
    color: #fff;
    font-family: 'Lato';
    font-weight: 500;
    line-height: 26px;
}
.social-med ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}
.social-med ul a {
    text-decoration: none;
}
.social-med ul li a i {
    color: #006C78;
    border-radius: 500px;
    width: 35px;
    height: 35px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 8px;
}
.merchant-img img {
    width: 100%;
}
.row.social-box {
    padding: 16px 0;
}
section.copyright {
    padding: 7px 0;
}
.copyright-txt h2 {
    font-size: 16px;
    font-weight: 500;
    font-family: 'lato';
    color: #000;
    text-align: center;
}
/* home page css end */

/* services page css start  */

section.inner-service-bnr {
    background-image: url(../images/inner-serv-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0 74px 0;
}
.col-sm-6.serv-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.inner-serv-txt h2 {
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    font-family: 'DM Serif Display';
}
.inner-serv-txt h2 span {
    color: #BCF8FF;
}
.inner-serv-txt p {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    font-family: 'lato';
}
.servi-inner-img {
    position: relative;
}
.servi-inner-img img.serv-circle-txt {
    position: absolute;
    z-index: 0;
    top: 16px;
    left: 122px;
}
.servi-inner-img img.serv-book-img {
    position: absolute;
    top: 228px;
    right: -60px;
}
img.serv-book-img.serv-book {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
section.serv-abt {
    background-image: url(../images/serv-abt-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}
.serv-abt-txt h2 {
    font-size: 50px;
    font-family: 'DM Serif Display';
    color: #000000;
    font-weight: 400;
}
.serv-abt-txt h2 span {
    color: #017B89;
}
.serv-abt-txt p {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Manrope';
    color: #000000;
    line-height: 26px;
    text-align: justify;
}
.serv-abt-btns {
    display: flex;
    justify-content: flex-start;
}
.serv-abt-img img {
    width: 100%;
}
section.serv-manuscript {
    background-image: url(../images/serv-manu-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}
.manuscript-txt h2 {
    font-size: 52px;
    text-align: center;
    font-weight: 600;
    font-family: 'DM Serif Display';
    color: #fff;
    padding: 0px 100px;
}
.row.manu-inner {
    padding-top: 24px;
}
.manuscript-txt {
    padding-bottom: 30px;
}
.manuscript-txt h2 span {
    color: #ACECF4;
}
.manu-box {
    background: #005D6A;
    padding: 20px;
    border-radius: 20px;
    border: 2px dashed #005D6A;
    transition: 0.5s;
}
.manu-box img.manu-img {
    width: 100%;
}
.manu-ico-box {
    display: flex;
    justify-content: center;
    align-items: center;
}
.manu-ico {
    width: 85px;
    height: 85px;
    background: #fff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -48px;
    margin-left: -9px;
}
.manu-box h2 {
    font-size: 21px;
    text-align: center;
    padding-top: 12px;
    color: #fff;
    font-family: 'DM Serif Display';
    font-weight: 500;
}
.manu-box p {
    font-size: 15px;
    text-align: center;
    color: #fff;
    font-family: 'Lato';
}
.manu-box:hover {
    background: #4eb3c2;
    border: 2px dashed #b2d8dd;
    transition: 0.5s;
}
section.serv-tuner{
    background-image: url(../images/serv-abt-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}
.serv-tuner-img img {
    width: 100%;
}
.serv-tuner-txt h2 {
    font-size: 50px;
    font-family: 'DM Serif Display';
    color: #000000;
    font-weight: 400;
}
.serv-tuner-txt h2 span {
    color: #017B89;
}
.serv-tuner-txt p {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Manrope';
    color: #000000;
    line-height: 26px;
    text-align: justify;
}
.serv-tuner-btns {
    display: flex;
    justify-content: flex-start;
}
section.our-work{
    background-image: url(../images/serv-tuner-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}
.our-work-txt {
    background: #017B89;
    border-radius: 45px;
    padding: 35px 0;
}
.our-work-txt h2 {
    font-size: 50px;
    text-align: center;
    color: #fff;
    font-family: 'DM Serif Display';
    font-weight: 500;
    padding-bottom: 86px;
}
.work-img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 124px;
}
.work-box {
    margin-left: -146px;
    transform: translateY(0px);
    transition: 0.5s;
}
.work-box:hover {
    transform: translateY(-140px);
    transition: 0.5s;
}
.work-img-01{
    z-index: 1;
}
.work-img-02{
    z-index: 2;
}
.work-img-03{
    z-index: 3;
}
.work-img-04{
    z-index: 4;
}
.work-img-05{
    z-index: 5;
}
.work-img-06{
    z-index: 6;
}
.work-img-07{
    z-index: 7;
}
.work-img-08{
    z-index: 8;
}
.work-img-09{
    z-index: 9;
}
.work-img-10{
    z-index: 10;
}
.work-img-11{
    z-index: 11;
}
.work-img-12{
    z-index: 12;
}
.work-img-13{
    z-index: 13;
}
.work-img-14{
    z-index: 14;
}
.work-img-15{
    z-index: 15;
}
.work-img-16{
    z-index: 16;
}
section.serv-cta{
    background-image: url(../images/serv-cta-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}
.cta-serv-img img {
    width: 100%;
}
.serv-cta-btns {
    display: flex;
    justify-content: center;
}
.serv-cta-btns .callnow .button {
    background: #fff;
}
.serv-cta-txt h2 {
    font-size: 45px;
    text-align: center;
    color: #fff;
    font-family: 'DM Serif Display';
    font-weight: 500;
}
.serv-cta-div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.serv-cta-txt p {
    font-size: 15px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-family: 'Lato';
    padding-top: 12px;
}
section.serv-slider{
    background-image: url(../images/serv-inner-slider.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 70px 0;
}
.serv-slider-box {
    background-image: url(../images/slider-bg-img.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 56px 28px;
    overflow: hidden;
}
.slider-serv-img {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.slider-serv-img img {
    width: 100%;
    position: absolute;
    top: -43px;
    right: -60px;
}
.slider-serv-img img.serv-slider-01 {
    width: 100%;
    position: absolute;
    top: -18px;
    right: -38px;
}
.slider-serv-img img.serv-slider-02{
    width: 100%;
    position: absolute;
    top: -18px;
    right: -38px;
}
.slider-ser-txt h2 {
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    font-family: 'DM Serif Display';
}
.slider-ser-txt h2 span {
    color: #BCF8FF;
}
.slider-ser-txt p {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    font-family: 'lato';
    text-align: justify;
}
.serv-slider-box button.slick-prev.slick-arrow {
    position: absolute;
    left: 52%;
    z-index: 999;
    transition: 1s;
    top: 94%;
}
.serv-slider-box button.slick-next.slick-arrow {
    position: absolute;
    top: 94%;
    right: 36%;
    z-index: 999;
    transition: 1s;
}
.serv-slider-box button.slick-prev.slick-arrow:hover, .serv-slider-box button.slick-next.slick-arrow:hover {
    background: #017B89;
    transition: 1s;
    transform: scale(1.3);
    top: 89%;
}
.slider-serv-img img.book-01, .slider-serv-img img.book-02, .slider-serv-img img.book-03 {
    width: auto;
    position: absolute;
    top: 36px;
    right: 124px;
    height: auto;
    transition: 0.5s;
}
.slider-serv-img img.book-01{
    z-index: 9;
}
.serv-slider-box:hover .slider-serv-img .books-slider-cover img.book-02 {
    transform: rotate(20deg);
    right: 40px;
    transition: 0.5s;
}
.serv-slider-box:hover .slider-serv-img .books-slider-cover img.book-03 {
    transform: rotate(-20deg);
    right: 232px;
    transition: 0.5s;
}
section.serv-author{
    background-image: url(../images/abt-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}
.serv-author-img img {
    width: 100%;
}
.serv-author-txt h2 {
    font-size: 50px;
    font-family: 'DM Serif Display';
    color: #000000;
    font-weight: 400;
}
.serv-author-txt h2 span {
    color: #017B89;
}
.serv-author-txt p {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Manrope';
    color: #000000;
    line-height: 26px;
    text-align: justify;
}
.serv-abt-btns {
    display: flex;
    justify-content: flex-start;
}
/* services page css end  */
/* privacy page css start  */

section.prvcy-bnr {
    background-image: url(../images/prvcy-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 185px 0;
}
.prvcy-txt h2 {
    font-size: 52px;
    font-weight: 400;
    font-family: 'DM Serif Display';
    color: #fff;
}
.prvcy-txt h2 span {
    color: #a9f2fb;
}
.prvcy-txt p {
    font-size: 15px;
    font-family: 'Lato';
    font-weight: 400;
    color: #fff;
}
section.policy-txt {
    padding: 80px 0;
}
.term-txt h2 {
    font-size: 50px;
    font-weight: 400;
    font-family: 'DM Serif Display';
    color: #000;
}
.term-txt h2 span {
    color: #027b89;
}
.term-txt p {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Lato';
    color: #000;
}
/* privacy page css end  */

/* blog page css start  */
section.blog-bnr {
    background-image: url(../images/inner-serv-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 160px 0;
}
.blog-btns {
    display: flex;
    justify-content: center;
}
.blog-btns .callnow .button {
    background: #fff;
}
.blog-txt h2 {
    font-size: 50px;
    text-align: center;
    color: #fff;
    font-family: 'DM Serif Display';
    font-weight: 500;
}
.blog-txt h2 span {
    color: #acecf4;
}
.blog-div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.blog-txt p {
    font-size: 15px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-family: 'Lato';
    padding-top: 12px;
}
section.blog {
    padding: 70px 0;
}
.blog-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.mycontent {
    height: auto;
    width: 30%;
    font-size: 24px;
    line-height: 100px;
    text-align: center;
    margin: 15px;
    display: none;
}
.mycontent a {
    text-decoration: none;
}
.tb-box-content {
    margin: 0 0 60px;
}
.tb-box-content img {
    width: 100%;
}
.tb-box-content img {
    width: 100%;
    min-height: 264px;
    object-fit: cover;
    margin: 0 0 20px;
    border-radius: 10px;
}
.tb-box-content h4 {
    color: #000;
    font-size: 16px;
    font-family: 'Lato';
    font-weight: 500 !important;
}
.loadmore-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* blog page css end  */

/* Contact page css start  */
section.contact-bnr {
    background-image: url(../images/inner-serv-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 160px 0;
}
.contact-btns {
    display: flex;
    justify-content: center;
}
.contact-btns .callnow .button {
    background: #fff;
}
.contact-txt h2 {
    font-size: 50px;
    text-align: center;
    color: #fff;
    font-family: 'DM Serif Display';
    font-weight: 500;
}
.contact-txt h2 span {
    color: #acecf4;
}
.contact-div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-txt p {
    font-size: 15px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-family: 'Lato';
    padding-top: 12px;
}
section.cont-form-sec {
    padding: 80px 0;
}
.col-sm-4.con-txt-from {
    display: flex;
    align-items: center;
}
.form-txt h2 {
    font-size: 46px;
    font-weight: 400;
    font-family: 'DM Serif Display';
    color: #000;
}
.form-txt h2 span {
    color: #017b89;
}
.form-txt p {
    font-size: 15px;
    font-family: 'Lato';
    color: #000;
    font-weight: 400;
}
.from-divider img {
    width: 62%;
}
.control-form input {
    width: 100%;
    padding: 10px 10px 10px 50px;
    border-radius: 8px;
    border: 1px solid #000;
}
.control-form textarea {
    width: 100%;
    padding: 10px 10px 10px 50px;
    border-radius: 8px;
    border: 1px solid #000;
}
.control-form {
    position: relative;
    padding: 4px;
}
.control-form i {
    position: absolute;
    top: 17px;
    left: 18px;
    color: #017b89;
    font-size: 20px;
}
.control-form input:focus-visible, .control-form textarea:focus-visible {
    outline: 1px;
    border: 1px solid #017b89;
}
.control-form input.submit-btn {
    background: #acecf4;
    color: #017b89;
    border: 1px solid #017b89;
    font-size: 18px;
    font-weight: 600;
    font-family: 'DM Serif Display';
    padding: 10px 0px;
    transition: 0.5s;
}
.control-form input.submit-btn:hover {
    background: #017b89;
    color: #fff;
    border: 1px solid #017b89;
    transition: 0.5s;
}
.quick-txt h2 {
    font-size: 46px;
    font-weight: 400;
    font-family: 'DM Serif Display';
    color: #000;
}
.quick-txt h2 span {
    color: #017b89;
}
.quick-txt ul {
    text-decoration: none;
    list-style: none;
    padding: 0;
    margin: 0;
}
.quick-txt ul li {
    display: flex;
    align-items: flex-start;
    padding: 6px 0px;
}
.quick-txt ul li i {
    width: 50px;
    height: 50px;
    background: #017b89;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    border-radius: 14px;
    color: #acecf4;
}
.quick-txt ul li i.fa.fa-map-marker {
    width: 65px;
}
.quick-txt ul li a {
    font-size: 15px;
    font-family: 'Lato';
    color: #000;
    text-decoration: none;
    padding-left: 16px;
}
.address a {
    width: 100%;
    display: flex;
}
.quick-txt ul li a.adjust {
    padding-top: 14px;
}
/* Contact page css end  */


/* about page css start  */
section.about-bnr {
    background-image: url(../images/inner-serv-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 185px 0 120px 0;
}
.about-btns {
    display: flex;
    justify-content: center;
}
.about-btns .callnow .button {
    background: #fff;
}
.about-txt h2 {
    font-size: 50px;
    text-align: center;
    color: #fff;
    font-family: 'DM Serif Display';
    font-weight: 500;
}
.about-txt h2 span {
    color: #acecf4;
}
.about-div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-txt p {
    font-size: 15px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-family: 'Lato';
    padding-top: 12px;
}
/* about page css end  */