* {margin: 0; padding: 0; box-sizing: border-box;}
img {max-width: 100%;}
a,a:hover,a:focus,a:visited,a:active {text-decoration: none;}
p,ul,li {padding: 0; margin: 0;}
body {font-family: "Lato", sans-serif;}



/* header */
header {position: absolute; left: 0; right: 0; top: 0; z-index: 99;}
header .header-top {background-color: #102a71; padding: 10px 0px;}
.sticky .headermn{padding: 10px 0px;}
header .header-top .top-info li, header .header-top .top-info li a {color: #fff; font-size: 14px;}

/*header .headermn{background-color: #ffffff;}*/
header .headermn .navbar .navbar-brand {width: 20%;}
header .nav-link {color: #000; font-size: 13px; font-weight: 500; transition: .5s; position: relative; padding: 0px 0px !important;
text-transform: uppercase;}
header .nav-link::after{content: ''; background-color: #102a71; width: 0%; height: 2px; position: absolute; bottom: -5px; left: 0; transition: .5s;}
header .nav-link:hover::after {width: 100%;}
header .nav-link:hover, header .nav-link:focus {color: #102a71;}
header .navbar-toggler {border: none; color: #102a71; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus {box-shadow: none;}
header .offcanvas-title img {width: 34%;}
header .navbar-nav {align-items: center; gap: 45px;}
.sticky {
left: 0;
right: 0;
z-index: 999;
position: fixed !important;
top: 0px;
animation: slideDown .5s ease-out;
background-color: #fff;
box-shadow: 0 0 10px #00000021;
}
.sticky .headermn .navbar .navbar-brand {width: 14%;}

@keyframes slideDown {
from {
transform: translateY(-100%);
}

to {
transform: translateY(10);
}
}
header .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: #fff;}
header .dropdown-menu{border-radius: 0; border: 0; padding: 15px 0; box-shadow: 0 0 5px #0000002f;}
header .dropdown-menu li .dropdown-item{padding: 6px 20px; font-size: 18px; font-weight: 500; font-family: initial;}
header .dropdown-menu li .dropdown-item:hover{background-color: #0e3f9b; color: #fff;}


header .navbar .whatsapp li .whatsapp-bnt {display: inline-block; padding: 8px 20px; background-color: transparent; color: #102a71; border-radius: 50px;
transition: .5s; border: 1px solid #102a71; position: relative; transition: .5s; z-index: 1;}
header .navbar .whatsapp li .whatsapp-bnt::before {     border-radius: 50px; position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s; background-color: #102a71; z-index: -1;}
header .navbar .whatsapp li .whatsapp-bnt:hover:before {width: 100%;}
header .navbar .whatsapp li .whatsapp-bnt:hover {color: #fff;}

header .navbar-nav .dropdown-menu {width: auto; padding: 20px; left: 10px; right: 10px;}

header .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: #0e3f9b;}

.navbar-expand-lg .navbar-nav .dropdown-menu h3{font-size: 14px; font-weight: 700;}
.navbar-expand-lg .navbar-nav .dropdown-menu ul li{margin-bottom: 10px;}
.navbar-expand-lg .navbar-nav .dropdown-menu ul li a{font-size: 14px; color: #000; transition: .5s;} 
.navbar-expand-lg .navbar-nav .dropdown-menu ul li a:hover{padding-left: 10px; color: #0e3f9b;}

/* slider */

/* slider */

.slider{background-image: url(../images/slider-bg.jpg); background-position: center center; background-size: cover; padding: 160px 0px 130px; overflow: hidden;}

.slider .content h2{color: #0a6bb8; font-family: auto; font-size: 50px; margin-bottom: 10px; text-shadow: 0 1px 1px rgba(0, 0, 0, .7);}
.slider .content .text{font-size: 18px; font-family: cursive; color: #000; text-shadow: 0 1px 1px rgba(0, 0, 0, .7); font-weight: 400;}

 #regForm {
    box-shadow: 0px 0px 10px #ffffff5e;
    background: linear-gradient(180deg, #65addf 0%, #102a71 100%);
    padding: 25px 20px;
    border-radius: 20px;
    width: 100%;
  }

  #regForm1 {
    box-shadow: 0px 0px 10px #ffffff5e;
    background: linear-gradient(180deg, #65addf 0%, #102a71 100%);
    padding: 25px 20px;
    border-radius: 20px;
    width: 100%;
  }

  /* Hide all steps by default: */
  #regForm1 .tab1 {
    display: none;
  }

  .slider h3{color: #fff; margin-bottom: 30px;}
.slider .tab h6{margin-bottom: 15px; color: #fff;}
  
  /* Hide all steps by default: */
  .tab {
    display: none;
  }
  

.slider input{background-color: #fff; font-size: 14px; border: transparent; padding: 8px 20px; border-radius: 5px; color: #000; width: 100%; margin-bottom: 15px; box-shadow: none;}
.slider .form-control{margin-bottom: 15px;}
.slider input:focus-visible{box-shadow: none; border: transparent !important;}
.slider input::placeholder{color: #3b3b3b;}
.slider .enquiry-btn{background-color: #ffffff; border: 1px solid #fff; color: #000000; display: inline-block; padding: 10px 50px; border-radius: 0px; border-radius: 5px; width: 100%; margin-bottom: 10px;}
.slider .enquiry-btn:hover{background-color: transparent; color: #fff;}

/* #slider{background-image: url(../images/slider-bg.jpg); background-position: center center; background-size: cover; padding: 160px 0px 130px; overflow: hidden;}
#slider .content h2{color: #0a6bb8; font-family: auto; font-size: 50px; margin-bottom: 10px; text-shadow: 0 1px 1px rgba(0, 0, 0, .7);}
#slider .content .text{font-size: 18px; font-family: cursive; color: #000; text-shadow: 0 1px 1px rgba(0, 0, 0, .7); font-weight: 400;}
#slider .form-bg{box-shadow: 0px 0px 10px #ffffff5e;  background: linear-gradient(180deg, #65addf 0%, #102a71 100%); padding: 25px 20px; border-radius: 20px; width: 100%;}
#slider form.row{row-gap: 15px;}
#slider form h3{color: #ffffff; font-size: 24px; font-family: 'Sansita One';}
#slider form .form-control{background-color: #fff; font-size: 14px; border: transparent; padding: 8px 20px; border-radius: 5px; color: #000;}
#slider form .form-control:focus{box-shadow: none; border-color: #0e3f9b;}
#slider form .form-control::placeholder{color: #3b3b3b;}
#slider form .btn{background-color: #059ed9; color: #ffffff; width: 100%; padding: 12px 0px; border-radius: 0px; border-radius: 5px;}
#slider form .btn:hover{background-color: #059ed9; color: #fff;} */



/* specialties */

/* #specialties{padding: 50px 0px; background-color: #eff1f3;} */
#specialties{background-image: url(../images/specialties.jpg); background-position: center center; background-size: cover; padding: 60px 0px 130px; overflow: hidden;}
#specialties .row{row-gap: 25px;}
#specialties ul li h2{font-size: 35px; line-height: 37px; color: #0e3f9b; font-weight: 600;}
#specialties ul li span{margin-top: 15px; font-size: 14px; color: #6d6e71; font-weight: 600;}
#specialties .specialties-btn {display: inline-block; padding: 8px 20px; background-color: transparent; color: #102a71; border-radius: 3px;
transition: .5s; border: 1px solid #102a71; position: relative; transition: .5s; z-index: 1;}
#specialties .specialties-btn::before {position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s; background-color: #102a71; z-index: -1;}
#specialties .specialties-btn:hover:before {width: 100%;}
#specialties .specialties-btn:hover {color: #fff;}
#specialties .iner{margin-top: 50px; background-color: #fff; border-radius: 8px; padding: 8px; text-align: center;}
#specialties .iner h6{padding: 25px 15px 10px; font-size: 18px; font-weight: 600; color: #0e3f9b;}

#specialties .imgs img{object-fit: cover; height: 250px; width: 100%;}

/* why-chouse */

#why-chouse{padding: 60px 0px;}
#why-chouse .row{row-gap: 25px;}
#why-chouse h6{font-size: 20px; color: #059ed9; font-weight: 600;}
#why-chouse .imgs{text-align: end;}
#why-chouse h2{margin-top: 15px; font-size: 38px; line-height: 39px; color: #0e3f9b; font-weight: 600;}
#why-chouse .text{font-size: 15px; font-weight: 400; color: #6d6e71; line-height: 1.65; margin-bottom: 15px;}
#why-chouse .read-more {display: inline-block; padding: 8px 20px; background-color: transparent; color: #102a71; border-radius: 3px;
transition: .5s; border: 1px solid #102a71; position: relative; transition: .5s; z-index: 1;}
#why-chouse .read-more::before {position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s; background-color: #102a71; z-index: -1;}
#why-chouse .read-more:hover:before {width: 100%;}
#why-chouse .read-more:hover {color: #fff;}

/* second-opinion */

/* #second-opinion{padding: 60px 0px; background: linear-gradient(180deg, #65addf 0%, #102a71 100%);} */
#second-opinion{background-image: url(../images/second-opinion.jpg); background-position: center center; background-size: cover; padding: 60px 0px 130px; overflow: hidden;}
#second-opinion h2{font-weight: 700; font-size: 40px; line-height: 1.2; color: #fff; text-transform: uppercase; text-align: center;}
#second-opinion h2 span{color: #FFC107;}
#second-opinion .text{color: #fff; font-weight: 600; font-size: 16px; line-height: 1.9; text-align: center; width: 92%; margin: 15px auto 70px;}
#second-opinion .iner{padding: 30px 22px; border: 2px dashed #e5e5e5; text-align: center; border-radius: 18px; height: 415px;}
#second-opinion .iner .imgs img{width: 100px; text-align: center; margin: auto;}
#second-opinion .iner h3{font-size: 23px; font-weight: 600; color: #fff; margin: 15px 0px; text-align: start;}
#second-opinion .iner .text-a{font-size: 17px; line-height: 1.9; color: #fff; font-weight: 500; text-align: start;}

/* our-process */

#our-process{padding: 50px 0px; background-color: #eff1f3;}
#our-process h2{font-size: 35px; margin-bottom: 60px; color: #0e3f9b; font-weight: 600; text-align: center;}
#our-process .imgs{text-align: center; margin-bottom: 50px;}
#our-process .imgs img{width: 60px;}
#our-process .iner{border-bottom: 1px solid #000; padding: 0; margin-top: 20px;}
#our-process .content{padding: 0px 15px 40px;}
#our-process .content.content-1{border-left: 1px solid #000; border-right: 1px solid #000;}
#our-process .content.content-2{border-right: 1px solid #000;}
#our-process .content ul li span{height: 30px; width: 30px; border-radius: 50px; border: 1px solid #0e3f9b; color: #0e3f9b; display: block; text-align: center; line-height: 28px; font-size: 14px;}
#our-process .content ul li h3{font-size: 18px; line-height: 20px; margin-bottom: 15px; font-weight: 600; color: #0e3f9b;}
#our-process .content ul li .text{font-size: 16px;}
#our-process .content iframe{ 
    width: 100%;
    height: auto;
}

/* consult-doctor */

#consult-doctor{padding: 50px 0px; overflow: hidden;}
#consult-doctor .row{row-gap: 30px; align-items: center;}
#consult-doctor .content{margin-left: 15px;}
#consult-doctor h3 {font-size: 37px; line-height: 39px; color: #1b256a; font-weight: 600; margin-bottom: 10px;}
#consult-doctor .text{color: #6d6e71; font-size: 17px; font-weight: 400; margin-bottom: 15px;}

/* blog */

#blog {padding: 50px 0; background-color: #ffffff;}
#blog .row {row-gap: 30px;}
#blog h2 {font-size: 38px; color: #000; font-weight: bold; text-align: center; margin-bottom: 50px;}
#blog h2 span {color: #0e3f9b;}
#blog .inner {border: 2px solid #f5f5f5;}
#blog .inner img {width: 100%;}
#blog .text {padding: 20px;}
#blog .text h5 a {color: #000; margin: 15px 0; display: inline-block; transition: .5s;}
#blog .text h5 a:hover {color: #0e3f9b;}
#blog .text span {color: #6d6d6d; display: inline-block; font-size: 15px;}
#blog .text span i {color: #0e3f9b;}
#blog .text p {color: #101010; font-size: 14px;}
#blog .text .read {color: #fff; background: linear-gradient(180deg, #65addf 0%, #102a71 100%); padding: 10px 20px; font-size: 14px; font-weight: 500; display: inline-block;
transition: .5s; border-radius: 8px; margin-top: 20px;}
#blog .text .read i{transition: .5s;}
#blog .text .read:hover i{margin-left: 5px;}

/* faqs */

#faqs{background-color: #eff1f3; padding: 0px 100px 0px 0px; overflow: hidden;}
#faqs .iner{padding: 20px 25px;}
#faqs .imgs img{height: 100vh; object-fit: cover;}
#faqs h3{font-size: 35px; margin-bottom: 40px; color: #0e3f9b; font-weight: 600;}
#faqs .accordion-button{background-color: #ffffff; padding: 10px 20px 10px 20px; box-shadow: none; font-size: 14px; font-weight: 500;}
#faqs .accordion-item {border: transparent; margin-bottom: 10px;}

/* footer */

footer{background-image: url(../images/footer.jpg); background-position: center center; background-size: cover; padding: 60px 0px 10px; overflow: hidden;}

/* footer .footertop {background-color: #eff1f3 !important; padding: 70px 0px 0px;} */

footer .row {row-gap: 25px;}
footer .footertop h3{font-size: 20px; margin-bottom: 30px; font-weight: 600; color: #0e3f9b;position: relative;}
footer .footertop h3::before{position: absolute; content: ''; background-color: #0e3f9b; width: 30px; height: 2px; top: 30px;}
footer .footertop .about img {width: 151px;}
footer .footertop .about p {color: #000; text-align: justify; font-size: 14px; width:77%; margin-top: 20px;}
footer .footertop ul {list-style: none;}
footer .footertop ul li {color: #000; font-size: 15px; font-weight: 500; padding-bottom: 11px;}
footer .footertop ul li i{color: #0e3f9b;}
footer .footertop ul li a {color: #000; font-size: 15px; font-weight: 500; transition: .5s; display: inline-block; border-bottom: 1px solid transparent;}
footer .footertop ul li a:hover {color: #0e3f9b;}
footer .footertop .addres li {margin-bottom: 15px;}
footer .footertop .addres li i {color: #0e3f9b; font-size: 22px;}
footer .footerboo ul {display: flex; justify-content: space-between; margin: 0; border-top: 1px solid #0e3f9b; padding-top: 20px;}
footer .footerboo {padding: 20px 0px;}
footer .footerboo .soical li:first-child {color: #0e3f9b; text-align: center;}
footer .footerboo .soical li:first-child a {color: #fff; font-size: 16px; display: inline-block; width: 35px; height: 35px;
line-height: 35px; background-color: #0e3f9b; border-radius: 50%; transition: .5s;}
footer .footerboo .soical li:first-child a:hover {background-color: #fff; color: #0e3f9b;}
footer .footerboo ul li img {width: 195px; background-color: #0e3f9b; padding: 0px 10px 8px; border-radius: 100px;}

/* quickcontact */

.quickcontact {width: 45px; position: fixed; top: 77%; right: 15px; z-index: 102;}

/* modal */

.modal h3{color: #fff; margin-bottom: 30px;}
.modal .tab h6{margin-bottom: 15px; color: #fff;}

.tab {
  display: none;
}

.modal input{background-color: #fff; font-size: 14px; border: transparent; padding: 8px 20px; border-radius: 5px; color: #000; width: 100%; margin-bottom: 15px; box-shadow: none;}
.modal .form-control{margin-bottom: 15px;}
.modal input:focus-visible{box-shadow: none; border: transparent !important;}
.modal input::placeholder{color: #3b3b3b;}
.modal .enquiry-btn{background-color: #ffffff; border: 1px solid #fff; color: #000000; display: inline-block; padding: 10px 50px; border-radius: 0px; border-radius: 5px; width: 100%; margin-bottom: 10px;}
.modal .enquiry-btn:hover{background-color: transparent; color: #fff;}

/* about-banner */

#about-banner {padding: 60px 0px; background: linear-gradient(180deg, #65addf 0%, #102a71 100%);}
#about-banner h2 {color: #fff; text-align: center;}
#about-banner p, #about-banner p a {color: #fff; text-align: center;}

/* about */

#about {padding: 50px 0px;}
#about .row {row-gap: 30px;}
#about .content h2 {color: #484848; font-size: 35px; margin-bottom: 10px; font-weight: bold;}
#about .content span {color: #65addf;}
#about .content .text {font-size: 15px; text-align: justify; color: #484848; line-height: 24px; margin-bottom: 24px;}
#about .imgs {overflow: hidden; border-radius: 5px; text-align: end;}
#about .imgs img {transition: 9s;}
#about .imgs:hover img {transform: scale(1.2);}

/* contact */
#contact{padding: 70px 0;}
#contact .row{row-gap: 30px;}
#contact .inner{text-align: center; padding: 40px 20px; background-color: #f9f9f9; position: relative; height: 100%;}
#contact .inner i{width: 70px; height: 70px; line-height: 70px; background-color: #dbdbdb; border-radius: 50%; text-align: center; font-size: 25px; transition: .5s;}
#contact .inner h5{color: #000; margin: 20px 0 15px; font-weight: bold; transition: .5s;}
#contact .inner p{color: grey; font-size: 16px; font-weight: 500; transition: .5s;}
#contact .inner a{color: grey; font-size: 16px; font-weight: 500; transition: .5s;}
#contact .inner .text{position: relative; z-index: 9;}
#contact .inner::before{position: absolute; content: ''; top: 0; left: 0; background: linear-gradient(180deg, #65addf 0%, #102a71 100%); transform: scale(0); transition: .5s; z-index: 3;}

#contact .inner:hover::before{width: 100%; height: 100%; transform: scale(1);}
#contact .inner:hover i{background-color: #fff; color: #65addf;}
#contact .inner:hover h5{color: #fff;}
#contact .inner:hover p{color: #fff;}
#contact .inner:hover a{color: #fff;}

#contact form.row{background-color: #65addf13; padding: 30px; row-gap: 20px; margin: 0;}
#contact form.row h3{color: #000; font-weight: bold;}
#contact form .form-control{border-radius: 0; padding: 10px 20px; color: #000; background-color: transparent; border-color: #65addf;}
#contact form button{color: #ffffff; background: linear-gradient(180deg, #65addf 0%, #102a71 100%); padding: 10px 35px; font-size: 16px; font-weight: 500; transition: .5s; border-radius: 8px; border: 0;}
#contact form button:hover {background: linear-gradient(180deg, #65addf 0%, #102a71 100%);}  
#contact .map{
    width: 100%;
    height: 100%;
}
#contact .map iframe{
    width: 100%;
    height: 100%;
}

/*thank you page css */

.thanks img{
    margin-top: 50px;
}
.content-section {
            padding: 60px 20px;
            background-color: #f8f9fa;
            text-align: center;
            border-radius: 10px;
        }
        .content-section p {
            font-size: 18px;
            color: #555;
            max-width: 700px;
            margin: 0 auto 20px;
        }
       .content-section .video-box {
            position: relative;
            width: 100%;
            margin: 0 auto;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
        }
        .content-section .video-box iframe {
            width: 100%;
            height: 450px;
            border: none;
        }


/* product-det */

#product-det{padding: 60px 0px;}
#product-det .text{text-align: justify; margin-bottom: 25px;}
#product-det .btn {display: inline-block; padding: 10px 20px; background-color: transparent; color: #059ed9; border-radius: 3px;
transition: .5s; border: 1px solid #059ed9; position: relative; transition: .5s; z-index: 1;}
#product-det .btn::before {position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s; background-color: #059ed9; z-index: -1;}
#product-det .btn:hover:before {width: 100%;}
#product-det .btn:hover {color: #ffffff;}

/* blog-det */

#blog-detail {padding: 70px 0;}
#blog-detail .row {row-gap: 30px; justify-content: center;}
#blog-detail .img img {width: 100%;}
#blog-detail .content h5 a {color: #000; font-size: 22px; display: inline-block; margin-bottom: 10px;}
#blog-detail .content span {color: #6d6d6d; display: inline-block; margin: 15px 0; font-size: 15px;}
#blog-detail .content span i {color: #059ed9;}
#blog-detail .content p {color: #6d6d6d; font-size: 16px; text-align: justify;}
#blog-detail .blog {background-color: #059ed913; padding: 15px 30px 30px; border: 1px solid #059ed9; position: sticky; top: 100px;}
#blog-detail .blog h4 {color: #059ed9; margin-bottom: 15px; text-align: center; font-size: 28px; font-weight: bold;}
#blog-detail .blog ul {list-style: none; background-color: #fff; border: 1px solid #e4e4e4; padding: 10px;}
#blog-detail .blog ul li {margin-bottom: 15px; align-items: center;}
#blog-detail .blog ul li:last-child {margin-bottom: 0;}
#blog-detail .blog a {color: #000; font-size: 13px; display: inline-block;}
#blog-detail .blog p {color: #6d6d6d; display: inline-block; font-size: 14px;}
#blog-detail .blog p i {color: #059ed9;}

/* login */

#login{text-align: center; padding: 60px 0px;}
#login h2{font-size: 23px; margin-bottom: 10px; letter-spacing: 2px;}
#login p{font-size: 14px; margin-bottom: 40px; color: grey;}
#login .form-control{border-radius: 0; padding: 15px;}
#login .form-control:focus{box-shadow: none; border-color: #000;}
#login form{row-gap: 20px;}
#login .forgot{text-align: right; margin-top: -20px;}
#login a{color: #059ed9; font-size: 14px; font-weight: 500;}
#login .view{display: inline-block; border: 1px solid #059ed9; color: #ffffff; transition: .5s; padding: 10px 30px; font-size: 18px; position: relative; z-index: 1; background-color: #ffffff;}
#login .view::before{background: linear-gradient(180deg, #65addf 0%, #102a71 100%); position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; content: ''; transition: .5s; margin: auto;}
#login .view:hover{ color: #059ed9;}
#login .view:hover::before{width: 0%;}

/* myaaww */

#my-account{padding: 50px 0px; border-top: 1px solid #dfdfdf;}
#my-account .contacttab{background: linear-gradient(180deg, #65addf 0%, #102a71bd 100%), url(../images/pattern.png) top left repeat; padding: 10px; margin: 20px 0px; border-radius: 10px;}
#my-account .contacttab li a{margin-bottom: 10px; width: 100%; padding: 10px 20px; padding-left: 19px; display: inline-block;}
#my-account .contacttab li{margin: 10px 0px;}
#my-account .contacttab .active a{background-color: #E9E9E9; color: #000000;}
#my-account .contacttab li a:hover{background-color: #E9E9E9; color: #102a71;}
#my-account .contacttab li a{color: #fff;}
#my-account .myaawwinra .form-control{border-radius: 0px; box-shadow: none;}
#my-account .myaawwinra .upto{padding: 10px 20px; text-align: center; transition: .5s; font-size: 16px; background-color: #102a71; color: #fff; display: block; margin-top: 20px;}
#my-account .myaawwinra .upto:hover{background-color: #102a71ea;}

/* my-order */

#my-order{padding: 50px 0px; border-top: 1px solid #dfdfdf;}
#my-order .contacttab{background: linear-gradient(180deg, #65addf 0%, #102a71bd 100%), url(../images/pattern.png) top left repeat; padding: 10px; margin: 20px 0px; border-radius: 10px;}
#my-order .contacttab li a{margin-bottom: 10px; width: 100%; padding: 10px 20px; padding-left: 19px; display: inline-block;}
#my-order .contacttab li{margin: 10px 0px;}
#my-order .contacttab .active a{background-color: #E9E9E9; color: #000000;}
#my-order .contacttab li a:hover{background-color: #E9E9E9; color: #102a71ea;}
#my-order .contacttab li a{color: #fff;}
#my-order .table-responsive td a{color: #000;}

/* register */

#register{text-align: center;  border-top: 1px solid #dfdfdf; padding: 100px 0px;}
#register h2{font-size: 28px; margin-bottom: 10px; letter-spacing: 2px;}
#register p{font-size: 16px; margin-bottom: 40px; color: grey;}
#register .form-control{border-radius: 0; padding: 15px;}
#register .form-control:focus{box-shadow: none; border-color: #000;}
#register form{row-gap: 20px;}
#register .forgot{text-align: right; margin-top: -25px;}
#register a{color: #0e3f9b; font-size: 14px;}
#register ul li a{color: #fff; font-size: 16px;}
#register .facebook{background-color: #627aad; padding: 10px 20px; color: #fff; margin-bottom: 10px;}
#register .google{background-color: #dd4b39; padding: 10px 20px; color: #fff; margin-bottom: 10px;}
#register .twitter{background-color: #55acee; padding: 10px 20px; color: #fff;}
#register .view{display: inline-block; border: 1px solid #059ed9; color: #ffffff; transition: .5s; padding: 10px 30px; font-size: 18px; position: relative; z-index: 1; background-color: #ffffff;}
#register .view::before{background: linear-gradient(180deg, #65addf 0%, #102a71 100%); position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; content: ''; transition: .5s; margin: auto;}
#register .view:hover{ color: #059ed9;}
#register .view:hover::before{width: 0%;}

/* view-page */
.new-query h3{color: #fff; margin-bottom: 30px;}
.new-query .tab h6{margin-bottom: 15px; color: #fff;}

.tab {
  display: none;
}

.new-query input{background-color: #fff; font-size: 14px; border: transparent; padding: 8px 20px; border-radius: 5px; color: #000; width: 100%; margin-bottom: 15px; box-shadow: none;}
.new-query .form-control{margin-bottom: 15px;}
.new-query input:focus-visible{box-shadow: none; border: transparent !important;}
.new-query input::placeholder{color: #3b3b3b;}
.new-query .enquiry-btn{background-color: #ffffff; border: 1px solid #fff; color: #000000; display: inline-block; padding: 10px 50px; border-radius: 0px; border-radius: 5px; width: 100%; margin-bottom: 10px;}
.new-query .enquiry-btn:hover{background-color: transparent; color: #fff;}

.view-info .content{padding: 50px 5px; height: 400px; overflow-y: scroll; overflow-x: clip; max-width: 100%;}
.view-info .top-hed{margin-bottom: 30px; background: linear-gradient(45deg, #003577, #44a7d6); color: #fff; padding: 10px; border-radius: 10px;}
.view-info .imgs img{ width: 70px;  height: 70px;  border-radius: 50px; /* box-shadow: 0px 0px 10px #0000009c; */}
.view-info h4{font-size: 16px; padding: 8px 20px; background-color: #fff; box-shadow: 0px 0px 10px #000000b8; width: fit-content; margin: auto; border-radius: 10px; max-width: 500px;}
/* .view-info .content .you-a{font-size: 14px; padding: 6px 20px; background-color: #fff; box-shadow: 0px 0px 10px #000000b8; width: fit-content; border-radius: 10px; max-width: 500px;}
.view-info .content .con{display: flex; justify-content: end;}
.view-info .content .you-b{font-size: 14px; padding: 6px 20px; background-color: #059ed9; box-shadow: 0px 0px 10px #000000b8; width: fit-content; border-radius: 10px; max-width: 500px; color: #fff;} */
.view-info .content .enquiry-bnt{text-align: center; margin-top: 25px;}
.view-info .content .enquiry-bnt a{font-size: 14px; padding: 13px 20px; background-color: #059ed9; box-shadow: 0px 0px 10px #000000b8; width: fit-content; border-radius: 10px; max-width: 500px; color: #fff; display: inline-block;}




.imessage {
  padding: 50px 5px; height: 400px; overflow-y: scroll; overflow-x: clip; max-width: 100%;
  
  background-color: #fff;
  border: 1px solid #e5e5ea;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  font-family: "SanFrancisco";
  font-size: 1rem;
  margin: 0 auto 1rem;
  padding: 0.5rem 1.5rem;
}

.imessage p {
  border-radius: 5px;
  line-height: 1.25;
  max-width: 75%;
  padding: 0.5rem .875rem;
  position: relative;
  word-wrap: break-word;
}

.imessage p::before,
.imessage p::after {
  bottom: -0.1rem;
  content: "";
  height: 1rem;
  position: absolute;
}

p.from-me {
  align-self: flex-end;
  background-color: #0084b5;
  color: #fff; 
}

p.from-me a{
  color: #fff; 
}

p.from-me::before {
  border-bottom-left-radius: 0.8rem 0.7rem;
  border-right: 1rem solid #0084b5;
  right: -0.35rem;
  transform: translate(0, -0.1rem);
}

p.from-me::after {
  background-color: #fff;
  border-bottom-left-radius: 0.5rem;
  right: -40px;
  transform:translate(-30px, -2px);
  width: 10px;
}

p[class^="from-"] {
  margin: 0.5rem 0;
  width: fit-content;
}

p.from-me ~ p.from-me {
  margin: 0.25rem 0 0;
}

p.from-me ~ p.from-me:not(:last-child) {
  margin: 0.25rem 0 0;
}

p.from-me ~ p.from-me:last-child {
  margin-bottom: 0.5rem;
}

p.from-them {
  align-items: flex-start;
  background-color: #e5e5ea;
  color: #000;
}

p.from-them:before {
  border-bottom-right-radius: 0.8rem 0.7rem;
  border-left: 1rem solid #e5e5ea;
  left: -0.35rem;
  transform: translate(0, -0.1rem);
}

p.from-them::after {
  background-color: #fff;
  border-bottom-right-radius: 0.5rem;
  left: 20px;
  transform: translate(-30px, -2px);
  width: 10px;
}

p[class^="from-"].emoji {
  background: none;
  font-size: 2.5rem;
}

p[class^="from-"].emoji::before {
  content: none;
}

.no-tail::before {
  display: none;
}

.margin-b_none {
  margin-bottom: 0 !important;
}

.margin-b_one {
  margin-bottom: 1rem !important;
}

.margin-t_one {
  margin-top: 1rem !important;
}

sub{
  position: relative;
  float: right;
  bottom: -20px;
  font-size:10px;
  margin-left: 10px;
}



@media screen and (max-width: 800px) {
  .imessage {
    font-size: 14px;
    margin: 0 auto 1rem;
    max-width: 600px;
    padding: 0.25rem 0.875rem;
  }

  .imessage p {
    margin: 0.5rem 0;
  }
}

.view-info .submit{background-color: gray;}

#my-order{padding: 50px 0px;}
#my-order .account__menu{background: #003851 url(../images/pattern.png) top left repeat; padding: 10px 20px; margin: 20px 0px; border-radius: 10px;}
#my-order .account__menu  .account__menu--list a{margin-bottom: 10px; width: 100%; padding: 10px 20px; padding-left: 19px; display: inline-block;}
#my-order .account__menu  .account__menu--list{margin: 10px 0px;}
#my-order .account__menu .active a{background-color: #E9E9E9; color: #003851 !important;}
#my-order .account__menu  .account__menu--list a:hover{background-color: #E9E9E9; color: #003851;}
#my-order .account__menu  .account__menu--list a{color: #fff;}


.submit input[type="file"] {
  display: none;
}
.submit .custom-file-upload {
  display: inline-block;
  padding: 10px 20px;
  width: 5%;
  background-color: #007bff;
  color: white;
  cursor: pointer;
  border-radius: 5px;
  font-size: 16px;
}
.submit .custom-file-upload:hover {
  background-color: #0056b3;
}