@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');

@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

/*font-family: "Red Hat Display", sans-serif;*/


* {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-decoration: none;
    outline: none;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background-color: #0e0e0e;
    font-family: "Red Hat Display", sans-serif;
}

h1, h2, h4, h5, h6 {
    font-family: "Red Hat Display", sans-serif;
    margin: 0;
    padding: 0;
}

p {
    font-family: "Red Hat Display", sans-serif;
    font-size: 16px;
    padding: 0;
    margin: 15px 0 0 0;
    color: #fff;
    font-weight: 400;
    line-height: 24px;
}

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

img {
    max-width: 100%;
    border: none;
}

a {
    text-decoration: none;
    outline: none !important;
}

html {
    scroll-behavior: smooth;
    font-size: 100%;
}

.p-80 {
    padding: 80px 0;
}

.bannertext h1 {
    font-size: 82px;
    color: #fff;
    font-weight: 900;
    line-height: 74px;
}

.bannertext h1 span {
    font-size: 62px;
    color: #fff;
    font-weight: 800;
}

.bannertext h2 {
    font-size: 50px;
    color: #fff;
    margin: 0;
    font-weight: 700;
    line-height: 50px;
}

.bannertext p {
    font-size: 20px;
    color: #fff;
    margin: 25px 0 0 0;
    font-weight: 400;
}

.aboutTitle h2 {
    font-size: 62px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 10px;
    position: relative;
}

.aboutTitle h2 span {
    color: #25BBB8;
}

.headertext h3 {
    font-size: 56px;
    color: #fff;
    font-weight: 800;
    position: relative;
}

.headertext h3 span {
    color: #25BBB8;
}

.headertext h5 {
    font-size: 16px;
    color: #25BBB8;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.headertext h6 {
    font-size: 25px;
    color: var(--red);
    margin-bottom: 10px;
}

.commonbtn {
    position: relative;
    padding: 12px 35px;
    font-size: 18px;
    border-radius: 30px;
    font-weight: 600;
    margin-top: 25px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #25BBB8;
    text-align: center;
    display: inline-block;
    transition: 0.6s;
}

.commonbtn:hover {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    box-shadow: 0 0px 16px rgb(63 168 165);
}

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

.btn_circleB {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #25BBB8;
    margin-right: -20px;
    transition: 0.6s;
    z-index: 1;
}

/*.btn_circleB .fa-arrow-right {
    font-size: 16px;
    color: #fff;
    transform: rotate(-45deg);
    position: relative;
    transition: 0.6s;
    z-index: 1;
}*/

.btn_box {
    position: relative;
    padding: 10px 20px 10px 30px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 6px 30px 30px 6px;
    background-color: #ffffff;
    color: #25BBB8;
    text-align: center;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    gap: 25px;
    transition: 0.6s;
}

/*.btn_group:hover .btn_circleB .fa-arrow-right {
    transform: rotate(0deg);
}*/

.btn_group:hover .btn_box {
    background-color: #24d0cd;
    color: #fff;
}

.btn_group:hover .btn_circleB {
    background-color: #000;
}

/*.btngroup {
    position: relative;
    padding: 12px 25px 12px 5px;
    min-width: 130px;
    font-size: 16px;
    border-radius: 30px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #fff;
    background-color: #fff;
    color: #25BBB8;
    text-align: center;
    transition: 0.6s;
}

.btngroup span::before {
    content: "";
    position: absolute;
    top: 0;
    left: -11px;
    background-color: #ffffff;
    border: 3px solid #25BBB8;
    border-radius: 50%;
    width: 49px;
    height: 49px;
}

.btngroup span img {
    position: relative;
    z-index: 1;
}*/

/*.headerarea.fix .btngroup{
    background-color: #25BBB8;
    color: #fff;
}

.headerarea.fix .logo img {
    filter: brightness(0) saturate(100%) invert(59%) sepia(78%) saturate(439%) hue-rotate(130deg) brightness(91%) contrast(83%);
}*/

/*[class^=col-] {
    margin-bottom: 30px;
}*/

.btn-1 {
    box-shadow: inset 0 0 #ee4036;
    transition: all 0.3s ease-out;
}

.btn-1:hover {
    box-shadow: inset 12em 0 #1f3c56;
    cursor: pointer;
    color: rgb(0, 0, 0);
}

.btn-2 {
    position: relative;
    z-index: 1;
    background: #fff;
}

.btn-2::before {
    content: " ";
    position: absolute;
    height: 100%;
    width: 55%;
    background: #25BBB8;
    top: 0;
    left: 0;
    border-radius: 30px 0 0 30px;
    z-index: -1;
    transition: all 0.3s ease-out;
}

.btn-2::after {
    content: " ";
    position: absolute;
    height: 100%;
    width: 55%;
    right: 0;
    top: 0;
    background: #25BBB8;
    border-radius: 0 30px 30px 0;
    z-index: -1;
    transition: all 0.3s ease-out;
}

.btn-2:hover:before {
    width: 0;
    border-radius: 30px;
}

.btn-2:hover:after {
    width: 0;
    border-radius: 30px;
}

.btn-2:hover {
    cursor: pointer;
    color: rgb(0, 0, 0);
    border-radius: 30px;
}

.btn-3 {
    position: relative;
    background: rgb(0, 89, 255);
    z-index: 1;
    transition: all 0.3s ease-out;
}

.btn-3:hover {
    color: black;
    cursor: pointer;
}

.btn-3::after {
    content: " ";
    position: absolute;
    height: 100%;
    width: 0;
    background: #fffb0e;
    right: 0;
    top: 0;
    border-radius: 5px;
    z-index: -1;
    transition: all 0.3s ease-out;
}

.btn-3:hover:after {
    width: 100%;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #fff;
}
 ::-moz-placeholder {
    /* Firefox 19+ */
     color: #fff;
}
 :-ms-input-placeholder {
    /* IE 10+ */
     color: #fff;
}
 :-moz-placeholder {
    /* Firefox 18- */
     color: #fff;
}

/* ======================================================================= */
    /* header start */
/* ======================================================================= */

.headerarea {
    box-shadow: none;
    padding: 15px 20px;
    border-radius: 20px;
    position: relative;
    background-color: #2ed8d44d;
    border: 2px solid #49e4e033;
    /* box-shadow: 0 4px 15px rgb(255 255 255 / 12%); */;
}

.topHead {
    width: 100%;
    padding: 10px 0;
    position: absolute;
    top: 15px;
    z-index: 999;
}

.headerarea .logo {
    width: 100%;
    max-width: 240px;
    position: relative;
    display: inline-block;
}

.headerarea .logo img {
    width: 100%;
    object-fit: cover;
    position: relative;
}

img.twentytwenty-after {
    filter: grayscale(1);
}

.headerarea .header-contact .call {
    width: 100%;
    min-width: 43px;
    max-width: 43px;
    height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F6F7FB;
    background-color: #F6F7FB;
    color: #000000;
    border-radius: 100%;
    margin-left: 10px;
    transition: 0.5s;
}

.headerarea .header-contact .call:hover {
    border-color: #000000;
    background-color: #000000;
    color: #ffffff;
}

.headerarea.fix {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
    background-color: #21a9a6;
    border: none;
    padding: 10px 100px;
    z-index: 3333;
    /*box-shadow: 0 4px 10px rgb(0 0 0 / 10%);*/
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

/*.headerarea.fix .menu ul li a {
    color: #000;
}*/

.headerarea.fix .menu {
    margin-top: 0px;
    margin-right: 0;
}

/*.headerarea.fix .menu ul li a:hover, .headerarea.fix .menu ul li.active a {
    color: #25BBB8;
}*/

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

.header-right .header-contact .btn {
    margin-right: 10px;
}

#backToTop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 45px;
    height: 45px;
    padding: 10px;
    background-color: #25BBB8;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    border: 1px solid rgb(255 255 255 / 89%);
    transition: 0.6s;
}

#backToTop .fa-arrow-up {
    font-size: 18px;
    color: #fff;
    top: -1px;
    position: relative;
}

#backToTop:hover {
    background-color: rgb(37 187 184 / 73%);
    transform: scale(1.1);
}

#backToTop:hover svg {
    transform: translateY(-3px);
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
/*menu CSS
--------------------------------------------------------------------------------------------------*/
.menu {
    margin-top: 0;
    margin-right: 0;
}
.menu ul{margin:0;padding:0;font-size:0;}
.menu ul li{display:inline-block;padding:0;list-style-type:none;position:relative;vertical-align:middle;}
.menu ul li.active { position: relative; background-color: transparent; margin-bottom: 0;}
.menu ul li.active::before {content: '';position: absolute;top: -5px;left: 0;width: 100%;max-width: 50px;height: 50px;background-repeat: no-repeat;background-size: contain;background-position: center;background-image: url(../images/menu-active-shape.svg);}
.menu ul li span { position: absolute; top: 45%; right: 10px; }
.menu ul li span::after { color: #000000; font-family: FontAwesome; font-size: 10px; }
.menu ul li:hover span::after { color: #25BBB8; }
.headarea.innerheader .menu ul li a { color: #000; }
.menu ul li a { color: #fff; font-size: 18px; font-weight: 500; display: block; padding: 15px 0px; margin: 0 16px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.menu ul li a:hover, .menu ul li.active a { color: #000; }
.menu ul li.active a::after { width: 100%; }
.menu ul li a span { display: inline-block; vertical-align: 0px; margin-left: 6px; font-size: 10px; }
.menu ul li:hover ul li a:hover { color: #000; background-color:#25BBB8; }
.menu ul li ul { width: 240px; position: absolute; top: calc(100% + 30px); left: 0; z-index: 2; background-color: #ffffff; text-align: left; transition: 0.3s; opacity: 0; visibility: hidden; box-shadow: 0 4px 15px rgb(0 0 0 / 3%); }
.menu ul ul li:first-child:before{display:none;}
.menu ul ul li:after{display:none;}
.menu ul li:last-child ul{width:220px;position:absolute;top:100%;left:auto;right:0;z-index:2;background-color:#ffffff;box-shadow:0px 5px 14px rgb(0 0 0 / 2%);text-align:left;}
.menu ul li ul li a { font-size: 14px; text-transform: none; padding: 12px 15px; color: #000; line-height: 20px; font-weight: 500; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s; display: block; margin: 0; }
.menu ul li ul li ul{top:10px;left:149px;}
.menu ul li ul li span{right:7px;top:12px;}
.menu ul li a:hover.menu ul li ul{display:block;}
.menu ul li ul li{display:block;padding:0;border-bottom:solid 1px rgb(255 255 255 / 7%);border-right:none;}
.menu ul li ul li:last-child{border:none;}
.menuButton{width:40px;height:35px;padding:5px;float:right;display:none;}
.menuButton span { width: 100%; height: 2px; background: #000; margin-bottom: 6px; float: left; transition: all 0.3s ease-in-out 0s; }
.menuButton span:last-child{margin-bottom:0;}
@media (min-width:991.98px) {
    .menu ul {
        display: block!important;
    }

    .menu ul li:hover > ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }
}
@media (max-width:991.98px){.menuButton{display:block;margin-left:15px;cursor:pointer;}
 .menu ul li span{background:url(../images/menu_arrow.png) center center no-repeat;cursor:pointer;width:15px;height:15px;position:absolute;right:15px;top:20px;z-index:99;}
 .menu ul li:hover span{background:url(../images/menu_arrow_hover.png) center center no-repeat;}
 .arrow_change span:nth-child(2){display:none;}
 .arrow_change span:first-child{position:relative;top:9px;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
 .arrow_change span:last-child{position:relative;top:1px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
 .menuBar{padding:15px 0;}
 .menu{padding:5px 0;}
 .menu ul{display:none;background-color:#fff;position:absolute;top:100%;left:0;width:100%;z-index:99;}
 .menu ul li a{color:#071731;display:block;width:100%;font-size:15px;}
 .menu ul li ul{display:none;background-color:#e1e1e1;position:relative;top:5px;left:0;width:100%;z-index:1;padding:0;visibility: initial;opacity: 1;}
 .menu ul li:last-child ul{display:none;background-color:#e1e1e1;position:relative;top:5px;left:0;width:100%;z-index:1;}
 .menu ul li{display:block;padding:10px 15px 10px 15px;border-top:1px solid #cccccc54;text-align:left;position:relative;}
 .menu ul li span{position:absolute;right:30px;z-index:99;cursor:pointer;top:12px;text-align:center;}
 .menu ul li ul li ul{top:0;left:0;}
 .menu ul li ul li a{font-size: 12px;text-transform: none; background-color: #e1e1e1; padding: 8px 12px;color: #000;}
}

.headerarea .menu .active > a {
    color: #fff;
    font-weight: bold;
    border-bottom: 3px solid #fff;
    padding-bottom: 5px;
}


.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: #25BBB8 !important;
}


/*-- header area stop --*/

/* ======================================================================= */
    /* banner start */
/* ======================================================================= */
.banner {
    width: 100%;
    position: relative;
    height: 100%;
    min-height: 1140px;
    padding: 50px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.banner::after {
    content: '';
    position: absolute;
    left: -30%;
    right: 0;
    bottom: -110px;
    width: 160%;
    height: 300px;
    z-index: 1;
    background-color: rgb(14 14 14);
    filter: blur(100px);
    -webkit-filter: blur(100px);
}

.banner_in {
    width: 75%;
    margin: 0 auto;
}

.banner_inpic {
    height: 575px;
    position: relative;
    display: flex;
    overflow: hidden;
    z-index: 11;
}

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

.bannertext {
    margin-top: 80px;
}

/* ======================================================================= */
    /* we_work start */
/* ======================================================================= */
.we_work {
    width: 100%;
    position: relative;
    z-index: 11;
}

.we_work::before {
    content: '';
    position: absolute;
    top: -90px;
    left: 0;
    right: 0;
    width: 100%;
    height: 300px;
    z-index: -1;
    background-color: rgb(14 14 14);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
}

.we_work::after {
    content: '';
    position: absolute;
    top: 25%;
    right: 0;
    width: 100%;
    max-width: 500px;
    height: 500px;
    z-index: -1;
    background-color: rgb(29,51,51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
}

.we_work .headertext {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.we_work .headertext p {
    margin: 0;
}

.lefttext {
    flex-basis: 50%;
    flex-shrink: 0;
}

.we_workin {
    width: 100%;
    margin-top: 35px;
}

.we_work_card {
    width: 100%;
    padding: 50px 20px 20px 20px;
    background-color: #1B1B1B;
    border-radius: 25px;
    /*border: 2px solid #1b2a2a;*/
    transition: 0.6s;
    /*border: 2px solid;
    border-image: linear-gradient(360deg, #2cccc7, #57737247) 1;*/
}

.border-wrapper {
  background: linear-gradient(360deg, #2cccc7, #57737247);
  padding: 2px;
  border-radius: 25px;
}

.border-inner {
  border-radius: 25px;
}

.we_work_cardpic {
    max-width: 80%;
    margin: 0 auto;
    height: 240px;
    position: relative;
    transition: 0.6s;
    display: flex;
}

.we_work_cardpic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 0.6s;
}

.we_work_card:hover .we_work_cardpic img {
    transform: scale(1.1);
}

.we_work_card_btm {
    width: 100%;
    padding: 20px;
    background-color: rgb(29,51,51);
    border-radius: 20px;
    margin-top: 40px;
    transition: 0.6s;
}

.we_work_card_btm h4 {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
}

.we_work_card_btm p {
    margin: 10px 0 15px;
}

.icon_circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #25BBB8;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s;
}

.icon_circle .fa-arrow-right {
    font-size: 15px;
    color: #fff;
    transform: rotate(-45deg);
    transition: 0.6s;
}

.we_work_card:hover .fa-arrow-right {
    color: #25BBB8;
    transform: rotate(0deg);
}

.we_work_card:hover .icon_circle {
    background-color: #fff;
}

.we_work_card:hover .we_work_card_btm {
    background-color: #25BBB8;
}

/* ======================================================================= */
    /* cowel_sec start */
/* ======================================================================= */
.cowel_sec {
    width: 100%;
    position: relative;
    padding: 0 0 150px;
}

.cowel_sec::before {
    content: '';
    position: absolute;
    top: -150px;
    left: -200px;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
}

.cowel_sec::after {
    content: '';
    position: absolute;
    top: -300px;
    left: 0;
    background-image: url(../images/shapebg.png);
    width: 100%;
    height: 1190px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: -1;
}

.cowel_secmid {
    width: 60%;
    margin: 0 auto;
}

.cowel_secmid_pic01 {
    height: 235px;
    margin: 0 auto;
    position: relative;
    display: flex;
    overflow: hidden;
}

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

.cowel_secmid .headertext {
    margin: 25px 0;
}

.cowel_secmid .headertext p {
    width: 55%;
    margin: 0 auto;
}

.cowel_secmid .headertext p span {
    color: #25BBB8;
}

.cowel_secmid a {
    font-size: 17px;
    color: #25BBB8;
    font-weight: 600;
    display: block;
    margin: 15px 0;
    text-transform: uppercase;
    text-decoration: underline;
}

.cowel_secmid_pic02 {
    height: 335px;
    margin: 0 auto;
    position: relative;
    display: flex;
    overflow: hidden;
}

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

/* ======================================================================= */
    /* about_sec start */
/* ======================================================================= */
.about_sec {
    width: 100%;
    position: relative;
    padding-top: 50px;
}

.about_sec_left {
    width: 100%;
    position: relative;
    z-index: 1;
}

.about_sec_left::after {
    content: '';
    position: absolute;
    top: -50px;
    left: -80px;
    background-image: url(../images/brand.png);
    width: 197px;
    height: 197px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    animation: spin 15s linear infinite;
}

@keyframes spin {

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

.about_sec_left::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 10px;
    width: 440px;
    height: 450px;
    border-radius: 25px 25px 210px 210px;
    background-color: #494949;
    border: 12px solid #1b1b1b;
    z-index: -1;
    box-shadow: 0px 9px 41px rgb(41 71 71);
}

.about_sec_nainpic {
    height: 460px;
    position: relative;
    display: flex;
    overflow: hidden;
}

.about_sec_nainpic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 0 0 72em 42em;
}

/*.about_sec_nainpic::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    width: 440px;
    height: 440px;
    border-radius: 25px 25px 300px 300px;
    background-color: #494949;
    border: 12px solid #1b1b1b;
    z-index: -1;
}*/

.about_sec_right {
    width: 90%;
    margin-left: auto;
    position: relative;
}

.about_sec_right::before {
    content: '';
    position: absolute;
    top: -150px;
    left: -300px;
    width: 400px;
    height: 400px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.about_sec_right ul {
    padding: 0;
    margin: 35px 0 0 0;
    list-style: none;
}

.about_sec_right ul li {
    width: 100%;
    display: block;
    position: relative;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 20px;
    padding-left: 40px;
}

.about_sec_right ul li:nth-child(4) {
    padding-bottom: 0;
}

.about_sec_right ul li::before {
    content: "\f00c";
    position: absolute;
    top: -1px;
    left: 0;
    background-color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: FontAwesome;
    font-size: 15px;
    color: #25BBB8;
    box-shadow: 0px 2px;
}

.explore_box {
    padding: 22px 30px;
    font-size: 18px;
    border-radius: 15px 60px 60px;
    font-weight: 600;
    margin-top: 25px;
    border: 5px solid #fff;
    background-color: #25BBB8;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    transition: 0.6s;
    position: absolute;
    right: 130px;
    bottom: -50px;
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

.blink {
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.9s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}


/* ======================================================================= */
    /* services_sec start */
/* ======================================================================= */
.services_sec {
    width: 100%;
    position: relative;
}

.services_sec::before {
    content: '';
    position: absolute;
    top: 350px;
    left: -200px;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
}

.services_sec::after {
    content: '';
    position: absolute;
    top: -50px;
    right: 650px;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.slide_panel {
    width: 100%;
    margin-top: 100px;
}

.slide_panelbox {
    width: 100%;
}

.slide_panelbox_pic {
    height: 350px;
    position: relative;
    display: flex;
    overflow: hidden;
}

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

/*.services-carousel .owl-nav { position: absolute; top: -130px; width: 100%; left: 0; right: 0; text-align: center;}*/
.services-carousel .owl-nav button.owl-prev, .services-carousel .owl-nav button.owl-next { width: 40px; height: 40px; border: 1px solid #024A8E; border-radius: 50%; color: #345C7E; font-size: 30px;}
.services-carousel .owl-nav button.owl-prev span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.services-carousel .owl-nav button.owl-prev span::after { content: '\f060'; color: #024A8E !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.services-carousel .owl-nav button.owl-prev:hover span::after { content: '\f060'; color: #fff !important; }
.services-carousel .owl-nav button.owl-next span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.services-carousel .owl-nav button.owl-next span::before { content: '\f061'; color: #024A8E !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.services-carousel .owl-nav button.owl-next:hover span::before { content: '\f061'; color: #fff !important; }
.services-carousel .owl-nav button.owl-prev { left: 0px; position: relative;}
.services-carousel .owl-nav button.owl-next { right: 0px; position: relative;}
.services-carousel .owl-nav { position: absolute; top: -100px; display: inline-flex; left: 0; justify-content: end; width: 100%;}
.services-carousel .owl-nav button.owl-prev:hover, .services-carousel .owl-nav button.owl-next:hover { background: #024A8E; border: 1px solid #024A8E; color: #fff; transition: all .3s ease-in-out;}
.owl-theme .owl-nav { margin-top: 0; }
.owl-carousel .services-carousel .owl-dots.disabled, .owl-carousel .services-carousel .owl-nav.disabled {
    display: block !important;
}


.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 45px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: none !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: none;
    border: 1px solid #25BBB8;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

/**/
.services_sec_right {
    width: 90%;
    margin-left: auto;
    position: relative;
    background-color: #25BBB8;
    border-radius: 40px 40px 200px 40px;
    padding: 50px 40px;
    border: 20px solid #0E0E0E;
    box-shadow: 0px 9px 41px rgb(41 71 71);
}

.services_sec_card {
    width: 100%;
    /*padding: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;*/;
}

.services_sec_iconbox {
    width: 52px;
    height: 52px;
    background-color: #99dbda;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.services_sec_iconbox img {
    width: 32px;
    /*filter: grayscale(0) invert(0.5);*/
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(3deg) brightness(100%) contrast(104%);
}

.services_sec_card h6 {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
}

.accordion-toggle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    cursor: pointer;
    padding: 10px;
    margin-bottom: 10px;
}

.accordion-content p {
    padding-left: 68px;
    margin: 0;
}

.accordion-content {
    display: none;
}

.accordion-content.default {
    display: block;
}

.services_sec_right .active {
    background-color: #ffffff29;
    padding: 10px;
    margin-bottom: 10px;
}

.services_sec_card .active .services_sec_iconbox img {
    filter: brightness(0) saturate(100%) invert(66%) sepia(29%) saturate(970%) hue-rotate(130deg) brightness(88%) contrast(94%);
}

.services_sec_card .active .services_sec_iconbox {
    background-color: #fff;
}

/* ======================================================================= */
    /* unique_sec start */
/* ======================================================================= */
.unique_sec {
    width: 100%;
    position: relative;
    padding-top: 0;
}

.unique_sec::before {
    content: '';
    position: absolute;
    top: 110px;
    left: 180px;
    width: 400px;
    height: 400px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.unique_sec::after {
    content: '';
    position: absolute;
    top: 460px;
    right: 710px;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.unique_sec .headertext {
    width: 62%;
    margin: 0 auto;
}

.unique_sec_in {
    width: 100%;
    margin-top: 50px;
}

.unique_seccard {
    width: 100%;
    background-color: #fff;
    padding: 50px 40px;
    border-radius: 25px;
    height: 440px;
}

.unique_seccard h4 {
    font-size: 38px;
    color: #000;
    font-weight: 600;
}

.unique_seccard p {
    color: #3c3c3c;
}

.unique_seccard .commonbtn {
    border: 1px solid #25BBB8;
    background-color: #25BBB8;
    color: #fff;
    transition: 0.6s;
}

.unique_seccard:hover .commonbtn {
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
}

.unique_seccardpic {
    height: 440px;
    position: relative;
    display: flex;
    border-radius: 25px;
    overflow: hidden;
}

.unique_seccardpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.unique_sec_in [class^=col-] {
    margin-bottom: 24px;
}

/* ======================================================================= */
    /* perfecting_sec start */
/* ======================================================================= */
.perfecting_sec {
    width: 100%;
    position: relative;
    background-color: #122828;
}

.perfecting_secpic {
    width: 150%;
    height: 550px;
    position: relative;
    left: -65%;
    display: flex;
    border-radius: 0 50em 50em 0;
    overflow: hidden;
    border: 15px solid #fff;
    border-left: none !important;
}

.perfecting_secpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.perfecting_secpic::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgb(67 131 131) 7%, rgba(0, 0, 0, 0.08725488486410193) 45%);
    top: 0px;
    left: 0px;
}

.perfecting_right {
    width: 100%;
}

.count_grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    margin-top: 30px;
}

.count_grid .count_box {
    background-color: #FAF1C4;
    width: 35%;
    height: 135px;
    padding: 20px;
    border-radius: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.count_grid .count_box h4 {
    font-size: 28px;
    color: #000;
    font-weight: 900;
}

.count_grid .count_box p {
    color: #3c3c3c;
    margin-top: 2px;
    font-weight: 500;
}

.count_box:last-child {
    background-color: #A6EEEC;
}

.perfecting_right .commonbtn {
    border: 1px solid #25BBB8;
    background-color: #25BBB8;
    color: #fff;
    transition: 0.6s;
}

.perfecting_right .commonbtn:hover {
    border: 1px solid #25BBB8;
    background-color: #000;
    color: #fff;
    transition: 0.6s;
}

/* ======================================================================= */
    /* our_product start */
/* ======================================================================= */
.our_product {
    width: 100%;
    position: relative;
    padding-bottom: 120px;
    overflow: hidden;
}

.our_product::before {
    content: '';
    position: absolute;
    bottom: 150px;
    left: 90px;
    width: 300px;
    height: 300px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.our_product::after {
    content: '';
    position: absolute;
    top: 100px;
    right: -120px;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.our_productin {
    width: 100%;
    margin-top: 50px;
}

.product_box {
    width: 100%;
    position: relative;
    /*background-color: rgb(94,98,100);*/
    border-radius: 25px;
    padding: 60px 20px 20px;
    transform: scale(0.7);
    background: radial-gradient(#e5e5e5, #5e5e5e);
}

/*.product_box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 300px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}*/

.product_boxpic {
    height: 250px;
    display: flex;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.product_boxpic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 0.6s;
}

.product_box:hover .product_boxpic img {
    transform: scale(1.1);
}

.product_box_btm {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    background-color: #fff;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    border-radius: 15px;
}

.product_box_btm h5 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.product_box_btm p {
    color: #3c3c3c;
    margin-top: 5px;
    font-weight: 500;
}

.btm_circle {
    width: 40px;
    height: 40px;
    display: flex;
    flex-basis: 40px;
    flex-shrink: 0;
    gap: 10px;
    align-items: center;
    justify-content: center;
    background-color: #dff5f5;
    border-radius: 50%;
}

.btm_circle .fa-angle-right {
    font-size: 18px;
    color: #3fa8a5;
}

/*.product-carousel .owl-nav { position: absolute; top: -130px; width: 100%; left: 0; right: 0; text-align: center;}*/
.product-carousel .owl-nav button.owl-prev, .product-carousel .owl-nav button.owl-next { width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; color: #345C7E; font-size: 30px;}
.product-carousel .owl-nav button.owl-prev span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.product-carousel .owl-nav button.owl-prev span::after { content: '\f060'; color: #fff !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.product-carousel .owl-nav button.owl-prev:hover span::after { content: '\f060'; color: #fff !important; }
.product-carousel .owl-nav button.owl-next span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.product-carousel .owl-nav button.owl-next span::before { content: '\f061'; color: #fff !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.product-carousel .owl-nav button.owl-next:hover span::before { content: '\f061'; color: #fff !important; }
.product-carousel .owl-nav button.owl-prev { left: 0px; position: relative;}
.product-carousel .owl-nav button.owl-next { right: 0px; position: relative;}
.product-carousel .owl-nav { position: absolute; bottom: -85px; display: inline-flex; left: 0; justify-content: center; width: 100%;}
.product-carousel .owl-nav button.owl-prev:hover, .product-carousel .owl-nav button.owl-next:hover { background: #25BBB8; border: 1px solid #25BBB8; color: #fff; transition: all .3s ease-in-out;}
.owl-theme .owl-nav { margin-top: 0; }
.owl-carousel .product-carousel .owl-dots.disabled, .owl-carousel .product-carousel .owl-nav.disabled {
    display: block !important;
}

.owl-item.active.center .product_box {
    transform: scale(1.001);
    transition: 0.9s;
}

.owl-item.active.center .btm_circle {
    background-color: #25BBB8;
}

.owl-item.active.center  .fa-angle-right {
    color: #fff;
}

/* ======================================================================= */
    /* follow_us start */
/* ======================================================================= */
.follow_us {
    width: 100%;
    position: relative;
    padding-top: 0;
}

.follow_us::before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: -50px;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.follow_us .headertext {
    width: 62%;
    margin: 0 auto;
}

.follow_usin {
    width: 100%;
    margin-top: 50px;
}

.follow_uspic {
    height: auto;
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.follow_uspic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rotatepic:nth-of-type(1) {
    transform: rotate(-4deg);
}

.rotatepic:nth-of-type(2) {
    transform: rotate(-1deg);
}

.rotatepic:nth-of-type(3) {
    transform: rotate(-3deg);
}

.rotatepic:nth-of-type(4) {
    transform: rotate(3deg);
}

/* ======================================================================= */
    /* dental_implant start */
/* ======================================================================= */
.dental_implant {
    width: 100%;
    position: relative;
    padding: 0 0 100px;
    min-height: 1000px;
    overflow: hidden;
}

.dental_implant::after {
    content: '';
    position: absolute;
    top: 200px;
    right: -120px;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.dental_implantmid {
    width: 60%;
    margin: 0 auto;
    position: relative;
}

.dental_implantmid::before {
    content: "";
    position: absolute;
    left: 0;
    top: 65px;
    right: 0;
    margin: 0 auto;
    width: 550px;
    height: 550px;
    border: 1px solid #25BBB8;
    background-color: transparent;
    border-radius: 50%;
    z-index: -1;
}

.dental_implantmid_pic01 {
    height: 235px;
    margin: 0 auto;
    position: relative;
    display: flex;
    overflow: hidden;
}

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

.dental_implantmid .headertext {
    width: 90%;
    margin: 25px auto;
}

.dental_implantmid .commonbtn {
    border: 1px solid #25BBB8;
    background-color: #25BBB8;
    color: #fff;
    transition: 0.6s;
}

.dental_implantmid .commonbtn:hover {
    background-color: #296f6d;
}

.dental_implantmid_pic02 {
    height: 480px;
    margin: 0 auto;
    position: relative;
    display: flex;
    overflow: hidden;
    z-index: 1;
}

/*.dental_implantmid_pic02::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100px;
    height: 50px;
    background-color: rgb(29, 51, 51);
    filter: blur(100px);
    -webkit-filter: blur(100px);
}*/

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

.dental_menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -350px;
}

.dental_menu h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 25px;
}

.dental_menu h4 span {
    color: #25BBB8;
}

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

.dental_menu ul li {
    width: 100%;
}

.dental_menu ul li a {
    position: relative;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    padding: 0 0 15px 22px;
    display: block;
    text-decoration: none;
    transition: 0.6s;
}

.dental_menu ul li a:hover {
    color: #25BBB8;
}

.dental_menu ul li a::before {
    content: "\f101";
    position: absolute;
    top: 1px;
    left: 0;
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
}

/* ======================================================================= */
    /* footer_row start */
/* ======================================================================= */
.footer_row {
    width: 100%;
    background-color: #16706E;
    padding: 130px 0 0;
    position: relative;
    margin-top: -110px;
}

.footer_row::before {
    content: "";
    position: absolute;
    left: 0;
    top: 52%;
    width: 25%;
    height: 2px;
    background-color: #fff;
}

.footer_row::after {
    content: "";
    position: absolute;
    right: 0;
    top: 52%;
    width: 25%;
    height: 2px;
    background-color: #fff;
}

.footer_top {
    width: 100%;
}

.footer_top_card {
    width: 100%;
}

.shipping_sec {  width: 100%; padding-bottom: 40px; }
.shipping_box { width: 67%; text-align: center; padding: 0 15px; margin: 0 auto; }
.shipping_box h6 { font-size: 26px; color: #fff; font-weight: 500; margin-bottom: 15px; }
.shipping_boximg { width: 100px; height: 70px; margin: 0 auto 10px; position: relative; z-index: 1; }
.shipping_boximg img { width: 65%; }
.shipping_boximg::after { content: ''; width: 64px; height: 64px; background-color: #458d8b; border-radius: 50%; position: absolute; top: -8px; left: 30px; right: 0; margin: 0 auto; z-index: -1; }

/*// newsletter*/
.newsletter {
    width: 100%;
    margin-top: 70px;
    position: relative;
    text-align: center;
}

.newsletter_in {
    width: 75%;
    margin: 0 auto;
    position: relative;
}

.newsletter_in h4 {
    font-size: 60px;
    color: #fff;
    font-weight: 600;
    width: 65%;
    margin: 0 auto;
    line-height: 64px;
}

.mailbox {
    width: 70%;
    background-color: #fff;
    border-radius: 30px;
    margin: 25px auto 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #fff;
}

.mailbox .form-control {
    height: 55px;
    position: relative;
    border-radius: 0px;
    padding: 5px 15px 5px 60px;
    background: transparent;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    border: none;
}

.form-control:focus {
    box-shadow: none;
}

.mailicon {
    position: absolute;
    top: 12px;
    left: 20px;
}

.mailbox .sendbtn {
    border: none;
    background-color: #25BBB8;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;
    height: 55px;
    flex-basis: 175px;
    flex-shrink: 0;
    transition: 0.6s;
}

.mailbox .sendbtn:hover {
    background-color: #296f6d;
}

.mailbox .form-group {
    width: 100%;
    display: flex;
    position: relative;
    margin: 0;
}

.footer-social {
    display: flex;
    justify-content: center;
    position: relative;
}

.footer-social li { margin: 0px 5px; }
.footer-social li a { width: 100%; width: 45px; height: 45px; border-radius: 50%; background-color: transparent; display: inline-flex; border: 1px solid #fff; align-items: center; justify-content: center; font-size: 20px; color: #fff; transition: 0.5s; text-decoration: none; box-shadow: 0px 4px 15px rgb(0 0 0 / 10%); }
.footer-social li a:hover { background-color: #fff; border-color: #fff; color: #345C7E; }
.copyright {
    width: 100%;
    padding: 20px 0;
    margin-top: 25px;
    border-top: 1px solid #4a9e9c;
    text-align: center;
}

.copyright p {
    margin: 0;
}

/* ======================================================================= */
    /* aboutus start */
/* ======================================================================= */
.headerarea2 {
    box-shadow: none;
    padding: 15px 20px;
    border-radius: 20px;
    position: relative;
    background-color: #2730308f;
    border: 2px solid #273030;
}

.headerarea2 .menu .active>a {
    color: #25BBB8;
    background: transparent;
}

.headerarea2 .menu ul li a:hover, .headerarea2 .menu ul li.active a {
    color: #25BBB8;
}

.headerarea2.fix .menu .active>a {
    color: #000;
}

.headerarea2.fix .menu ul li a:hover, .headerarea2.fix .menu ul li.active a {
    color: #000;
}

.headerarea2 .logo img {
    filter: brightness(0) saturate(100%) invert(60%) sepia(41%) saturate(728%) hue-rotate(130deg) brightness(95%) contrast(90%);
}

.headerarea2.fix .logo img {
    filter: none;
}

/*//*/

.aboutus {
    width: 100%;
    padding: 250px 0 0;
    position: relative;
    min-height: 800px;
}

.aboutus::after {
    content: '';
    position: absolute;
    top: -300px;
    left: 0;
    background-image: url(../images/shapebg.png);
    width: 100%;
    height: 1100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: -1;
}

.breadcrumb a {
    color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
    padding-left: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item.active {
    color: #25BBB8;
    background-color: transparent;
    padding: 0;
    margin: 0;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}


/* ======================================================================= */
    /* successful_sec start */
/* ======================================================================= */

.successful_sec {
    width: 100%;
    position: relative;
}

.successful_sec::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.successful_sec .headertext h3 {
    position: relative;
    display: inline-block;
}

.successful_sec .headertext p {
    width: 70%;
}

/*.successful_sec .headertext h3::after {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 25px;
    width: 100px;
    height: 1px;
    background-color: #fff;
}*/

.successful_sec_right {
    width: 100%;
}

.successful_sec_pic01 {
    width: 550px;
    height: 560px;
    position: relative;
    left: -36%;
    display: flex;
    overflow: hidden;
}

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

.btncircle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 25px 0;
    background-color: #25BBB8;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s;
}

.btncircle  .fa-arrow-right {
    font-size: 18px;
    color: #fff;
    transform: rotate(-45deg);
    transition: 0.6s;
}

.btncircle:hover .fa-arrow-right {
    transform: rotate(0deg);
}

.successful_sec_pic02 {
    height: 347px;
    position: relative;
    display: flex;
    border-radius: 30px;
    overflow: hidden;
}

.successful_sec_pic02 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ======================================================================= */
    /* unique_selling start */
/* ======================================================================= */

.unique_selling {
    width: 100%;
    background-color: #171717;
    position: relative;
}

.unique_selling .headertext p {
    width: 63%;
}

.accordionB {
    width: 100%;
    margin-top: 35px;
}

.accordionB .accordion-toggle {
    cursor: pointer;
    position: relative;
    padding: 20px 15px;
    font-size: 28px;
    color: #fff;
    margin-top: 45px;
    border-top: 1px solid #858585;
}

.accordionB .accordion-content p {
    padding: 0 15px;
    margin-bottom: 15px;
}

.accordionB .accordion-contentpic {
    height: 330px;
    position: relative;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}

.accordionB .accordion-contentpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.accordionB .accordion-content:hover .accordion-contentpic img {
    transform: scale(1.1);
}

.accordionB .accordion-toggle span {
    color: #25BBB8;
}

.accordionB .accordion-content {
    display: none;
}

.accordionB .accordion-content.default {
    display: block;
}

.accordionB .active {
    background-color: transparent;
    color: #25BBB8;
}

.accordionB .accordion-toggle:before {
    content: "\f054";
    font-family: FontAwesome;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    font-size: 16px;
    background-color: transparent;
    border: 1px solid #3fa8a5;
    color: #3fa8a5;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    right: 30px;
}

.accordionB .active:before {
    content: "\f078";
    font-family: FontAwesome;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #fff;
    background-color: #3fa8a5;
    border: 1px solid #3fa8a5;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-align: center;
    position: absolute;
    right: 30px;
}

/* ======================================================================= */
    /* perfecting_smile start */
/* ======================================================================= */

.perfecting_smile {
    width: 100%;
    position: relative;
}

.perfecting_smile_left {
    width: 100%;
    position: relative;
    padding-right: 40px;
}

.perfecting_smile_left::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
    height: 300px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.perfecting_smile_left .count_box {
    background-color: #FAF1C4;
    width: 100%;
    height: 210px;
    padding: 20px 35px;
    border-radius: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.perfecting_smile_left .count_box h4 {
    font-size: 50px;
    color: #000;
    font-weight: 900;
}

.perfecting_smile_left .count_box p {
    font-size: 20px;
    color: #3c3c3c;
    margin-top: 2px;
    font-weight: 500;
}

.smilebox {
    background-color: #A6EEEC !important;
}

/* ======================================================================= */
    /* industrial_service start */
/* ======================================================================= */

.industrial_service {
    width: 100%;
    position: relative;
    padding-top: 0;
}

.industrial_service::before {
    content: '';
    position: absolute;
    bottom: -120px;
    left: 0;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.industrial_servicepic {
    height: 480px;
    position: relative;
    display: flex;
}

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

.industrial_servicepic::before {
    content: '';
    position: absolute;
    top: -18px;
    left: 53px;
    background-image: url(../images/line01.png);
    width: 490px;
    height: 96px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.industrial_servicepic::after {
    content: '';
    position: absolute;
    bottom: -18px;
    right: 53px;
    background-image: url(../images/line02.png);
    width: 490px;
    height: 97px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

/* ======================================================================= */
    /* our_vision start */
/* ======================================================================= */

.our_vision {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.our_vision::after {
    content: '';
    position: absolute;
    top: 200px;
    right: -120px;
    width: 300px;
    height: 300px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.our_vision .headertext {
    width: 62%;
    margin: 0 auto;
}

.our_visionin {
    width: 100%;
    margin-top: 50px;
}

.our_visioncard {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
}

.our_visionicon {
    width: 165px;
    height: 165px;
    position: relative;
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 165px;
    flex-shrink: 0;
}

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

.our_visioncard p {
    margin: 0;
    width: 38%;
}

.orderitem1, .orderitem3 {
    order: -1;
}

.orderitem2, .orderitem4 {
    order: -2;
}

.icongrp:nth-of-type(1) {
    display: flex;
    align-items: center;
    justify-content: end;
}

.icongrp:nth-of-type(2) {
    display: flex;
    align-items: center;
    justify-content: start;
}

.icongrp:nth-of-type(3) {
    display: flex;
    align-items: center;
    justify-content: end;
}


/* ======================================================================= */
    /* best_quality start */
/* ======================================================================= */

.best_quality {
    width: 100%;
    padding-top: 0;
    position: relative;
    overflow: hidden;
}

.best_quality::before {
    content: '';
    position: absolute;
    top: 400px;
    left: 0px;
    width: 400px;
    height: 400px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.best_quality::after {
    content: '';
    position: absolute;
    bottom: 200px;
    right: -120px;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.best_qualitycard {
    width: 100%;
}

.best_qualitycard_pic {
    height: 400px;
    position: relative;
    display: flex;
}

.best_qualitycard_pic img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
    transition: 0.6s;
}

.best_qualitycard:hover .best_qualitycard_pic img {
    transform: scale(1.1);
}

.best_qualitycard_pic::before {
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    background-color: #25BBB8;
    width: 350px;
    height: 200px;
    border-radius: 15px;
    transition: 0.6s;
    z-index: -1;
}

.best_qualitycard_pic:hover::before {
    top: 0px;
    left: 0px;
}

.orderitem5 {
    order: -1;
}

.orderitem6 {
    order: -2;
}

.mtb_50 {
    margin: 50px 0;
}

.best_quality .headertext {
    padding: 0 25px;
}

.best_quality .headertext h3 {
    position: relative;
    margin-bottom: 35px;
}

.best_quality .headertext h3::before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 25px;
    height: 2px;
    background-color: #25BBB8;
    border-radius: 25px;
}

.best_quality .headertext h3::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 32px;
    width: 100px;
    height: 2px;
    background-color: #25BBB8;
    border-radius: 25px;
}

/* ======================================================================= */
    /* history start */
/* ======================================================================= */

.history {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.history::after {
    content: '';
    position: absolute;
    top: 150px;
    right: -80px;
    width: 300px;
    height: 300px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.history_pic {
    height: 420px;
    position: relative;
    display: flex;
}

.history_pic img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
    transition: 0.6s;
    overflow: hidden;
}

.history_pic:hover img {
    transform: scale(1.1);
}

.history_pic::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0px;
    right: 0;
    bottom: -20px;
    margin: 0 auto;
    border: 1px solid #25BBB8;
    width: 480px;
    height: 460px;
    border-radius: 15px;
    transition: 0.6s;
    z-index: -1;
}

.history_pic::after {
    content: '';
    position: absolute;
    bottom: 60px;
    right: -120px;
    width: 500px;
    height: 300px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.history .headertext {
    width: 90%;
    margin-left: auto;
}


/* ======================================================================= */
    /* journey start */
/* ======================================================================= */

.journey {
    width: 100%;
    padding-top: 0;
    position: relative;
    overflow: hidden;
}

.journey::before {
    content: '';
    position: absolute;
    top: 200px;
    left: -120px;
    width: 400px;
    height: 800px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.journey .headertext {
    width: 62%;
    margin: 0 auto;
}

.journey_in {
    width: 100%;
    margin-top: 50px;
}

/*// timeline start */
.ps-timeline-sec { position: relative; background: #fff; }
.ps-timeline-sec .journeyLine { position: relative; }
@media screen and (max-width: 767px) {
    .ps-timeline-sec .journeyLine ol:before { background: #25BBB8; content: ""; width: 10px; height: 10px; border-radius: 100%; position: absolute; top: 130px !important; left: 36px !important; }
    .ps-timeline-sec .journeyLine ol:after { background: #25BBB8; content: ""; width: 10px; height: 10px; border-radius: 100%; position: absolute; top: inherit !important; left: 36px; }
    .ps-timeline-sec .journeyLine ol.ps-timeline { margin: 0px 0 !important; border-left: 2px solid #25BBB8; padding-left: 0 !important; padding-top: 120px !important; border-top: 0 !important; margin-left: 0px !important; }
    .ps-timeline-sec .journeyLine ol.ps-timeline li {
        height: auto;
        float: none !important;
        width: inherit !important;
        padding-bottom: 70px;
    }
    .ps-timeline-sec .journeyLine ol.ps-timeline li:nth-child(2) .img-handler-bot img { width: 70px; }
    .ps-timeline-sec .journeyLine ol.ps-timeline li:last-child { margin: 0; bottom: 0 !important; height: 120px; }
    .ps-timeline-sec .journeyLine ol.ps-timeline li:last-child .img-handler-bot { bottom: 40px !important; width: 40% !important; margin-left: 25px !important; margin-top: 0 !important; }
    .ps-timeline-sec .journeyLine ol.ps-timeline li:last-child .img-handler-bot img { width: 100%; }
    .ps-timeline-sec .journeyLine ol.ps-timeline li:last-child .ps-top { margin-bottom: 0 !important; top: 20px; width: 50% !important; }
    .ps-timeline-sec .journeyLine ol.ps-timeline li span { left: 0 !important; }
    .ps-timeline-sec .journeyLine ol.ps-timeline li span.ps-sp-top:before { content: none !important; }
    .ps-timeline-sec .journeyLine ol.ps-timeline li span.ps-sp-top:after { content: none !important; }
    .ps-timeline-sec .journeyLine ol.ps-timeline li span.ps-sp-bot:before { content: none !important; }
    .ps-timeline-sec .journeyLine ol.ps-timeline li span.ps-sp-bot:after { content: none !important; }
    .ps-timeline-sec .journeyLine ol.ps-timeline li .img-handler-top { position: absolute !important; bottom: 150px !important; width: 30% !important; float: left !important; margin-left: 35px !important; margin-bottom: 0 !important; }
    .ps-timeline-sec .journeyLine ol.ps-timeline li .img-handler-top img { margin: 0 auto !important; width: 80% !important; }
    .ps-timeline-sec .journeyLine ol.ps-timeline li .img-handler-bot { position: absolute !important; bottom: 115px !important; width: 30% !important; float: left !important; margin-left: 35px !important; margin-bottom: 0 !important; }
    .ps-timeline-sec .journeyLine ol.ps-timeline li p { text-align: left !important; width: 100% !important; margin: 0 auto !important; margin-top: 0px !important; }
    .ps-timeline-sec .journeyLine ol.ps-timeline li .ps-top {
        width: 100% !important;
        float: left !important;
        right: 0;
        top: -40px;
    }
    .ps-timeline-sec .journeyLine ol.ps-timeline li .ps-bot {
        width: 100% !important;
        float: left !important;
        right: 0;
        top: -40px;
    }
}

.ps-timeline-sec .journeyLine ol:before { background: #25BBB8; content: ""; width: 10px; height: 10px; border-radius: 100%; position: absolute; left: -4px; top: -4px; }
.ps-timeline-sec .journeyLine ol:after { background: #25BBB8; content: ""; width: 10px; height: 10px; border-radius: 100%; position: absolute; right: -4px; top: -4px; }
.ps-timeline-sec .journeyLine ol.ps-timeline { margin: 200px 0; padding: 0; border-top: 2px solid #fff; list-style: none; }
.ps-timeline-sec .journeyLine ol.ps-timeline li { float: left; width: 12%; padding-top: 30px; position: relative; left: 35px; }
.ps-timeline-sec .journeyLine ol.ps-timeline li span { width: 15px; height: 15px; margin-left: -18px; background: #25BBB8; /* border: 2px solid #25BBB8; */ border-radius: 50%; box-shadow: 0 0 0 0px #fff; text-align: center; position: absolute; top: -9px; left: 50%; }
.ps-timeline-sec .journeyLine ol.ps-timeline li span.ps-sp-top:before { content: ""; color: #25BBB8; width: 2px; height: 50px; background: #fff; position: absolute; top: -50px; left: 47%; }
.ps-timeline-sec .journeyLine ol.ps-timeline li span.ps-sp-top:after { content: ""; color: #25BBB8; width: 8px; height: 8px; background: #25BBB8; position: absolute; bottom: 60px; left: 23%; border-radius: 100%; }
.ps-timeline-sec .journeyLine ol.ps-timeline li span.ps-sp-bot:before { content: ""; color: #25BBB8; width: 2px; height: 50px; background: #fff; position: absolute; bottom: -50px; left: 50%; }
.ps-timeline-sec .journeyLine ol.ps-timeline li span.ps-sp-bot:after { content: ""; color: #25BBB8; width: 8px; height: 8px; background: #25BBB8; position: absolute; top: 62px; left: 31%; border-radius: 100%; }
.ps-timeline-sec .journeyLine ol.ps-timeline li .img-handler-top { position: absolute; bottom: 0; margin-bottom: 130px; width: 100%; }
.ps-timeline-sec .journeyLine ol.ps-timeline li .img-handler-top img { display: table; margin: 0 auto; }
.ps-timeline-sec .journeyLine ol.ps-timeline li .img-handler-bot { position: absolute; margin-top: 60px; width: 100%; }
.ps-timeline-sec .journeyLine ol.ps-timeline li .img-handler-bot img { display: table; margin: 0 auto; }
.ps-timeline-sec .journeyLine ol.ps-timeline li p { text-align: center; width: 100%; font-size: 14px; margin: 0 auto; line-height: 18px; }
.ps-timeline-sec .journeyLine ol.ps-timeline li .ps-top { position: absolute; bottom: 0; margin-bottom: 70px; }
.ps-timeline-sec .journeyLine ol.ps-timeline li .ps-bot { position: absolute; margin-top: 0px; }
.ps-timeline-sec .journeyLine ol.ps-timeline li h6 { text-align: center; width: 100%; font-size: 22px; color: #fff; font-weight: 700; margin: 15px auto; line-height: 18px; }

/*// timeline end */

.journeyBox {
    width: 100%;
    border-radius: 25px;
    border: 2px solid #25BBB8;
    padding: 60px 160px;
    text-align: center;
    box-shadow: 0 0px 12px rgb(63 168 165);
}

.journeyBox h3 {
    font-size: 48px;
    color: #fff;
    font-weight: 700;
    position: relative;
}

.journeyBox h3 span {
    color: #25BBB8;
}

.journeyBox .commonbtn {
    border: 1px solid #25BBB8;
    background-color: #25BBB8;
    color: #fff;
    transition: 0.6s;
}

.journeyBox .commonbtn:hover {
    background-color: #296f6d;
}

/* ======================================================================= */
    /* implant_sec start */
/* ======================================================================= */

.implant_sec {
    width: 100%;
    padding-top: 0;
    position: relative;
    overflow: hidden;
}

.implant_sec .headertext {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
}

.implant_sec .we_work_card:hover {
    width: 100%;
    position: relative;
    border-radius: 25px;
    padding: 60px 20px 20px;
    transform: scale(1.2, 1.1);
    background: radial-gradient(#e5e5e5b0, #626262);
}

/*// implant_sec2 start */
.implant_sec2 .best_qualitycard_pic {
    height: 450px !important;
    position: relative;
    display: flex;
}

.implant_sec2 .best_qualitycard_pic img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
}

.history_pic::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0px;
    right: 0;
    bottom: -20px;
    margin: 0 auto;
    border: 1px solid #25BBB8;
    width: 480px;
    height: 460px;
    border-radius: 15px;
    transition: 0.6s;
    z-index: -1;
}

.implant_sec2 .headertext ul {
    padding: 0;
    margin: 25px 0 0;
    list-style: none;
}

.implant_sec2 .headertext ul li {
    width: 100%;
    display: block;
    font-size: 18px;
    color: #fff;
    padding: 0 0 15px 32px;
    font-weight: 500;
    position: relative;
}

.implant_sec2 .headertext ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    background-image: url(../images/bullet.svg);
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    background-size: contain;
}

/*// implant_sec2 end */


/* ======================================================================= */
    /* grafting_sec start */
/* ======================================================================= */

.grafting_sec {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.grafting_sec::after {
    content: '';
    position: absolute;
    bottom: 200px;
    right: -120px;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.grafting_secpic01 {
    height: 810px;
    position: relative;
    border-radius: 20px;
    display: flex;
    overflow: hidden;
    transition: 0.6s;
}

.grafting_secpic01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.grafting_secpic01:hover img, .grafting_secpic02:hover img {
    transform: scale(1.1);
}

.grafting_box {
    width: 100%;
    background-color: #25BBB8;
    border-radius: 20px;
    padding: 35px;
    margin-bottom: 25px;
}

.grafting_box h4 {
    font-size: 40px;
    color: #fff;
    font-weight: 600;
}

.grafting_secpic02 {
    height: 350px;
    position: relative;
    border-radius: 20px;
    display: flex;
    overflow: hidden;
}

.grafting_secpic02 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.grafting_mid h2 {
    font-size: 58px;
    color: #fff;
    font-weight: 800;
    position: relative;
    white-space: nowrap;
    transform: rotate(-90deg);
    transform-origin: 350px 260%;
    letter-spacing: 1px;
}

.grafting_mid h2 span {
    color: #25BBB8;
}

@media (min-width: 992px) {
    .grafting_sec .col-lg-2 {
        flex: 0 0 auto;
        width: 12%;
    }

    .grafting_sec .col-lg-4 {
        flex: 0 0 auto;
        width: 38%;
    }
}

/* ======================================================================= */
    /* first_dental start */
/* ======================================================================= */

.first_dental {
    width: 100%;
    padding-top: 0;
    position: relative;
}

.first_dental::before {
    content: '';
    position: absolute;
    top: 100px;
    left: -120px;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.first_dental::after {
    content: '';
    position: absolute;
    top: 220px;
    left: 37%;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.first_dental .headertext {
    width: 62%;
    margin: 0 auto;
}

.first_dentalin {
    width: 100%;
    margin-top: 50px;
}

:root {
    --box-size: 100%;
    --border-radius: 20px;
    --border-thickness: 2px;
}

.dentalbox {
    border-radius: var(--border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
    width: var(--box-size);
    text-align: center;
    transition: 0.6s;
}

.dentalbox:hover {
    transform: scale(1.1, 1.1);
    position: relative;
    z-index: 11;
}

.border-gradients {
    background-image: linear-gradient(#57737247, #2cccc7);
    position: relative;
    z-index: 1;
}

.border-gradients::before {
    content: "";
    display: block;
    background-color: #0e0e0ee3;
    position: absolute;
    border-radius: calc(var(--border-radius) - var(--border-thickness));
    height: calc(var(--box-size) - var(--border-thickness) * 2);
    width: calc(var(--box-size) - var(--border-thickness) * 2);
    z-index: -1;
}

.dentalbox_circle {
    width: 150px;
    height: 150px;
    padding: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 60px auto 25px;
    border-radius: 50%;
    background-color: #221915;
}

.dentalbox h5 {
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: 600;
}

.dentalbox p {
    margin: 0 0 45px;
    width: 85%;
}

/* ======================================================================= */
    /* treatment_process start */
/* ======================================================================= */

.treatment_process {
    width: 100%;
    padding-top: 0;
    position: relative;
}

.treatment_process::before {
    content: '';
    position: absolute;
    bottom: -210px;
    left: -120px;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.treatment_process .headertext p {
    width: 63%;
}

.treatment_processin {
    width: 100%;
    margin-top: 80px;
}

.processin_card {
    width: 100%;
    text-align: center;
    padding: 0 10px;
    transition: 0.6s;
}

.processin_cardpicbox {
    display: flex;
    border-radius: 6px;
    margin: 0 auto;
    position: relative;
}

.processin_cardpic {
    width: 185px;
    height: 185px;
    display: flex;
    border-radius: 6px;
    margin: 0 auto;
    padding: 6px;
    position: relative;
    border: 2px dashed #25BBB8;
    transform: rotate(-45deg);
}

.processin_cardpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    transition: 0.6s;
}

.processin_card:hover .processin_cardpic img {
    transform: scale(1.1);
}

.processin_card:hover h5 {
    color: #39cfcb;
}

.processin_card h5 {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    margin-top: 65px;
    transition: 0.6s;
}

/*.dotline:nth-of-type(3) {
    border: none
}

.dotline::after {
    content: "";
    position: absolute;
    top: 91px;
    right: -39px;
    border: 1px dashed #25BBB8;
    width: 35px;
    height: 1px;
}

.dotline:nth-of-type(3) {
    border: none
}*/

/* ======================================================================= */
    /* treatment_process start */
/* ======================================================================= */
.product_launch {
    position: relative;
}

.product_launch::before {
    content: '';
    position: absolute;
    top: 37%;
    left: 700px;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.product_launch::after {
    content: '';
    position: absolute;
    top: 250px;
    right: -120px;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.product_launch .product_box {
    transform: none;
}

.product_launch .our_productin {
    margin-top: 0;
}

.product_launch .product_box .product_box_btm {
    transition: 0.6s;
}

.product_launch .product_box:hover .product_box_btm {
    background-color: #3fa8a5;
}

.product_launch .product_box:hover .product_box_btm h5, .product_launch .product_box:hover .product_box_btm p {
    color: #fff;
    transition: 0.6s;
}

.product_launch .product_box {
    transition: 0.6s;
    position: relative;
    z-index: 1;
}

.product_launch .product_box:hover {
    margin-top: -10px;
    position: relative;
}


/* // mobile view timeline start */
.timeline-container02 {
    width: 100%;
    margin: auto;
    display: block;
    position: relative;
}

.timeline-container02 ul.tl {
    margin: 20px 0;
    padding: 0;
    display: inline-block;
}

.timeline-container02 ul.tl li {
    list-style: none;
    margin: auto;
    min-height: 50px;
    border-left: 1px solid #fff;
    padding: 0 0 50px 30px;
    position: relative;
    display: flex;
    flex-direction: row;
}

/*.timeline-container02 ul.tl li.dashed {
    border-left: 1px dashed #86D6FF;
}

.timeline-container02 ul.tl li:last-child {
    border-left: 0;
}*/

.timeline-container02 ul.tl li .item-icon {
    position: absolute;
    left: -18px;
    top: -5px;
    content: " ";
    border: 8px solid rgb(63 168 165);
    border-radius: 500%;
    background: #ffffff;
    height: 20px;
    width: 20px;
}

.timeline-container02 ul.tl li:hover::before {
    border-color: #258CC7;
    transition: all 1000ms ease-in-out;
}

.timeline-container02ul.tl li .item-text {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    color: #fff;
}

.timeline-container02ul.tl li .item-title {
    color: #fff;
}

.timeline-container02ul.tl li .item-detail {
    color: #fff;
    font-size: 12px;
}

.timeline-container02ul.tl li .item-timestamp {
    color: #fff;
    font-size: 12px;
    text-align: right;
    padding-left: 20px;
}

/* ======================================================================= */
    /* contactus start */
/* ======================================================================= */
.contactus {
    width: 100%;
    position: relative;
}

.contactus::after {
    content: '';
    position: absolute;
    top: -50px;
    right: 0;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.contactus::before {
    content: '';
    position: absolute;
    bottom: 70px;
    left: 0px;
    width: 500px;
    height: 500px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.contactus_card {
    width: 100%;
    padding: 50px;
    border-radius: 15px;
    border: 1px solid #25BBB8;
    box-shadow: 0 0px 12px rgb(63 168 165);
    transition: 0.6s;
}

.contactus_card:hover {
    border-color: #25BBB8;
}

.contactus_card h4, .contactright h4 {
    font-size: 38px;
    font-weight: 700;
    color: #ffffff;
}

.contactus_card h4 span, .contactright h4 span {
    color: #25BBB8;
}

.queriesin {
    width: 100%;
}

.form_box {
    width: 100%;
    margin-top: 30px;
}

.field_label {
    position: relative;
    padding: 0 5px;
    font-size: 16px;
    line-height: normal;
    color: #ffffff;
    margin-bottom: 7px;
}

.form-group {
    margin-bottom: 20px;
}

.form_box .form-group span {
    color: #C72324;
}

.field02, .textfield02 {
    width: 100%;
    border: 1px solid #e7e7e761;
    background-color: transparent;
    font-size: 16px;
    color: #fff;
    height: 55px;
    padding: 8px 15px 8px 15px;
    font-weight: 500;
    border-radius: 10px;
    position: relative;
    transition: 0.6s;
}

.field02::placeholder, .textfield02::placeholder {
    color: #fff;
}

.field02:focus, .textfield02:focus {
    border-color: #25BBB8;
}

.form-select:focus {
    border-color: #25BBB8;
    outline: 0;
    box-shadow: none;
}

.textfield02 {
    height: 155px !important;
    margin-bottom: 20px;
}

.submit02 {
    font-size: 16px;
    font-weight: 600;
    padding: 12px 25px;
    color: #fff;
    background-color: #25BBB8;
    border: 1px solid #25BBB8;
    text-transform: uppercase;
    position: relative;
    border-radius: 10px;
    margin: 0;
    transition: all 0.4s ease;
}

.submit02 .fa-arrow-right {
    transform: rotate(-45deg);
    transition: 0.6s;
    padding-left: 5px;
}

.submit02:hover .fa-arrow-right {
    transform: rotate(0deg);
}

.submit02:hover {
    color: #25BBB8 !important;
    background-color: transparent;
    transition: all 0.4s ease;
}

.submit02:hover img {
    transition: all 0.4s ease;
    filter: brightness(0) saturate(100%) invert(99%) sepia(6%) saturate(0%) hue-rotate(88deg) brightness(117%) contrast(100%);
}


/*//*/
.contactright {
    width: 95%;
    margin-left: auto;
    padding: 50px;
    border-radius: 15px;
    border: 1px solid #25BBB8;
    box-shadow: 0 0px 12px rgb(63 168 165);
    transition: 0.6s;
}
/*.contactright h4{font-size: 40px;line-height: 45px;color: #fff;font-weight: 600;margin-bottom: 15px;}*/
.contactright p {
    margin: 5px 0 15px;
    color: #fff;
}

.contactright .counter {
    align-items: center;
    border-bottom: 1px solid #e7e7e761;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.contactright .counter:last-child {
    border-bottom: none;
}

.contactright .counter-img {
    width: 40px;
    height: 40px;
    background: #3fa8a5;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    margin-right: 15px;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #ffffff;
}

.contactright .counter-body h5 {
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 600;
}

.contactright .counter-body h6, .contactright .counter-body h6 a {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.01em;
    line-height: 23px;
}

.contsocialmedia {
    position: relative;
    margin-top: 40px;
}

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

.contsocialmedia ul li {
    position: relative;
    display: inline-block;
    list-style: none;
    border-radius: 7px;
    overflow: hidden;
    margin: 0 3px;
}

.contsocialmedia ul li a {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
}

.contsocialmedia ul li:hover a {
    border: 1px solid #25BBB8;
    background-color: #25BBB8;
    color: #fff;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
}

.contactright .socialmedia {
    position: inherit;
}

.contactright .socialmedia ul {
    text-align: left;
    max-width: initial;
    margin: 45px auto 0px;
    position: initial;
    background: inherit;
}

.map {
    width: 100%;
    display: inline-block;
    margin-top: 45px;
}

.map iframe {
    width: 100%;
    height: 400px;
    border-radius: 15px;
    border: 2px solid #25BBB8;
    padding: 3px;
}

.map h4 {
    font-size: 38px;
    font-weight: 700;
    color: #25BBB8;
    margin-bottom: 15px;
}

.map h6 {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 25px;
    min-height: 50px;
}

/* ======================================================================= */
    /* login start */
/* ======================================================================= */

.login_sec {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.login_sec::before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0;
    margin: 0 auto;
    width: 700px;
    height: 700px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.login_sec::after {
    content: '';
    position: absolute;
    top: -300px;
    left: 0;
    background-image: url(../images/shapebg.png);
    width: 100%;
    height: 1200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: -1;
}

.form-group {
    margin-bottom: 15px;
}

.login_title h4 {
    font-size: 30px;
    color: #25BBB8;
    font-weight: 700;
}

.login_sec .loginBox {
    position: relative;
    width: 45%;
    height: 550px;
    margin: 0 auto;
    background: #1c1c1c;
    border-radius: 50px 5px;
    overflow: hidden;
}

.login_sec .loginBox::before,
.login_sec .loginBox::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 370px;
    height: 450px;
    background: linear-gradient(60deg, transparent, #45f3ff, #45f3ff);
    transform-origin: bottom right;
    animation: animate 6s linear infinite;
}

.login_sec .loginBox::after {
    background: linear-gradient(60deg, transparent, #d9138a, #d9138a);
    animation-delay: -3s;
}

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

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

.login_sec form {
    position: absolute;
    inset: 2px;
    background: #28292d;
    border-radius: 50px 5px;
    z-index: 10;
    padding: 50px 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.login_sec form .input-box {
    width: 100%;
    margin-top: 20px;
}

.login_sec form .input-box input {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
    outline: none;
    border-width: 3px;
    border-radius: 8px;
    padding: 10px 60px 10px 15px;
    height: 55px;
    font-size: 16px;
    margin: 0;
    color: white;
}

.login_sec form .input-box input::placeholder {
    color: #cdd1d2;
}

.login_sec form .input-box input[type="submit"] {
    background-color: #25BBB8;
    cursor: pointer;
    font-size: 18px;
    color: #16100e;
    font-weight: 800;
    box-shadow: 0 0px 12px rgb(63 168 165);
    margin-top: 10px;
}

.login_sec form .link-text {
    padding-top: 16px;
    color: rgb(71 185 183);
    font-size: 16px;
    text-align: right;
}

.login_sec form .link-text a {
    text-decoration: none;
    color: rgb(255 241 248);
    font-weight: 600;
}

.login_sec .label-color {
    color: #fff;
    margin-bottom: 5px;
}

.toggle-password {
    float: right;
    cursor: pointer;
    margin-right: 20px;
    margin-top: -35px;
    color: #fff;
}

.pr_15 {
    padding-right: 15px !important;
}


/*// register //*/
.register {
    width: 100%;
    position: relative;
}

.register::before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0;
    margin: 0 auto;
    width: 700px;
    height: 700px;
    background-color: rgb(29, 51, 51);
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    z-index: -1;
}

.register::after {
    content: '';
    position: absolute;
    top: -300px;
    left: 0;
    background-image: url(../images/shapebg.png);
    width: 100%;
    height: 1200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: -1;
}

.register .contactus_card {
    width: 70%;
    margin: 0 auto;
    background-color: #28292d;
}

.register .contactus_card h4 {
    text-align: center;
}

.register .field02, .register select {
    width: 100%;
    border: 1px solid #e7e7e761;
    background-color: #fff;
    font-size: 16px;
    color: #000;
    height: 55px;
    padding: 8px 15px 8px 15px;
    font-weight: 500;
    border-radius: 10px;
    position: relative;
    transition: 0.6s;
}

.register .submit02 {
    margin: 0 auto;
    display: block;
}

/* ======================================================================= */
    /* dashboard start */
/* ======================================================================= */
.dashboardRow {
    width: 100%;
    position: relative;
}

.border-left {
    border-left: 2px solid var(--primary) !important;
}

.sidebar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    overflow-y: auto;
}

.overlay {
    background-color: rgb(0 0 0 / 45%);
    z-index: 99;
}

.dashboardRow_head {
    width: 100%;
    padding: 0;
    position: relative;
    top: 0;
    background-color: #273030;
    z-index: 999;
}

.dashboardRow_head .headerarea.fix {
    background-color: #21a9a6 !important;
}

.dashboardRow_head .menu ul li a:hover, .dashboardRow_head .menu ul li.active a {
    color: #000;
}

.list-group-item.active {
    background-color: #21a9a6;
}

.list-group-item-action:focus {
    background-color: #2ed8d44d;
    color: #000;
}

.list-group-item {
    font-weight: 500;
}

.dashboardRow article h5 {
    color: #000;
}

.dashboardRow .bi-box::before, .dashboardRow .bi-person::before, .dashboardRow .bi-person-check::before {
    color: #21a9a6;
}

/* sidebar for small screens */
@media screen and (max-width: 767px) {

    .sidebar {
        width: 280px;
        transform: translateX(-100%);
        transition: transform 0.4s ease-out;
    }

    .sidebar.active {
        transform: translateX(0);
    }
}


/* ======================================================================= */
    /* product_details start */
/* ======================================================================= */
.product_details {
    width: 100%;
    padding: 120px 0 0;
    position: relative;
}

.product_details_row {
    width: 100%;
    margin-top: 60px;
}

.product_details_box {
    width: 100%;
    position: relative;
    min-height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    padding: 50px;
    background: radial-gradient(#e5e5e5, #5e5e5e);
}

.product_details_boxpic {
    height: 400px;
    display: flex;
    position: relative;
    overflow: hidden;
}

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

.product_details_right {
    width: 100%;
    background-color: #171717;
    padding: 35px;
    border-radius: 20px;
    min-height: 550px;
    border: 1px solid #474747;
}

.product_details_right h4 {
    font-size: 34px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
}

.product_details_right ul {
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
}

.product_details_right ul li {
    display: inline-block;
    font-size: 13px;
    color: #fff;
}

.product_details_right ul li .fa-star{
    color: #FFC107;
    font-size: 14px;
}

.product_details_right h5 {
    font-size: 26px;
    color: #25BBB8;
    font-weight: 500;
}

.product_details_right h5 span {
    color: #777575;
    text-decoration: line-through;
    padding-left: 10px;
}

.diameter_sec {
    width: 100%;
    margin-top: 15px;
    border-top: 1px solid #4e4e4e;
    border-bottom: 1px solid #4e4e4e;
    padding: 20px 0;
    margin-bottom: 20px;
}

.product_details_right h6 {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 15px;
}

.product_descp {
    width: 100%;
    margin-top: 50px;
    border: 1px solid #fff;
    border-radius: 20px;
}

.product_descp .nav-link {
    display: block;
    padding: 10px 25px;
    margin: 0 15px;
    border-radius: 0;
    color: #fff;
    font-weight: 500;
}

.product_descp .nav-pills {
    padding: 10px 10px 0;
    border-bottom: 1px solid #fff;
}

.product_descp .tab-pane {
    padding: 35px;
}

.product_descp .tab-panecard {
    width: 100%;
    background-color: #fff;
    padding: 25px;
    border-radius: 20px;
    margin-bottom: 15px;
}

.product_descp .tab-panecard_pic {
    width: 100%;
    height: 300px;
    display: flex;
    overflow: hidden;
}

.product_descp .tab-panecard_pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #3fa8a5;
    background-color: transparent;
    border-bottom: 2px solid #3fa8a5;
}

.mb_50 {
    margin-bottom: 50px;
}

#detailsPanel {
    position: relative;
}

#detailsPanel::before, #detailsPanel::after {
    display: none;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #c9c9c9;
    font-size: 15px;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    border: 1px solid #ddd;
    border-radius: 100%;
}

[type="radio"]:checked + label:before {
    border-color: #25BBB8;
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #25BBB8;
    position: absolute;
    top: 6px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*//*/
.checkbox-btn {
  display: none;
}

.label-btn {
    display: inline-block;
    padding: 7px 14px;
    border: 1px solid #B7B7B7;
    border-radius: 30px;
    font-size: 13px;
    color: #B7B7B7;
    cursor: pointer;
    margin-right: 5px;
    user-select: none;
    transition: background-color 0.3s, color 0.3s;
}

.checkbox-btn:checked + .label-btn {
  background-color: transparent;
  color: #25BBB8;
  border: 1px solid #25BBB8;
}

.label-btn:hover {
  background-color: transparent;
  color: white;
}

/*//*/
.counter_row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin-top: 25px;
}

.quantity-form {
    display: inline-block;
    position: relative;
}

.quantity-form input[type="number"] {
    width: 85px;
    line-height: 36px;
    text-indent: 15px;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    border: 1px solid #8d8d8d;
    border-radius: 30px;
    background-color: transparent;
}

.quantity-form .qty-plus {
    position: absolute;
    right: 12px;
    top: 4px;
    color: #fff;
    border-left: 1px solid #8d8d8d;
    padding-left: 5px;
}

.quantity-form .qty-minus {
    position: absolute;
    right: 12px;
    bottom: 4px;
    color: #fff;
    border-left: 1px solid #8d8d8d;
    padding-left: 5px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 0;
}

.counter_row .commonbtn {
    position: relative;
    padding: 7px 22px;
    font-size: 14px;
    border-radius: 30px;
    font-weight: 600;
    margin-top: 0;
    border: 1px solid #25BBB8;
    background-color: #25BBB8;
    color: #fff;
    text-align: center;
    display: inline-block;
    transition: 0.6s;
}

.product_details_right .footer-social li a {
    width: 33px;
    height: 33px;
    font-size: 14px;
}

.product_details_right .footer-social {
    justify-content: flex-start;
    margin: 0;
}


.dropdown-toggle::after {
    display: none; /* removes the arrow */
}












.rating-modern {
    display: inline-flex;
    flex-direction: row-reverse; /* makes the CSS logic easy */
    gap: 4px;
}

/* hide native radios completely */
.rating-modern input[type="radio"] {
    display: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* base star style */
.rating-modern label {
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    color: #d0d7de;              /* light grey */
    transition: color 0.2s ease, transform 0.15s ease;
}

/* hover preview */
.rating-modern label:hover,
.rating-modern label:hover ~ label {
    color: #ffb400;              /* star color on hover */
    transform: translateY(-1px);
}

/* selected state */
.rating-modern input:checked ~ label {
    color: #ffb400;              /* star color when selected */
}

/* remove the teal focus ring you saw */
.rating-modern input:focus-visible + label {
    outline: none;
}

.submit_review{
        position: relative;
    padding: 7px 22px;
    font-size: 14px;
    border-radius: 30px;
    font-weight: 600;
    margin-top: 0;
    border: 1px solid #25BBB8;
    background-color: #25BBB8;
    color: #fff;
    text-align: center;
    display: inline-block;
    transition: 0.6s;
}


.submit_review:hover{
        box-shadow: 0 0px 16px rgb(63 168 165);
}

.review_row p{
    color: black;
}



.rating-modern [type="radio"] + label::before,
.rating-modern [type="radio"] + label::after {
    display: none !important;
}
.rating-modern [type="radio"]:checked + label, [type="radio"]:not(:checked) + label{
    padding-left: 2px;
}