@charset "utf-8";
body,
html body {
    color: #838383;
    font-family: Poppins, sans-serif;
}
body,
html {
    margin: 0;
    padding: 0;
}
.hinner-rightinfo ul li a,
body,
html,
html body,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
    font-family: Poppins, sans-serif;
}
.hinner-rightinfo ul li a:hover,
.reviewslike-bottom ul li a:hover,
a {
    text-decoration: none;
}
.headermenu-right,
.hinner-rightinfo,
.hleft,
.hright {
    display: flex;
    display: flex;
}
.header-info p,
.headermenu-right ul {
    text-align: center;
}
.headermenu-right,
.hleft,
.hright,
.servicebtn,
.testimonial,
.testimonial-section,
.testimonial-section::before {
    align-content: center;
}
.cpyleft,
.hleft,
.hright,
.service-bottomimg,
.social-btn .fa,
.team-right,
.testimonial {
    align-self: center;
}
.list-wrapper,
.testimonial {
    overflow: hidden;
}
.fullscreen-img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
body {
    font-size: 14px;
    line-height: 1.42857;
}
img {
    width: auto;
    height: auto;
    border: 0;
    outline: 0;
    max-width: 100%;
}
/* @font-face {
    font-family: "Font Awesome";
    src: url("fonts/fontawesome-webfont.eot");
    src: url("fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),
         url("fonts/fontawesome-webfont.woff2") format("woff2"),
         url("fonts/fontawesome-webfont.ttf") format("truetype"),
         url("fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
  }   */
  @font-face {
    font-family: "MyCustomFontAwesome";
    src: url("fonts/fontawesome-free-6.4.0-web/webfonts/fa-solid-900.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: "Material Icons Outlined";
    src: url("fonts/Material-Icons-Outlined/MaterialIconsOutlined-Regular.eot");
    src: url("fonts/Material-Icons-Outlined/MaterialIconsOutlined-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Material-Icons-Outlined/MaterialIconsOutlined-Regular.woff2") format("woff2"),
        url("fonts/Material-Icons-Outlined/MaterialIconsOutlined-Regular.woff") format("woff"), url("fonts/Material-Icons-Outlined/MaterialIconsOutlined-Regular.ttf") format("truetype"),
        url("fonts/Material-Icons-Outlined/MaterialIconsOutlined-Regular.svg#MaterialIconsOutlined-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Material Icons Round";
    src: url("fonts/Material-Icons-round/MaterialIconsRound-Regular.eot");
    src: url("fonts/Material-Icons-round/MaterialIconsRound-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Material-Icons-round/MaterialIconsRound-Regular.woff2") format("woff2"),
        url("fonts/Material-Icons-round/MaterialIconsRound-Regular.woff") format("woff"), url("fonts/Material-Icons-round/MaterialIconsRound-Regular.ttf") format("truetype"),
        url("fonts/Material-Icons-round/MaterialIconsRound-Regular.svg#MaterialIconsRound-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Material Icons";
    src: url("fonts/Material-Icons/MaterialIcons-Regular.eot");
    src: url("fonts/Material-Icons/MaterialIcons-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Material-Icons/MaterialIcons-Regular.woff2") format("woff2"),
        url("fonts/Material-Icons/MaterialIcons-Regular.woff") format("woff"), url("fonts/Material-Icons/MaterialIcons-Regular.ttf") format("truetype"),
        url("fonts/Material-Icons/MaterialIcons-Regular.svg#MaterialIcons-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Material Icons Sharp";
    src: url("fonts/Material-Icons-Sharp/MaterialIconsSharp-Regular.eot");
    src: url("fonts/Material-Icons-Sharp/MaterialIconsSharp-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Material-Icons-Sharp/MaterialIconsSharp-Regular.woff2") format("woff2"),
        url("fonts/Material-Icons-Sharp/MaterialIconsSharp-Regular.woff") format("woff"), url("fonts/Material-Icons-Sharp/MaterialIconsSharp-Regular.ttf") format("truetype"),
        url("fonts/Material-Icons-Sharp/MaterialIconsSharp-Regular.svg#MaterialIconsSharp-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Material Icons Two Tone";
    src: url("fonts/Material-Icons-twotone/MaterialIconsTwoTone-Regular.eot");
    src: url("fonts/Material-Icons-twotone/fonts/Material-Icons-Sharp/MaterialIconsTwoTone-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Material-Icons-twotone/MaterialIconsTwoTone-Regular.woff2") format("woff2"),
        url("fonts/Material-Icons-twotone/MaterialIconsTwoTone-Regular.woff") format("woff"), url("fonts/Material-Icons-twotone/MaterialIconsTwoTone-Regular.ttf") format("truetype"),
        url("fonts/Material-Icons-twotone/MaterialIconsTwoTone-Regular.svg#MaterialIconsTwoTone-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.container-fluid ul,
ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
a {
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}
.container-fluid .nav li a:focus {
    background: 0 0;
}
.headermenu-right ul li a.active,
.headermenu-right ul li a:hover {
    text-decoration: none;
    border-bottom: 2px solid #01a0e1;
}
.hleft {
    justify-content: left;
}
.hright {
    justify-content: right;
    flex-wrap: wrap;
}
.container-fluid {
    float: left;
    width: 100%;
    padding: 0 !important;
}
.headermenu-right ul,
.main {
    padding: 0;
    width: 100%;
    margin: 0;
    float: left;
}
.logo-img {
    float: left;
    width: 100%;
    margin: 8px 0;
    position: relative;
    bottom: 16px;
}
.logo-img a {
    float: left;
}
.hinner-rightinfo img {
    position: relative;
    bottom: 4px;
}
.headertwo {
    padding: 30px 0 0 !important;
}
.container-fluid.headermenu {
    background: #191971;
}
.row {
    margin: 0 !important;
}
.logo-img img {
    max-width: 220px;
}
.eyeservices-image,
.hright-menu,
.meetbtn {
    float: left;
    width: 100%;
    text-align: center;
}
.projects a {
    position: relative;
    bottom: 3px;
}
.headermenu-right ul li {
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.headermenu-right ul li:last-child,
.hinner-rightinfo li:last-child {
    margin-right: 0;
}
.headermenu-right ul li a {
    float: left;
    padding: 0 0 16px;
    font-size: 17px;
    line-height: 36px;
    text-align: right;
    letter-spacing: 0;
    font-weight: 500;
    color: #070a68;
    text-transform: capitalize;
    border-bottom: 2px solid #fff;
}
.header-info p span {
    color: #00a0e0;
    font-weight: 600;
}
.hinner-rightinfo ul li a {
    padding-left: 8px;
    font-size: 21px;
    line-height: 36px;
    font-weight: 600;
    color: #070a68;
}
.hinner-rightinfo li i {
    color: #01a0e1 !important;
    font-size: 28px;
    vertical-align: middle;
}
.headermenu-right ul li.active a {
    border-bottom: 2px solid #01a0e1;
}
.hinner-rightinfo li {
    display: inline-block;
    margin-right: 20px;
}
.hinner-rightinfo li.appoinment a,
.slider-btn a {
    background: #01a0e1 !important;
    margin-right: 0;
    letter-spacing: 0;
    transition: 0.7s;
    text-decoration: none;
}
.hinner-rightinfo li:first-child {
    position: relative;
    top: 3px;
}
.hinner-rightinfo li.appoinment a {
    color: #fff !important;
    border-radius: 50px;
    border: 2px solid #01a0e1;
    padding: 10px 17px !important;
    font-size: 19px;
    line-height: 36px;
    font-weight: 500;
    display: inline;
}
.contact-form a:hover,
.hinner-rightinfo li.appoinment a:hover,
.read-btn:hover,
.reviewtopinner-right a:hover,
.servicesbottom-text a:hover {
    background: #fff !important;
    color: #01a0e1 !important;
    border: 2px solid #01a0e1;
    text-decoration: none;
}
.header-first {
    float: left;
    width: 100%;
    background: #0b109f;
    padding: 10px 0 !important;
}
.hinner-rightinfo {
    float: left;
    width: 100%;
    justify-content: right;
    padding-bottom: 30px;
}
.headermenu-right {
    justify-content: center;
}
.header-info p {
    color: #fff;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 36px;
    letter-spacing: 0;
    font-weight: 400;
}
.container-fluid.slider {
    position: relative;
    height: 700px;
    background-repeat: no-repeat !important;
    background-position: 40% !important;
    background-size: cover !important;
}
.slider-text {
    float: left;
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}
.slider-text-in {
    display: table;
    float: left;
    width: 100%;
    height: 100%;
}
.slider-text-row {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    text-align: left;
}
.slider-text-row h1 {
    position: relative;
    font-size: 63px;
    line-height: 70px;
    letter-spacing: 0;
    color: #0b109f;
    margin-bottom: 20px !important;
    font-weight: 600;
    width: 535px;
}
.slider-text-row h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #f15b2a;
}
.slider-text-row p {
    color: #070a68;
    width: 520px;
    font-style: normal;
    font-weight: 400;
    font-size: 27px;
    line-height: 39px;
    letter-spacing: 0;
    margin-bottom: 35px;
}
.read-btn,
.slider-btn a {
    color: #fff !important;
    border-radius: 50px;
    line-height: 36px;
}
.slider-text-row .container > p {
    display: inline-block;
    padding: 20px 0 10px;
    position: relative;
}
.slider-btn a {
    border: 2px solid #01a0e1;
    padding: 13px 25px !important;
    font-size: 21px;
    font-weight: 400;
}
.slider-btn a:hover {
    background: #0b109f !important;
    color: #fff !important;
    border: 2px solid #0b109f;
    text-decoration: none;
}
.eyecare-section {
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    padding: 80px 0 !important;
}
.eyecare-img img {
    max-width: 470px;
}
.eyecare-section h2 {
    font-size: 54px;
    line-height: 60px;
    color: #0b109f;
    font-weight: 600;
    margin-bottom: 8px;
    letter-spacing: -0.54px;
}
.eyecare-section h5 {
    font-weight: 400;
    font-size: 25px;
    line-height: 33px;
    letter-spacing: 0;
    color: #070a68;
    margin-bottom: 15px;
}
.eyecare-section h4 {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 0;
    color: #070a68;
    margin-bottom: 3px;
    margin-top: 25px;
}
.eyecare-section ol li,
.eyecare-section p,
.eyecare-section ul li {
    font-weight: 400;
    font-size: 19px;
    line-height: 33px;
    color: #070a68;
}
.eyecare-section p {
    letter-spacing: 0;
}
.read-btn,
.servicebtn a {
    margin-right: 0;
    font-size: 21px;
    transition: 0.7s;
    letter-spacing: 0;
}
.eyecare-section.servicepage p {
    margin-bottom: 10px;
}
.eyecare-section ul li {
    letter-spacing: 0;
    margin-bottom: 0;
    margin-left: 18px;
}
.new-icon ul {
    --icon-space: 2.9em;
    list-style: none;
    padding: 0;
}
.new-icon li {
    padding-left: var(--icon-space);
}
.new-icon li:before {
  content: "\f064";
  color: #070a68;
  font-family: "MyCustomFontAwesome";
  display: inline-block;
  margin-left: calc(var(--icon-space) * -1);
  width: var(--icon-space);
}
/* .new-icon li:before {
    content: "\f064";
    color: #070a68;
     font-family: FontAwesome;  
    display: inline-block;
    margin-left: calc(var(--icon-space) * -1);
    width: var(--icon-space);
} */
.eyecare-section ol li {
    letter-spacing: 0;
    margin-bottom: 0;
    list-style-type: decimal;
    margin-left: 20px;
    text-indent: 5px;
}
.read-btn,
.servicebtn a,
.services-title h4 a {
    font-weight: 500;
    text-decoration: none;
}
.services-section .testitile h1,
.services-title h4 a {
    color: #fff;
    letter-spacing: normal;
    text-align: left;
    font-style: normal;
}
.eyecare-section ul li:last-child {
    margin-bottom: 1px;
}
.eyecare-section.servicepage .row.second {
    padding-top: 10px !important;
}
.read-btn {
    background: #01a0e1 !important;
    border: 2px solid #01a0e1;
    padding: 13px 25px !important;
}
.services-section {
    background: url("images/service-bg.png") #2136af;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 70px 0 !important;
}
.teammember-image,
.whychooseeye-img {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}
.services-section .row.second {
    padding-top: 35px;
}
.services-section .testitile h1 {
    font-size: 54px;
    font-weight: 600;
    line-height: 64px;
    margin-bottom: 0;
}
.services-section .testitile {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-content: center;
    align-items: center;
}
#pagin li,
.productstitle ul li,
.reviewslike-bottom ul li,
.reviewtexts ul li,
.testimonial .pic-img img,
.testimonial .post {
    display: inline-block;
}
.servicebtn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: right;
}
.servicebtn a {
    background: #fff !important;
    color: #0b109f !important;
    border-radius: 50px;
    border: 2px solid #fff;
    padding: 11px 25px !important;
    line-height: 36px;
}
.testitile h1,
.whychooseeye-text h2 {
    font-size: 54px;
    font-weight: 600;
    line-height: 64px;
}
.servicebtn a:hover,
.whychooseeye-text a:hover {
    background: #01a0e1 !important;
    color: #fff !important;
    border: 2px solid #01a0e1;
    text-decoration: none;
}
.team-arrow {
    justify-content: center;
    display: flex;
    align-items: center;
}
.services-title h4 a {
    font-size: 26px;
    line-height: 36px;
}
.testimonial-section {
    background-color: #ebf8fd !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: -1;
    padding: 350px 0 30px !important;
}
.testimonial-section::before {
    font-family: "MyCustomFontAwesome";
    font-weight: 900;
    top: -95px;
    color: #00a0e0;
    font-size: 36px;
    content: "";
    background-image: url("images/testimonial-arrow.png");
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    bottom: 0;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    background-position: center;
    display: inline-block;
    position: absolute;
}
.testitile h1 {
    color: #0b109f;
    font-style: normal;
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 30px;
}
.testimonial {
    position: relative;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-right: 0 !important;
}
.testimonial .pic {
    text-align: center;
    margin-top: 15px;
    float: left;
    width: 100%;
    cursor: pointer;
}
.testimonial .pic img {
    width: 100%;
    height: auto;
}
.testimonial .description {
    color: #454a84;
    font-size: 21px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 37px;
    text-align: center;
    width: 920px;
}
.testimonial .title,
.whychooseeye-text ul li {
    font-size: 22px;
    letter-spacing: normal;
    font-style: normal;
}
.testimonial .title {
    color: #00a0e0;
    font-weight: 500;
    line-height: normal;
}
.post-date,
address {
    font-size: 13px;
    color: #adb1b7;
}
.testimonial .post {
    font-size: 13px;
    color: #333;
    font-style: normal;
}
.aboutsection .eyecare-img img,
.meettheteam-part .eyecare-img img,
.pic-img img,
.takeatourmodal .modal-content img {
    max-width: 100%;
}
.owl-theme .owl-controls .owl-page span {
    border: 2px solid #2a3d7d;
    background: #fff !important;
    border-radius: 0 !important;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
    background: #29d18b !important;
    border-color: #29d18b;
}
.testimonial-section .owl-nav .owl-next,
.testimonial-section .owl-nav .owl-prev {
    top: 0;
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    background: #fff !important;
    color: #0a109f !important;
    cursor: pointer;
    position: absolute;
    display: block;
    z-index: 1000;
    opacity: 0.7;
    font-size: 30px !important;
    width: 60px;
    height: 60px;
    margin: 0;
    border-radius: 100% !important;
    text-align: center;
    font-weight: 700 !important;
}
.testimonial-section .owl-nav .owl-prev {
    left: -10px;
}
.testimonial-section .owl-nav .owl-next {
    right: -10px;
}
.testimonial-section .owl-nav span {
    font-size: 40px;
    color: #0b109f;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 36px;
}
#takeatour .owl-nav,
.abc .headermain.clone,
.eyecare-img.mobile,
.eyecare-section.aboutsection.productspage.mobile,
.header-first,
.owl-dots,
.progress-bar .step .bullet.active span,
.progress-bar .step:last-child .bullet:after,
.progress-bar .step:last-child .bullet:before,
.service-img.mobile,
.slicknav_menu,
.takeatourmodal .mySlides {
    display: none;
}
.headermain.clone {
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #eee;
    position: fixed;
    top: -206px;
    left: 0;
    right: 0;
    z-index: 999999995;
    transition: top 0.4s cubic-bezier(0.3, 0.73, 0.3, 0.74);
    opacity: 1;
}
.row.meetteamin,
.whychooseeye-text {
    background-image: linear-gradient(45deg, rgba(11, 16, 159, 0.5) 0, rgba(0, 160, 224, 0.5) 100%);
}
body.down .headermain.clone {
    top: 0;
}
.headermain.clone .headertwo {
    padding: 20px 0 0 !important;
}
.headermain.clone .logo-img img {
    max-width: 115px;
    position: relative;
    top: 6px;
}
#takeatour .owl-dots {
    display: block;
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px !important;
}
#takeatour .owl-dot {
    background: rgb(255, 255, 255, 0.2);
    color: #fff;
    border: none;
    padding: 0 !important;
    font-size: 15px !important;
}
.takeatour-section {
    padding: 30px 0 40px !important;
}
.calendar .days,
.post-name h2,
.takeatour-section .testitile h1 {
    margin-bottom: 20px;
}
#takeatour .owl-dots .owl-dot span {
    width: 65px;
    height: 3px;
    background: #ddd;
    border-radius: 0;
}
#takeatour .owl-dot.active span {
    background: #0b109f;
}
.whychooseeye-text {
    background-color: #00a0e0;
    padding: 65px 40px 90px;
}
.blogpage .psright:last-child,
.footer.f2,
.whychooseeye-inner {
    padding-right: 0 !important;
}
.whychooseeye-img {
    height: 775px;
}
.cpyleft,
.cpyright,
.reviewtopinner-left,
.submitbutton,
.whychooseeye-images {
    padding: 0 !important;
}
.whychooseeye-text h2 {
    color: #fff;
    font-style: normal;
    text-align: left;
    letter-spacing: -0.54px;
    margin-bottom: 25px;
}
.corner-img-left {
    left: 38%;
    position: absolute;
    z-index: 9;
    bottom: 40px;
    right: 0;
}
.whychooseeye-section {
    margin-bottom: -240px;
    position: relative;
}
.whychooseeye-text ul li::before {
    content: "\f00c";
    font-family: "MyCustomFontAwesome";
    font-style: normal;
    text-decoration: none;
    font-size: 12px;
    color: #00a0e0;
    margin-right: 10px;
    top: -5px;
    position: relative;
    background: #fff;
    border-radius: 100%;
    padding: 4px;
}
.whychooseeye-text ul {
    margin-bottom: 35px !important;
}
.whychooseeye-text ul li {
    color: #fff;
    font-family: Poppins;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    margin-bottom: 20px;
}
.whychooseeye-text a {
    background: #fff !important;
    color: #0b109f !important;
    text-decoration: none;
    border-radius: 50px;
    border: 2px solid #fff;
    padding: 13px 25px !important;
    font-size: 21px;
    line-height: 36px;
    font-weight: 500;
    letter-spacing: 0;
    transition: 0.7s;
    margin: 0;
    display: inline;
}
.contact-text h2 {
    color: #0b109f;
    font-size: 54px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.54px;
    line-height: 35px;
}
.contact-text h4,
.post-name h4 a,
.team-title h4 a,
.team-title p a {
    font-style: normal;
    letter-spacing: normal;
}
.contact-text h4 {
    color: #070a68;
    font-size: 28px;
    font-weight: 400;
    line-height: normal;
}
.reqaquote-in {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding-top: 35px;
}
.reqaquote-titlein,
.teammainin {
    display: flex;
    align-content: center;
}
.reqaquote-in ul li {
    position: relative;
    display: block;
    padding-left: 75px;
    margin-bottom: 18px;
    float: left;
    width: 100%;
}
.reqaquote-in ul li .reqaquote-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background-color: #00a0e0;
    border-radius: 100px;
    text-align: center;
}
.reqaquote-icon img {
    max-width: 18px;
    position: relative;
    top: 11px;
}
.reqaquote-titlein p,
.reqaquote-titlein p a {
    color: #070a68;
    font-size: 19px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 31px;
    text-align: left;
    opacity: 0.85;
    text-decoration: none;
    margin-bottom: 0;
}
.reqaquote-titlein {
    float: left;
    align-items: center;
    justify-content: center;
    height: 55px;
}
.teamlogo-section {
    padding: 30px 0 25px !important;
    border-bottom: 1px solid rgba(11, 16, 159, 0.12);
}
.myopiaservices-section,
.team-section {
    padding: 60px 0 0 !important;
}
.teammember-image {
    height: 400px;
    cursor: pointer;
}
.teammainin {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 15px 20px;
    width: 90%;
    left: 15px;
    right: 0;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: calc(100% - 15px);
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.bookon-inner,
.footer-text a,
.footer-text p,
.footer-text span,
.footermain,
.modal-inner,
.postcommon.row,
.postcontent-common,
footer {
    width: 100%;
    float: left;
}
.team-title h4 {
    line-height: 27px;
    margin-bottom: 0;
}
.team-title h4 a {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    margin-bottom: 0;
    text-decoration: none;
}
.firstNext.next,
.meetteampage .row.second {
    margin-top: 20px !important;
}
.team-title p {
    margin-bottom: 0;
    cursor: pointer;
}
.team-title p a {
    font-size: 19px;
    line-height: normal;
    text-align: center;
    margin-bottom: 0;
    color: #fff;
    text-decoration: none;
}
.post-name h4,
.post-name h4 a {
    font-size: 17px;
    line-height: 36px;
    font-weight: 400;
}
.takeatour-section .testitile p {
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0;
    font-weight: 500;
    color: #070a68;
    text-transform: capitalize;
}
.row.meetbtnpart {
    padding-top: 63px;
    padding-bottom: 15px;
}
.post-catagories-page {
    padding: 70px 0 15px !important;
    background-color: #ebf8fd;
}
.postcommon.row {
    margin: 15px auto 0 !important;
}
.post-catimg {
    height: 320px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.pscontent {
    padding: 22px 15px;
    background: #fff;
}
.post-name h4 a {
    color: #00a0e0;
    text-decoration: underline;
}
.breadcrumnb_my a:hover,
.contact-form a,
.eyeservices-image p a,
.footer a,
.footer a:hover,
.footer-text a,
.post-name h2 a,
.social-btn .fa,
.social-btn a:hover {
    text-decoration: none;
}
.post-name h4 {
    font-style: normal;
    letter-spacing: normal;
    color: #070a68;
    margin-bottom: 10px;
}
.blogpage .project-tab .nav-link,
.pcatsubtitle p {
    font-size: 19px;
    letter-spacing: normal;
    font-style: normal;
}
.pcatsubtitle p {
    margin-bottom: 5px;
    color: #070a68;
    font-weight: 400;
    line-height: 33px;
}
.post-name h2 a {
    color: #070a68;
    font-size: 23px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 35px;
    display: inline-block;
    margin-bottom: 0;
}
.blogpage nav-tab {
    border: 0;
}
.blogpage .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #fff;
}
.blogpage .project-tab #tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: #00a0e0 !important;
    position: relative;
    top: 0;
    color: #fff !important;
    margin-bottom: 0;
    border-color: #00a0e0;
}
.blogpage .project-tab .row,
.modal-footer {
    justify-content: center;
}
.blogpage .nav-tabs {
    border-bottom: 0 !important;
}
.blogpage .project-tab .nav-link {
    background: #fff;
    text-decoration: none;
    border-radius: 50px;
    border: 2px solid #fff;
    padding: 4px 19px !important;
    transition: 0.7s;
    opacity: 0.65;
    color: #0b109f;
    font-weight: 500;
    line-height: 39px;
    text-align: center;
    display: block;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
.blogpage .project-tab nav {
    padding-bottom: 50px;
}
.eyeservices-section {
    padding: 60px 0 40px !important;
    border-bottom: 1px solid rgba(11, 16, 159, 0.12);
}
.eyeservices {
    border-right: 1px solid rgba(11, 16, 159, 0.12);
}
.aboutservices .eyeservices:last-child,
.eyeservices:last-child {
    border-right: 0px;
}
.aboutservices .eyeservices {
    width: 20% !important;
    max-width: 20% !important;
    flex: 0 0 20% !important;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.aboutservices .eyeservices-image p,
.eyeservices-image p {
    padding-top: 20px;
}
.eyeservices-image p a {
    color: #070a68;
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 32px;
    text-align: center;
}
.eyeservices-image p a:hover {
    color: #0196dc;
}
.blogpage .latestprojects-tabs dt {
    background: #fff;
}
.newsform input[type="text"],
.social-btn li a {
    background-color: rgba(0, 160, 224, 0.2);
    height: 60px;
    position: relative;
}
.headermenu-right.blogmenu ul li {
    margin-right: 15px;
}
.headermenu-right.blogmenu ul li a {
    font-size: 16px;
}
.footer {
    padding-bottom: 0 !important;
    text-align: left;
}
.footermain {
    background: #070a68;
}
.f2,
.simple-pagination .current.next,
.simple-pagination .page-link.next {
    padding-left: 80px;
}
.footer h5 {
    color: #00a0e0;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1.6px;
    margin-bottom: 30px;
    padding-bottom: 0;
    position: relative;
    text-transform: uppercase;
}
address {
    line-height: 30px;
    margin-top: 10px;
}
.footer a {
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: normal;
    letter-spacing: 0;
    color: #ebebec;
}
.copy p.copy-text,
.footer-text a {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    letter-spacing: 0.01em;
    font-weight: 400;
}
.container-fluid.copy {
    line-height: 20px;
    padding: 8px 0;
}
.footer.f3 {
    padding-left: 50px !important;
}
.footer.f4 {
    padding-left: 58px !important;
}
.copy p.copy-text {
    margin-bottom: 0;
    text-align: left;
    font-style: normal;
    opacity: 0.7;
}
.footer a:hover {
    color: #00a0e0;
}
.social-btn a:hover {
    color: #f15b2a;
}
.footer-text span {
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #f15b2a;
}
.footer-text p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #fff;
    opacity: 0.7;
}
.breadcrumnb_my a,
.footer p,
.newsform input[type="text"],
.policy-div h1,
.policy-section p {
    letter-spacing: normal;
    font-style: normal;
}
.social-btn {
    margin-bottom: 42px !important;
    margin-top: 2px !important;
    text-align: left;
}
.social-btn li {
    display: inline-table;
    list-style: none;
    width: auto !important;
    margin-right: 10px;
}
.flinks {
    float: left;
    width: 50%;
}
.social-btn li:last-child {
    padding-right: 0;
}
.copy .row {
    margin: 0 15px !important;
    border-top: 1px solid rgba(209, 193, 193, 0.3);
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.social-btn li a {
    border-radius: 50%;
    transition: color 0.3s 0;
    vertical-align: middle;
    width: 60px;
    float: left;
    display: flex;
    justify-content: center;
}
.social-btn .fa {
    color: #fff;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 25px;
}
.newsform input[type="text"] {
    padding: 0 60px 0 30px;
    color: #fff !important;
    font-size: 19px;
    font-weight: 400;
    line-height: 62px;
    outline: 0 !important;
    border: 1px solid rgba(0, 160, 224, 0.2);
    border-radius: 30px;
    margin-top: 20px;
    width: 100%;
}
.newsform input[type="text"]::placeholder {
    color: #fff !important;
    opacity: 0.5;
}
.material-symbols-next,
.material-symbols-prev,
.newsform form {
    position: relative;
}
.newsform input[type="submit"] {
    background-size: auto !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    border: none;
    padding: 9px;
    position: absolute;
    right: 0;
    top: 22px;
    width: 60px;
    height: 55px;
    line-height: 40px;
    color: #fff;
    font-size: 32px;
    text-align: center;
}
.footer .active a {
    color: #00a0e0;
}
.footer ul li {
    display: inline-block;
    width: 100%;
}
.footer p {
    display: block;
    font-size: 19px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    color: #fff;
}
.footer ul li::before {
    color: #adb1b7;
    margin-right: 10px;
}
.post-date {
    float: left;
    font-style: italic;
    line-height: 20px;
    margin: 10px 0 20px;
    width: 100%;
}
.policy-div h1 {
    color: #0b109f;
    font-size: 50px;
    font-weight: 600;
    line-height: 48px;
    text-align: left;
    margin-left: 15px;
    padding-top: 200px;
}
.policy-section p {
    color: #070a68;
    font-size: 19px;
    font-weight: 400;
    line-height: 33px;
    text-align: left;
    margin-bottom: 10px;
}
.commonpagetitle-section {
    background-position: center;
    height: 440px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}
.breadcrumnb_my,
.common-title p {
    text-align: left;
}
.commonpagetitle-section.prescriptioncommon {
    background-position: 54% 100%;
}
.breadcrumnb_my a {
    font-weight: 500;
    font-size: 19px;
    line-height: 39px;
    color: #7d81ca;
}
.breadcrumnb_my a:hover {
    color: #0b109f;
}
.breadcrumnb_my span {
    color: #00a0e0;
    border-bottom: 1px solid #00a0e0;
    font-size: 19px;
    font-weight: 500;
}
.common-title h2 {
    text-align: left;
    color: #0b109f;
    font-size: 54px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.54px;
    line-height: 70px;
    margin-bottom: 0;
}
.common-title h1 {
    text-align: left;
    color: #0b109f;
   
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.54px;
    line-height: 70px;
    margin-bottom: 0;
}
.brarrow {
    color: #7d81ca !important;
    border: none !important;
    padding: 0 5px;
}
.common-title p {
    color: #070a68;
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 46px;
}
.aboutservicetitle h2,
.chooseus-block-two .inner-box h4 {
    font-weight: 600;
    letter-spacing: normal;
    font-style: normal;
}
.aboutservices .eyeservices-image p a {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 32px;
    text-align: center;
    padding-top: 20px;
}
.aboutservicetitle h2 {
    color: #fff;
    font-size: 44px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 25px;
}
.aboutservices .row.serviceinner,
.meettheteam-part .eyecare-innerpart {
    padding-top: 15px;
}
.myopiaservices-section .aboutservicetitle h2 {
    color: #0b109f;
    margin-bottom: 5px;
}
.myopiaservices-section .row.second {
    padding-top: 25px;
}
.eyecare-section.aboutsection .eyecare-img {
    padding-right: 20px;
}
.services-title {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.row.servicesmainin {
    width: 100%;
}
.servicesmainin {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 17px 20px;
}
.common-title {
    float: left;
    width: 100%;
    padding-top: 22px;
}
.contact-section {
    padding: 70px 0 60px !important;
    border-bottom: 1px solid rgba(11, 16, 159, 0.12);
}
.chooseus-block-two {
    height: 100%;
}
.contactform-section {
    padding: 70px 0 !important;
}
.chooseus-block-two .inner-box {
    position: relative;
    display: block;
}
.chooseus-block-two .inner-box .icon-box {
    padding-top: 30px;
    float: left;
    width: 100%;
}
.chooseus-block-two .inner-box h4 {
    margin-bottom: 15px;
    color: #00a0e0;
    font-size: 28px;
    line-height: 42px;
}
.inner-box p,
.inner-box p a {
    color: #070a68;
    font-size: 19px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    margin-bottom: 7px;
}
.inner-box p span {
    font-weight: 600;
}
.light-icon {
    color: #fff;
    font-size: 38px;
    height: 90px;
    width: 90px;
    text-align: center;
    line-height: 45px;
    background: #00a0e0;
    outline-offset: 5px;
    border: 1px solid #00a0e0;
    transition: 0.5s;
    border-radius: 100%;
    margin-right: 15px;
    padding: 20px;
    outline: #00a0e0 solid 2px;
}
.contact-map,
.contactmap-img,
.eyecare-img {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}
.circleservice,
.eyecare-section.aboutsection.productspage.servicepage,
.review-main-section {
    padding: 80px 0 !important;
}
.blogpage .psright:first-child,
.form-group,
.modal-body .form-group,
.team-right {
    padding-left: 0 !important;
}
.contact-inner h3 {
    color: #0b109f;
    font-size: 54px;
    font-weight: 600;
    line-height: 48px;
    text-align: left;
    font-style: normal;
    letter-spacing: -0.54px;
    padding-bottom: 30px;
    padding-top: 0;
}
.modal-body .form-group {
    padding-right: 0 !important;
    margin-bottom: 10px;
}
.contact-form input,
.contact-form textarea {
    color: rgba(7, 10, 104, 0.6);
    font-size: 19px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 48px;
    text-align: left;
    background: #fff;
    border-radius: 0;
    height: 64px;
    border: 2px solid rgba(11, 16, 159, 0.15);
    text-shadow: none !important;
    outline: 0 !important;
    box-shadow: none !important;
    padding: 10px 20px;
}
input::placeholder {
    color: #070a68 !important;
    opacity: 0.6 !important;
}
textarea::placeholder {
    color: #070a68 !important;
    opacity: 0.6 !important;
}
.contact-form textarea {
    height: 150px !important;
    resize: none;
}
.contact-form input:focus,
.contact-form textarea:focus {
    border: 2px solid #00a0e0 !important;
}
.contact-form a {
    background: #01a0e1 !important;
    border-radius: 100px;
    border: 2px solid #01a0e1;
    padding: 10px 30px !important;
    margin-right: 0;
    transition: 0.7s;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 36px;
    text-align: left;
    margin-top: 10px !important;
    margin-left: 0 !important;
    margin-bottom: 0;
}
.contactform-section .contactmap-img {
    height: 465px;
}
.about-map {
    height: 347px;
}
.contact-map {
    height: 566px !important;
}
.contactform-section .contactmap-image {
    padding-left: 35px !important;
}
.row.meetteamin {
    padding: 60px 50px;
    outline: #ffffff solid 5px;
    background-color: #00a0e0;
    outline-offset: -18px;
}
.eyecare-section.meettheteam-part h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 40px;
    text-align: left;
    margin-bottom: 10px;
}
.eyecare-section.meettheteam-part h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 0;
}
.eyecare-section.meettheteam-part .eyecare-inner {
    padding-left: 40px !important;
}
.eyecare-section.meettheteam-part {
    padding: 80px 0 20px !important;
}
.eyecare-img {
    padding-right: 40px !important;
    height: 525px;
}
.productcontactin-main-in,
.review-main-in {
    height: 100%;
    align-content: center;
    float: left;
}
.eyecare-section h4 {
    font-weight: 500;
}
.eyecare-section .eyecare-inner {
    padding-left: 44px;
}
.team-contentright p {
    font-size: 19px;
    line-height: 27px;
    text-align: left;
    letter-spacing: 0;
    font-weight: 500;
    color: #070a68;
    margin-bottom: 16px;
}
.latestprojects-tabs dt,
.productstitle h2,
.productstitle p {
    letter-spacing: normal;
    font-style: normal;
}
.eyecare-section.meettheteam-part p {
    color: #fff;
    margin-bottom: 15px;
}
.eyecare-section.meettheteam-part .meetsecondin {
    padding-left: 15px !important;
    padding-top: 15px;
}
.teaminner.teaminnerBtn {
    text-align: left;
    padding-right: 0 !important;
}
.meettheteam-part .eyecare-img {
    height: 460px;
    padding-right: 0 !important;
}
.team-section.meetteampage {
    padding: 0 0 10px !important;
    text-align: center;
}
.post-catagories-page.blogpage .breadcrumnb_my,
.post-catagories-page.blogpage .common-title h2,
.post-catagories-page.blogpage .common-title p,
.productstitle {
    text-align: center;
}
.latestprojects-tabs {
    float: left;
    width: 100%;
    margin-top: 90px;
    display: flex;
    justify-content: center;
    margin-bottom: 65px !important;
}
.latestprojects-tabs dt {
    background: rgba(0, 160, 224, 0.1);
    text-decoration: none;
    border-radius: 50px;
    border: 2px solid #fff;
    padding: 4px 19px !important;
    transition: 0.7s;
    opacity: 0.65;
    color: #0b109f;
    font-size: 19px;
    font-weight: 500;
    line-height: 39px;
    text-align: center;
    display: block;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
.productstitle ul li a,
.reviewtopinner-right a {
    background: #01a0e1 !important;
    text-decoration: none;
    transition: 0.7s;
}
.latestprojects-tabs dt.active {
    background: #00a0e0 !important;
    position: relative;
    padding-bottom: 27px;
    top: 0;
    color: #fff !important;
    margin-bottom: 0;
    border: 2px solid #00a0e0;
}
.latestprojects-tabs dd {
    display: none;
    padding: 0.5em;
}
.tab-content {
    min-height: 300px;
    padding: 0;
}
.latestprojects-tabs-placeholder {
    float: left;
    width: 100%;
    clear: both;
    display: block;
    padding: 0 !important;
}
.tab-content .row:last-child {
    padding: 0 0 45px !important;
    margin-bottom: 0 !important;
}
.blogpage .psright,
.tab-content .projectin:first-child {
    padding-left: 15px !important;
}
.tab-content .projectin {
    padding-left: 10px !important;
    padding-right: 15px !important;
}
.current {
    color: green;
}
#agree_chk_error,
.error_form {
    color: #d80f0f;
    font-size: 12px;
}
.eyecare-section.aboutsection.productspage {
    padding: 30px 0 70px !important;
}
.eyecare-section.aboutsection.productspage .latestprojects-tabs {
    margin-top: 0;
    margin-bottom: 25px !important;
}
.eyecare-section.aboutsection.productspage.servicetoppart .latestprojects-tabs dt a {
    text-decoration: none;
    background: #e5f5fc;
    color: #0b109f;
    padding: 15px 3px !important;
    text-align: left;
    font-size: 15px;
    margin-right: 2px;
    margin-bottom: 10px;
    border-radius: 50px;
    opacity: 0.65;
}
.eyecare-section.aboutsection.productspage.servicetoppart .latestprojects-tabs dt {
    line-height: 0 !important;
    padding: 0 !important;
    margin-right: 0;
    background: 0 0 !important;
    border: none !important;
    opacity: 1;
}
.eyecare-section.aboutsection.productspage.servicetoppart .latestprojects-tabs dt.active a {
    color: #fff;
    background: #00a0e0 !important;
}
.eyecare-section.aboutsection.productspage.servicetoppart .latestprojects-tabs dt span {
    font-size: 17px;
    height: 36px;
    width: 40px;
    margin-right: 2px;
}
.eyecare-section.aboutsection.productspage dt span {
    border-radius: 20px;
    color: #0b109f;
    font-size: 19px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 39px;
    background-color: #fff;
    height: 40px;
    width: 50px;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
}
.productstitle p {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-bottom: 30px;
}
.productstitle ul li a {
    color: #fff !important;
    border-radius: 50px;
    border: 2px solid #01a0e1;
    padding: 10px 17px !important;
    font-size: 21px;
    line-height: 36px;
    letter-spacing: 0;
    font-weight: 500;
    margin-right: 10px;
}
.productstitle ul li:first-child {
    background: #fff !important;
    color: #070a68 !important;
    border: 2px solid #fff;
    padding: 10px 17px;
    border-radius: 50px;
}
.productstitle ul li:first-child a {
    color: #070a68 !important;
    background: 0 0 !important;
    border: 0 !important;
    padding: 0 !important;
}
.productstitle ul li img {
    padding-right: 15px;
    position: relative;
    bottom: 3px;
}
.services-section.productservices {
    background: url("images/productseye-bg.png");
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 80px 0 100px !important;
}
.productcontactin-main-section {
    padding: 20px 0 30px !important;
}
.productcontactin-main-in {
    border-radius: 10px;
    padding: 50px 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.productcontactin-img {
    float: left;
    width: 30%;
}
.productcontactin-text-inner {
    width: 70%;
    text-align: left;
    padding-left: 30px;
}
.productcontactin-text-inner h6 {
    color: #0b109f;
    font-size: 26px;
    font-weight: 600;
    line-height: 48px;
    text-align: left;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: -0.26px;
}
.productcontactin-text-inner p {
    color: #070a68;
    font-size: 19px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 31px;
    text-align: left;
    margin-bottom: 0;
}
.products-titlein h2 {
    color: #0b109f;
    font-size: 54px;
    font-weight: 600;
    font-style: normal;
    line-height: 55px;
    text-align: center;
    margin-bottom: 15px !important;
    letter-spacing: -0.54px;
}
.products-contactin {
    border-top: 1px solid #ddd;
}
.contactlenses-main-section {
    padding: 60px 0 !important;
    background-color: #ebf8fd;
}
.contactlenses-text-inner {
    background-color: #fff;
    padding: 25px 30px;
    margin-bottom: 25px;
}
.cpolicy,
.radioin {
    margin-bottom: 12px;
}
.contactlenses-text-inner h3 {
    color: #0b109f;
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 48px;
    text-align: left;
}
.contactlenses-text-inner p {
    color: #070a68;
    font-size: 19px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 33px;
    text-align: left;
    margin-bottom: 0;
}
.prescription-text-inner h3 {
    color: #0b109f;
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    line-height: 48px;
    letter-spacing: -0.26px;
    line-height: normal;
}
.prescription-text-inner p,
.review-text-top h4 {
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
}
.prescription-text-inner p {
    color: #070a68;
    font-size: 19px;
    font-weight: 400;
    line-height: 33px;
}
.prescription-text-inner {
    float: left;
    width: 100%;
    padding-top: 20px;
}
.prescription-main-section {
    padding: 20px 0 70px !important;
}
.review-img {
    float: left;
    width: 23%;
}
.review-text-inner {
    text-align: left;
    padding-left: 35px;
}
.review-main-in {
    padding: 50px 35px 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    border: 1px solid rgba(11, 16, 159, 0.15);
    border-radius: 25px;
}
.review-text-top img,
.review-topmain img {
    max-width: 125px;
}
.review-text-top h4 {
    color: #0b109f;
    font-size: 23px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px;
}
.review-text-top p {
    opacity: 0.85;
    color: #070a68;
    font-size: 19px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 33px;
    text-align: left;
}
.review-text-bottom h4,
.review-text-bottom p {
    color: #0b109f;
    font-style: normal;
    letter-spacing: normal;
    margin-bottom: 0;
}
.eyecare-text p:last-child,
.radioin label,
.review-text-bottom h5 {
    margin-bottom: 0;
}
.review-text-bottom h4 {
    font-size: 19px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    margin-right: 10px;
}
.review-text-bottom p {
    opacity: 0.5;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
}
.review-text-bottom h5 span,
.review-text-topright p {
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
}
.review-text-bottom h5 span {
    color: #19c385;
    font-family: "Open Sans";
    font-size: 17px;
}
.reviewlogo {
    float: left;
    width: 12%;
}
.review-text-topright p {
    opacity: 0.5;
    color: #070a68;
    font-size: 19px;
}
.reviewtexts {
    float: left;
    width: 88%;
    padding-left: 12px;
}
.review-text-bottomright,
.review-text-topright {
    justify-content: end;
    display: flex;
}
.reviewslike-bottom ul li span {
    color: #070a68;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
}
.review-text-bottom h5 img,
.reviewslike-bottom ul li img {
    padding-right: 6px;
}
.review-text-topcontent p {
    opacity: 0.85;
    color: #070a68;
    font-size: 19px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 33px;
    margin-bottom: 32px;
}
.reviewslike-bottom ul li:last-child {
    border-left: 0;
    padding: 0;
}
.review-text-bottomright {
    display: flex;
    align-content: end;
    align-items: end;
    padding: 0;
}
.reviewslike-bottom ul li:last-child a {
    border-radius: 20px;
    background-color: #e6e7f5;
    padding: 8px 11px;
}
.review-topmain ul li {
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
}
.reviewtopinner-left ul li h2 {
    color: #0b109f;
    font-size: 45px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 54px;
    text-align: center;
    text-transform: uppercase;
}
.reviewtopinner-left ul li h4 {
    color: #070a68;
    font-size: 21px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 42px;
    text-align: center;
    margin-bottom: 0;
}
.reviewtopinner-right {
    justify-content: end;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    display: none;
}
.reviewtopinner-right a {
    border-radius: 50px;
    border: 2px solid #01a0e1;
    padding: 4px 18px !important;
    margin-right: 0;
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 36px;
    text-align: left;
}
.modal-services h2,
.modal-text h2,
.modal-textin h2 {
    color: #0b109f;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    text-transform: uppercase;
}
.review-topmain .row {
    border: 1px solid rgba(11, 16, 159, 0.15);
    border-bottom: 0;
    padding: 20px 35px;
}
.modal-logo {
    float: left;
    width: 10%;
}
.modal-header {
    padding: 10px 20px !important;
    background-color: rgba(0, 160, 224, 0.08);
}
.modal-text {
    float: left;
    width: 90%;
}
.modal-logo img {
    max-width: 85px;
}
.modal-text h2 {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    padding-top: 14px;
    margin-bottom: 0;
}
.modal-textin h2 {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 10px;
}
.modal-services {
    float: left;
    width: 100%;
    padding: 30px 30px 0;
}
.modal-services h2 {
    font-size: 30px;
    line-height: 48px;
    text-align: center;
    margin-bottom: 15px;
}
.modal-services label,
.radioin label {
    opacity: 0.6;
    font-style: normal;
    text-align: left;
}
.modal-services label {
    color: #070a68;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 38px;
    margin-bottom: 0;
}
#agree_chk_error {
    visibility: hidden;
    line-height: 23px;
}
.error_form {
    top: 12px;
}
.contact-form.modalinform .error_form {
    padding-left: 15px;
    padding-top: 4px;
    float: left;
}
.radioin {
    border-radius: 30px;
    background-color: rgba(0, 160, 224, 0.1);
    padding: 10px 20px;
    float: left;
    width: 100%;
}
.modal-closebtn {
    position: absolute;
    left: 0;
    right: 17px;
    top: 11px;
}
.modal-body {
    z-index: 9999;
}
.eyecare-section.aboutsection.aboutcinn .row.second,
.row.modal-form {
    padding-top: 0;
}
.cursor,
.services-section .teaminner_service,
.team-image img {
    cursor: pointer;
}
.modal-closebtn button {
    color: #00a0e0 !important;
    font-size: 47px;
    font-weight: 400;
    outline: 0 !important;
}
.btn,
.modal-footer a.trigger-btn,
.modal-footer button {
    background: #01a0e1 !important;
    color: #fff !important;
    padding: 0 35px !important;
    line-height: 0;
    letter-spacing: 0;
    text-decoration: none;
}
.modal-footer a.trigger-btn,
.modal-footer button {
    border-radius: 50px;
    border: 2px solid #01a0e1;
    margin-right: 0;
    transition: 0.7s;
    height: 50px;
    font-size: 19px;
    font-weight: 500;
}
.modal-footer a.trigger-btn {
    line-height: 45px;
}
.btn {
    border: 2px solid #01a0e1;
    height: 60px;
    font-weight: 500;
}
.popup {
    width: 400px;
    background: #fff;
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.1);
    text-align: center;
    padding: 0 30px 30px;
    color: #333;
    visibility: hidden;
    transition: transform 0.4s, top 0.4s;
}
.open-popup {
    visibility: visible;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
}
.popup img {
    width: 100px;
    margin-top: -50px;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.popup h2 {
    font-size: 38px;
    font-weight: 500;
    margin: 30px 0 10px;
}
.popup button {
    width: 100%;
    margin-top: 50px;
    padding: 10px 0;
    background: #6fd649;
    color: #fff;
    border: 0;
    outline: 0;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.modal__overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000000000000000000;
}
.modal__window {
    max-width: 500px;
    background: #fff;
    border: 1px solid #fff;
    font-size: 16px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.modal__titlebar {
    height: 40px;
    background: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modal__title {
    margin-left: 15px;
    font-weight: 700;
    color: #eee;
}
.modal__close {
    width: 40px;
    height: 40px;
    outline: 0;
    border: none;
    background: 0 0;
    color: #eee;
    cursor: pointer;
}
.bookon-inner ul li a,
.modal-texts,
.servicepage:nth-child(odd) {
    background-color: rgba(0, 160, 224, 0.08);
}
.modal__close:active {
    transform: scale(0.9);
}
.modal__content {
    padding: 15px;
    font-size: 0.9em;
}
.modal-footer {
    justify-content: center !important;
    border: none !important;
    padding: 0 0 20px !important;
    float: left;
    position: relative;
    width: 100%;
}
.radioin [type="radio"]:checked,
.radioin [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.radioin [type="radio"]:checked + label,
.radioin [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    line-height: 25px;
    display: inline-block;
}
.radioin [type="radio"]:checked + label:before,
.radioin [type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(0, 160, 224, 0.35);
    border-radius: 100%;
    background: #fff;
}
.radioin [type="radio"]:checked + label::after,
.radioin [type="radio"]:not(:checked) + label::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #01a0e1;
    position: absolute;
    top: 9px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.radioin [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.radioin [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.radioin [type="radio"]:checked + label {
    opacity: inherit;
}
.radioin label {
    color: #070a68;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
}
.bookon-inner ul li a:focus {
    background: #070a68;
    color: #fff;
}
.modal-body select {
    width: 100%;
    background: 0 0 !important;
    border-bottom: 2px solid #ddd !important;
    border: 0;
    padding: 14px 0;
    color: #070a68;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 40px;
}
.modal-form input,
.modal-texts p span {
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #8089ad;
}
.modal-body .check label,
.modal-form input {
    font-size: 15px;
    font-weight: 400;
    line-height: 35px;
}
.progress-bar .step .bullet.active,
.progress-bar .step:first-child .bullet {
    border: 2px solid #01a0e1;
}
.progress-bar .step:first-child .check {
    background: #01a0e1;
    height: 7px;
    width: 7px;
    border-radius: 100px;
    display: block;
}
.modal-footer .prev-1.prev,
.modal-footer .prev-2.prev,
.modal-footer .prev-3.prev {
    background: #0b109f !important;
    border: 2px solid #0b109f;
}
.modal-form input {
    border-radius: 30px;
    border: 2px solid rgba(7, 10, 104, 0.12);
    background-color: #fff;
    padding: 22px 28px;
    height: 48px;
    display: inline-block;
}
.bookon-inner ul li a,
.modal-texts p {
    font-size: 19px;
    line-height: 38px;
    color: #070a68;
}
.modal-form input:focus {
    border: 2px solid #00a0e0;
    box-shadow: none;
    color: #070a68;
}
.modal-texts p {
    font-family: Poppins;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    padding: 12px 20px;
}
.cpolicy {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cpolicy input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 25px;
    width: 25px;
    border: 2px solid #070a68;
    border-radius: 15px;
    opacity: 0.15;
}
.cpolicy input:checked ~ .checkmark {
    background-color: #01a0e1;
    opacity: 1;
    border-color: #01a0e1;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
#privacy:checked ~ .checkmark:after,
.eyecare-section.aboutsection.productspage.mobile.maininss {
    display: block;
}
.cpolicy .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.modal-texts p span {
    font-size: 19px;
    line-height: 35px;
    display: block;
}
.bookon-text h2 {
    font-size: 28px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    color: #070a68;
    text-align: center;
}
.bookon-inner ul li a,
.bookon-text h4,
.selectin label {
    font-weight: 500;
    letter-spacing: normal;
    font-style: normal;
}
.bookon-text h4 {
    color: #070a68;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}
.bookon-inner ul li {
    width: 50%;
    float: left;
    margin-top: 35px;
}
.bookon-inner ul li a {
    text-align: center;
    border-radius: 30px;
    padding: 15px 58px;
    text-decoration: none;
}
.modal-form .check {
    padding-top: 13px;
    margin-bottom: 0;
}
.modal-body #policy {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    vertical-align: middle;
    border: 2px solid rgba(7, 10, 104, 0.15);
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    cursor: pointer;
}
.modal-body .check label {
    color: #070a68;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 0;
}
.selectin {
    float: left;
    width: 100%;
    padding: 20px 0 45px;
}
.bookon-text {
    float: left;
    width: 100%;
    padding-top: 45px;
}
.modal-body .check label span {
    color: #00a0e0;
    text-decoration: underline;
}
.selectin label {
    color: #8089ad;
    font-size: 18px;
    line-height: 20px;
    text-align: left;
}
.progress-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
    max-width: 100vw;
    position: relative;
    width: 35rem;
}
.btn,
.btn:disabled {
    font-size: 1.8rem;
    margin: 0 0.5rem;
}
.progress,
.progress-container::before {
    height: 0.4rem;
    left: 0;
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    z-index: -1;
}
.progress-container::before {
    background-color: #d1d2d4;
    content: "";
    width: 100%;
}
.progress {
    background-color: #a53860;
    transition: 0.4s;
    width: 0%;
}
.circle {
    align-items: center;
    background-color: #fff;
    border: 3px solid #d1d2d4;
    border-radius: 50%;
    color: #868991;
    display: flex;
    height: 3rem;
    justify-content: center;
    transition: 0.4s;
    width: 3rem;
}
.circle.active {
    border-color: #d1d2d4;
}
.btn:disabled {
    background-color: #d1d2d4;
    border-radius: 0.5rem;
    border: none;
    color: #868991;
    cursor: not-allowed;
    padding: 1rem 2rem;
}
.material-symbols-next::after,
.material-symbols-prev::before {
    font-family: "MyCustomFontAwesome";
    top: 2px;
    width: auto;
    font-size: 14px;
    right: 0;
    left: 0;
    text-decoration: none;
}
.btn {
    background-color: #a53860;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;
    transition: background-color 0.5s, transform 0.5s;
}
.btn:active {
    transform: scale(0.9);
    background-color: #830a48;
}
.btn:focus {
    outline: 0;
}
.eyecare-section.aboutsection.productspage.servicepage .latestprojects-tabs dt {
    padding: 4px 5px !important;
    font-size: 18px;
}
.servicepage dt span {
    margin-right: 5px !important;
}
.servicesbottom-text h2 {
    font-style: normal;
    text-align: left;
    letter-spacing: -0.63px;
}
.servicesbottom-text p {
    opacity: 0.85;
    color: #070a68;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 39px;
    text-align: left;
    margin-bottom: 30px;
}
.servicesbottom-text a {
    background: #01a0e1 !important;
    color: #fff !important;
    text-decoration: none;
    border-radius: 50px;
    border: 2px solid #01a0e1;
    padding: 15px 17px !important;
    font-size: 19px;
    line-height: 36px;
    letter-spacing: 0;
    font-weight: 500;
    transition: 0.7s;
    display: inline;
    margin: 0;
}
.services-bottomsection {
    padding: 50px 0 !important;
}
.eyecare-section.servicepage {
    padding: 35px 0 !important;
}
.service-img {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    height: 570px;
}
.highlight,
.highlight a {
    color: #fff !important;
    background: #00a0e0 !important;
}
.eyecare-section.servicepage:nth-child(odd) .eyecare-inner {
    padding-right: 15px !important;
    padding-left: 15px;
}
.servicepage:nth-child(2n) .eyecare-inner,
.servicepage:nth-child(odd) .service-image {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.highlight {
    position: relative;
    top: 0;
    margin-bottom: 0;
    border: 2px solid #00a0e0;
    padding: 4px 3px !important;
    text-align: left;
    font-size: 15px;
    margin-right: 2px;
    border-radius: 50px;
}
.month,
.today {
    background-color: #167e56;
}
#bottombutton {
    display: inline-block;
    background: #00a0e0;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 100%;
    position: fixed;
    bottom: 50px;
    right: 30px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
}
#bottombutton.show {
    opacity: 1;
    visibility: visible;
}
#bottombutton::after {
    content: "\f077";
    font-family: "MyCustomFontAwesome";
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 42px;
    color: #fff;
}
.servicepage:nth-child(2n) .service-image {
    padding-left: 15px !important;
    padding-right: 30px !important;
}
.eyecare-section.aboutsection.productspage.servicetoppart {
    padding: 30px 0 3px !important;
}
.eyecare-section.servicepage h2 {
    font-size: 49px;
    margin-bottom: 15px;
}
.calendar .days li,
.calendar .weeks li {
    font-size: 16px;
    font-style: normal;
    line-height: 30.52px;
    font-weight: 400;
    text-align: center;
}
.eyecare-section.aboutsection .row.second {
    padding-top: 28px;
}
.main .container .form-outer {
    width: 100%;
    overflow: hidden;
}
.main .container .form-outer form {
    display: flex;
    width: 400%;
}
.form-outer form .page {
    width: 25%;
    transition: margin-left 0.3s ease-in-out;
}
.form-outer form .page .title {
    text-align: left;
    font-size: 25px;
    font-weight: 500;
}
.form-outer form .page .field {
    width: 330px;
    height: 45px;
    margin: 45px 0;
    display: flex;
    position: relative;
}
form .page .field .label {
    position: absolute;
    top: -30px;
    font-weight: 500;
}
form .page .field input {
    height: 100%;
    width: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding-left: 15px;
    font-size: 18px;
}
form .page .field select {
    width: 100%;
    padding-left: 10px;
    font-size: 17px;
    font-weight: 500;
}
form .page .field button {
    width: 100%;
    height: calc(100% + 5px);
    border: none;
    background: #d33f8d;
    margin-top: -20px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: 0.5s;
}
form .page .field button:hover {
    background: #000;
}
form .page .btns button {
    margin-top: -20px !important;
}
form .page .btns button.prev {
    margin-right: 3px;
    font-size: 17px;
}
form .page .btns button.next {
    margin-left: 3px;
}
.container .progress-bar {
    display: flex;
    margin: 0 0 10px;
    user-select: none;
    flex-direction: inherit;
    background: 0 0 !important;
}
.container .progress-bar .step {
    text-align: center;
    width: 100%;
    position: relative;
}
.main .container .progress-bar .step p {
    font-weight: 500;
    font-size: 18px;
    color: #000;
    margin-bottom: 8px;
    display: none;
}
.progress-bar .step .bullet {
    height: 20px;
    width: 20px;
    border: 2px solid #cce1ea;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    transition: 0.2s;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
}
.progress-bar .step .bullet span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}
.progress-bar .fa-check::before {
    content: none;
}
.progress-bar .step .bullet::after,
.progress-bar .step .bullet::before {
    position: absolute;
    content: "";
    bottom: 7px;
    right: -200px;
    height: 2px;
    width: 198px;
    background: #ddd;
}
.progress-bar .step .bullet.active:after {
    background: #01a0e1;
    transform: scaleX(0);
    transform-origin: left;
    animation: 0.3s linear forwards animate;
}
@keyframes animate {
    100% {
        transform: scaleX(1);
    }
}
.progress-bar .step p.active {
    color: #d43f8d;
    transition: 0.2s linear;
}
.progress-bar .step .check {
    position: absolute;
    left: 49.6%;
    top: 38%;
    font-size: 15px;
    transform: translate(-50%, -50%);
    display: none;
}
.progress-bar .step .check.active {
    display: block;
    color: #fff;
    background: #01a0e1;
    height: 5px;
    width: 5px;
    border-radius: 100px;
}
.calendar {
    height: auto;
    float: left;
    width: 100%;
    border: 2px solid rgba(11, 16, 159, 0.1);
}
.month {
    width: 100%;
    height: 12rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2rem;
    text-align: center;
}
.month i {
    font-size: 2.5rem;
    cursor: pointer;
}
.month h1 {
    font-size: 3rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    margin-bottom: 1rem;
}
.month p {
    font-size: 1.6rem;
}
.weekdays {
    width: 100%;
    height: 5rem;
    padding: 0 0.4rem;
    display: flex;
    align-items: center;
}
.weekdays div {
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.1rem;
    width: calc(44.2rem / 7);
    display: flex;
    justify-content: center;
    align-items: center;
}
.calendar ul,
.days {
    flex-wrap: wrap;
    display: flex;
}
.days {
    width: 100%;
    padding: 0.2rem;
}
.days div {
    font-size: 1.4rem;
    margin: 0.3rem;
    width: calc(40.2rem / 7);
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s;
}
.days div:hover:not(.today) {
    background-color: #262626;
    border: 0.2rem solid #777;
    cursor: pointer;
}
.next-date,
.prev-date {
    opacity: 0.5;
}
.wrapper {
    width: 100%;
    background: #fff;
}
.wrapper header {
    display: flex;
    align-items: center;
    padding: 25px 00px 10px;
    justify-content: space-between;
    float: left;
    width: 100%;
}
header .icons {
    display: flex;
    width: 100%;
}
header .icons span {
    height: 38px;
    width: 38px;
    margin: 0 1px;
    user-select: none;
    border: 1px solid #070a68;
    background-color: #fff;
    color: #070a68;
    font-size: 19px;
    font-weight: 400;
    line-height: 30.52px;
    text-align: center;
    font-style: normal;
    letter-spacing: -0.48px;
    border-radius: 100px;
    float: left;
}
.icon-right {
    display: flex;
    justify-content: end;
}
.icons span:last-child {
    margin-right: -10px;
}
header .current-date {
    color: #222;
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 38.55px;
    text-align: center;
}
.calendar {
    padding: 20px;
}
.calendar ul {
    list-style: none;
    text-align: center;
}
.calendar li {
    width: calc(100% / 7);
}
.calendar .weeks li {
    cursor: default;
    opacity: 0.55;
    color: #000;
    letter-spacing: -0.4px;
}
.calendar .days li {
    z-index: 1;
    cursor: pointer;
    position: relative;
    margin-top: 17px;
    border-radius: 50px;
    margin-right: 0;
    color: #070a68;
    letter-spacing: normal;
    letter-spacing: -0.4px;
}
.days li.inactive {
    color: #aaa;
}
.days li.active,
.review-main-section .simple-pagination .active .current {
    color: #fff;
}
.days li::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 40px;
    width: 40px;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background-color: #e5f5fb;
}
.days li.active::before {
    background: #009edc;
}
.days li:visited {
    background: red;
}
.material-symbols-prev::before {
    content: "\f060";
    font-weight: 400;
    margin-right: 0;
    position: absolute;
}
.material-symbols-next::after {
    content: "\f061";
    font-weight: 400;
    margin-right: 0;
    position: absolute;
}
.blogpage {
    background: #ebf8fd;
}
.simple-pagination ul {
    margin-top: 15px;
    padding: 0;
    list-style: none;
    text-align: center;
}
.simple-pagination li {
    display: inline-block;
    margin-right: 15px;
}
.simple-pagination li a,
.simple-pagination li span {
    color: #070a68;
    text-decoration: none;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    float: left;
    padding-top: 20px;
    line-height: 0;
}
.simple-pagination .current {
    color: #fff;
    background-color: #00a0e0 !important;
    border-color: #00a0e0;
}
.simple-pagination .page-link:hover {
    color: #070a68;
    text-decoration: none;
    background-color: #fff;
    border-color: #fff;
}
.simple-pagination .current.next,
.simple-pagination .current.prev,
.simple-pagination .page-link.next,
.simple-pagination .page-link.prev {
    background: 0 0 !important;
    border: none;
    color: #070a68 !important;
    font-size: 35px;
    padding-right: 80px;
    box-shadow: none !important;
}
.review-main-section #pagination-container {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(11, 16, 159, 0.15);
    padding: 50px 0;
}
.review-main-section .simple-pagination .page-link:hover {
    background-color: #ebf8fd;
}
.review-main-section .simple-pagination li a,
.review-main-section .simple-pagination li span {
    border: 1px solid #ebf8fd;
    background-color: #ebf8fd;
    color: #0b109f;
    box-shadow: none !important;
}
.simple-pagination .current.prev,
.simple-pagination .page-link.prev {
    padding-right: 80px;
    background: 0 0 !important;
}
.review-main-section .simple-pagination .current.prev,
.review-main-section .simple-pagination .page-link.prev {
    background: 0 0 !important;
    border: none;
}
.takeatourmodal .modal {
    display: none;
    position: fixed;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    z-index: 9999;
}
.takeatourmodal .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 70px auto auto;
    padding: 0;
    width: 500px;
    max-width: 500px;
}
.close,
.takeatourmodal .next,
.takeatourmodal .prev {
    position: absolute;
    color: #fff !important;
    font-weight: 700;
}
.close {
    top: 4px;
    right: 17px;
    font-size: 35px;
    opacity: inherit !important;
    padding: 18px 0 !important;
}
.takeatourmodal .next,
.takeatourmodal .prev {
    cursor: pointer;
    top: 57%;
    width: auto;
    padding: 10px;
    margin-top: -50px;
    font-size: 17px;
    transition: 0.6s;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    background: #01a0e1;
}
.takeatourmodal .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
.modal-confirm {
    color: #636363;
    width: 325px;
    font-size: 14px;
}
.error,
.modal-body .check label .error {
    color: red;
}
.modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
}
.modal-confirm .modal-header {
    border-bottom: none;
    position: relative;
}
.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 10px;
    color: #070a68;
}
.modal-bodys p {
    text-align: center;
    font-size: 17px;
    color: #070a68;
}
.modal-confirm .btn,
.modal-confirm .form-control {
    min-height: 40px;
    border-radius: 3px;
}
.modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -5px;
}
.modal-confirm .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
}
.modal-confirm .icon-box {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -70px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #01a0e1;
    padding: 15px;
    text-align: center;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-confirm .icon-box i {
    font-size: 58px;
    position: relative;
    top: 3px;
}
.modal-confirm.modal-dialog {
    margin-top: 150px;
}
.modal-confirm .btn {
    color: #fff;
    border-radius: 50px;
    background: #82ce34;
    text-decoration: none;
    transition: 0.4s;
    line-height: normal;
    border: none;
}
.modal-confirm .btn:focus,
.modal-confirm .btn:hover {
    background: #6fb32b;
    outline: 0;
}
.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}
.modal-open.modalhides #testmodal {
    display: none !important;
}
.modalhclone .headermain.clone {
    opacity: 0;
    z-index: inherit;
}
.eyecare-section.aboutsection.aboutcinn p {
    line-height: 32px;
    margin-bottom: 25px;
}
.eyecare-section.aboutsection.aboutcinn {
    padding: 60px 0 40px !important;
}
.eyecare-section.homeaboutcontent {
    padding: 65px 0 !important;
}
.error {
    font-weight: 400;
}
.team-contentright {
    position: relative;
    height: 400px;
    background: rgba(1, 160, 225, 0.05);
    padding: 65px 80px 70px 90px;
    border: 2px solid rgba(1, 160, 225, 0.05);
}
.team-contentright::after {
    border-bottom: 10px solid #01a0e1 !important;
    border-left: 10px solid #01a0e1 !important;
    content: "";
    height: 70px;
    width: 70px;
    position: absolute;
    bottom: 20px;
    left: 25px;
}
.team-contentright::before {
    border-top: 10px solid #01a0e1;
    border-right: 10px solid #01a0e1;
    content: "";
    height: 70px;
    width: 70px;
    position: absolute;
    top: 20px;
    right: 25px;
}
@media only screen and (max-width: 767px) {
    .slicknav_btn,
    .slicknav_nav {
        background-color: #01a0e1 !important;
    }
    .slicknav_menu {
        display: block;
        top: 25px !important;
        position: fixed !important;
        z-index: 9999999999999999 !important;
    }
    .slicknav_nav a:hover {
        background: 0 0 !important;
        color: #0b109f !important;
    }
    .breadcrumnb_my span,
    .hinner-rightinfo ul li a,
    .review-text-bottom h5 span,
    .review-text-topright p,
    .slider-text-row h4,
    .team-title p a {
        font-size: 16px;
    }
    .slicknav_nav {
        padding: 12px 0 !important;
        float: left !important;
        width: 100% !important;
        text-align: center;
        margin-top: 60px !important;
    }
    .eyecare-section .eyecare-img,
    .headermenu-right,
    .service-img {
        display: none;
    }
    .logo-img img {
        max-width: 115px;
    }
    .header-info p {
        font-size: 15px;
        line-height: 25px;
    }
    .hinner-rightinfo li {
        margin-right: 0;
        width: 100%;
    }
    .hinner-rightinfo {
        justify-content: center;
        padding-top: 0;
        text-align: center;
    }
    .hinner-rightinfo li:first-child {
        margin-bottom: 18px;
    }
    .hinner-rightinfo li.appoinment a {
        padding: 10px 14px !important;
        font-size: 17px;
    }
    .about-img {
        display: block !important;
    }
    .eyecare-img.mobile {
        padding-right: 0 !important;
        display: flex;
        justify-content: center;
    }
    .slider-text-row h1 {
        font-size: 30px;
        line-height: 40px;
        width: 100%;
        margin-bottom: 7px !important;
    }
    .slider-text-row p {
        width: 100%;
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 20px;
    }
    .eyeservices,
    .latestprojects-tabs dt,
    .productspage .latestprojects-tabs dt:first-child {
        width: 100% !important;
    }
    .read-btn,
    .slider-btn a,
    .whychooseeye-text a {
        padding: 11px 14px !important;
        font-size: 17px;
    }
    .container-fluid.slider {
        height: 400px;
        background-position: left !important;
    }
    .eyelogo,
    .review-text-bottom,
    .review-text-top,
    .reviewtopinner-left,
    .services-title h4 {
        text-align: center;
    }
    .eyecare-img img {
        max-width: 265px;
    }
    .eyecare-img {
        height: 262px;
    }
    .eyecare-section h2 {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 8px;
    }
    .eyecare-section h4 {
        font-size: 19px;
        line-height: 28px;
        margin-bottom: 7px;
        margin-top: 10px;
    }
    .eyecare-section ol li,
    .eyecare-section p,
    .eyecare-section ul li,
    .takeatour-section .testitile p {
        font-size: 15px;
        line-height: 26px;
    }
    .contact-form button,
    .postcommon.row {
        margin-top: 10px !important;
    }
    .homeaboutcontent .eyecare-inner,
    .row.meetbtnpart,
    .services-bottomsection .services-imgin {
        padding-top: 20px;
    }
    .eyecare-section p {
        margin-bottom: 20px;
    }
    .eyecare-section h5 {
        font-size: 18px;
        line-height: 29px;
        margin-bottom: 10px;
    }
    .services-section .testitile h1 {
        font-size: 35px;
        line-height: 40px;
        text-align: center;
    }
    .servicebtn a {
        padding: 11px 14px !important;
        font-size: 17px;
        line-height: inherit;
        text-align: center;
    }
    .contactlenses-main-section,
    .post-catagories-page,
    .review-main-section,
    .services-section {
        padding: 40px 0 !important;
    }
    .servicebtn {
        padding-top: 15px;
        justify-content: center;
    }
    .eyecare-inner,
    .services-section .row.second {
        padding-top: 35px;
    }
    .row.servicesmainin {
        width: 100%;
        justify-content: center;
        left: 0;
    }
    .teaminner {
        margin-bottom: 25px;
        text-align: center;
    }
    .services-title h4 a {
        font-size: 21px;
        text-align: center;
        line-height: 28px;
    }
    .team-arrow img {
        max-width: 32px;
    }
    .contactmap-img {
        margin-top: 25px;
    }
    .eyeservices {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(11, 16, 159, 0.12) !important;
        border-right: 0 !important;
    }
    .aboutservices .eyeservices:last-child,
    .eyeservices:last-child {
        border-bottom: 0 !important;
    }
    .whychooseeye-text {
        padding: 25px 15px 40px;
    }
    .whychooseeye-section {
        margin-bottom: 40px;
    }
    .whychooseeye-img {
        height: 300px;
    }
    .whychooseeye-text h2 {
        font-size: 33px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .takeatour-section {
        padding: 30px 0 40px !important;
    }
    .whychooseeye-inner {
        padding-left: 0 !important;
    }
    .whychooseeye-text ul li {
        font-size: 16px;
        margin-left: 28px;
        text-indent: -26px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .boxsdesign:last-child .chooseus-block-two .inner-box,
    .productcontactin-main-section .products-titlein h2,
    .whychooseeye-text ul li:last-child {
        margin-bottom: 0;
    }
    .eyecare-section,
    .myopiaservices-section {
        padding: 50px 0 !important;
    }
    .whychooseeye-text ul {
        margin-bottom: 28px !important;
    }
    .whychooseeye-text ul li::before {
        margin-right: 9px;
        top: 0;
    }
    .eyeservices-image p a {
        font-size: 19px;
        line-height: 27px;
    }
    .eyeservices-image img {
        max-width: 45px;
    }
    .contact-text h2,
    .testitile h1 {
        font-size: 35px;
        line-height: 40px;
    }
    .testimonial-section .testitile h1 {
        margin-bottom: 75px;
    }
    .testimonial .description {
        font-size: 16px;
        line-height: 31px;
        width: 230px;
    }
    .testimonial-section .owl-nav span {
        font-size: 24px;
        line-height: 23px;
    }
    .testimonial-section .owl-nav .owl-next,
    .testimonial-section .owl-nav .owl-prev {
        top: 100px;
        width: 30px;
        height: 30px;
        font-size: 20px !important;
    }
    .testimonial-section .owl-nav .owl-prev {
        left: -17px;
    }
    .testimonial-section .owl-nav .owl-next {
        right: -17px;
    }
    .postcontent-common {
        margin-bottom: 30px;
    }
    .eyecare-section.aboutsection.productspage .latestprojects-tabs,
    .flinks,
    .flinks.second {
        margin-bottom: 0 !important;
    }
    .reqaquote-titlein p,
    .reqaquote-titlein p a {
        font-size: 16px;
        line-height: 25px;
    }
    .reqaquote-titlein {
        height: 45px;
    }
    .reqaquote-in ul li .reqaquote-icon {
        top: -9px;
    }
    .testimonial .title {
        font-size: 17px;
    }
    .testimonial-section {
        padding: 50px 0 40px !important;
    }
    .testimonial-section::before {
        top: -255px;
    }
    .team-title h4 a {
        font-size: 19px;
    }
    .eyeservices-section {
        padding: 45px 0 0 !important;
    }
    .team-section {
        padding: 50px 0 0 !important;
    }
    .contactform-section .contactmap-image,
    .eyecare-section.servicepage:nth-child(odd) .eyecare-inner,
    .footer.f3,
    .footer.f4,
    .team-right {
        padding-left: 15px !important;
    }
    .team-section .testitile h1 {
        font-size: 33px;
        margin-bottom: 25px;
    }
    .flinks {
        width: 100%;
    }
    .footer.f4 {
        padding-bottom: 0 !important;
    }
    .footer ul li {
        margin-bottom: 4px;
    }
    .footer a,
    .footer p,
    .modal-texts p span,
    .post-name h4,
    .post-name h4 a,
    .radioin label,
    .review-text-bottom p {
        font-size: 15px;
    }
    .footer h5 {
        font-size: 19px;
        margin-bottom: 8px;
    }
    .newsform input[type="submit"] {
        top: 0;
    }
    .newsform input[type="text"] {
        font-size: 17px;
        height: 52px;
        margin-top: 0;
    }
    .footer {
        padding-bottom: 25px !important;
    }
    .social-btn .fa {
        font-size: 20px;
    }
    .social-btn li a {
        width: 50px;
        height: 50px;
    }
    .social-btn {
        margin-bottom: 8px !important;
    }
    .footermain {
        padding: 40px 0 0 !important;
    }
    .contact-text h4 {
        font-size: 23px;
    }
    .review-main-section #pagination-container {
        padding: 20px 0;
    }
    .contact-section {
        padding: 40px 0 30px !important;
    }
    .caddress ul li,
    .caddress ul li a {
        font-size: 16px;
        line-height: 25px;
        padding-top: 5px;
        margin-bottom: 14px;
    }
    .caddress ul li {
        padding-left: 50px;
    }
    .caddress ul li i {
        height: 40px;
        width: 40px;
        padding-top: 13px;
    }
    .contactlenses-text-inner p,
    .modal-texts p,
    .pcatsubtitle p,
    .prescription-text-inner p {
        font-size: 16px;
        line-height: 28px;
    }
    .common-title h2 {
        font-size: 30px;
        line-height: 47px;
    }
    .common-title p {
        font-size: 17px;
        line-height: 25px;
    }
    .commonpagetitle-section {
        height: 350px;
    }
    .aboutservices .row.serviceinner,
    .eyecare-section.aboutsection .eyecare-inner {
        padding-top: 0;
    }
    .aboutservicetitle h2 {
        font-size: 31px;
        line-height: 45px;
    }
    .aboutservices .eyeservices-image {
        padding: 25px 0 40px;
    }
    .eyecare-section.aboutsection {
        padding: 45px 0 !important;
    }
    .myopiaservices-section .row.second {
        padding-top: 10px;
    }
    .breadcrumnb_my a {
        font-size: 16px;
        line-height: 15px;
    }
    .inner-box p,
    .inner-box p a {
        font-size: 16px;
        text-align: center;
    }
    .chooseus-block-two .inner-box {
        position: relative;
        display: flex;
        text-align: center;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 45px;
    }
    .chooseus-block-two .inner-box h4 {
        font-size: 24px;
        line-height: 20px;
    }
    .contact-inner h3 {
        font-size: 35px;
        line-height: 45px;
        padding-bottom: 5px;
        padding-top: 0;
    }
    .contact-form a {
        padding: 5px 30px !important;
        font-size: 17px;
    }
    .contactform-section {
        padding: 20px 0 50px !important;
    }
    .contact-form input,
    .contact-form textarea {
        font-size: 16px;
        height: 52px;
    }
    .contact-form button {
        padding: 5px 20px !important;
        font-size: 17px;
    }
    .contactform-section .contactmap-img {
        height: 350px;
        margin-top: 20px;
    }
    .light-icon img {
        max-width: 22px;
    }
    .light-icon {
        height: 75px;
        width: 75px;
        line-height: 31px;
    }
    .eyecare-section.meettheteam-part .eyecare-inner,
    .meettheteam-part .eyecare-images,
    .productspage.mobile .card-body,
    .review-text-topcontent {
        padding: 0 !important;
    }
    .row.meetteamin {
        padding: 50px 35px;
    }
    .eyecare-section.meettheteam-part h2 {
        font-size: 29px;
        line-height: 37px;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    .eyecare-section.meettheteam-part h4 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .eyecare-section.meettheteam-part {
        padding: 55px 0 35px !important;
    }
    .modal-logo,
    .review-img {
        width: 100%;
        text-align: center;
    }
    .productcontactin-text-inner,
    .review-text-inner {
        width: 100%;
        padding-left: 0;
    }
    .review-text-bottomright,
    .review-text-topright {
        justify-content: center;
        display: flex;
    }
    .latestprojects-tabs,
    .reviewtopinner-right {
        justify-content: center;
    }
    .review-inner {
        padding: 0 15px !important;
    }
    .review-text-topcontent p {
        font-size: 15px;
        line-height: 28px;
        text-align: center;
    }
    .review-text-top h4 {
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        margin-bottom: 5px;
    }
    .review-text-bottom h4 {
        font-size: 18px;
    }
    .reviewslike-bottom {
        text-align: center;
        padding-top: 25px;
    }
    .review-topmain .row {
        padding: 20px 10px;
    }
    .reviewslike-bottom ul li:last-child {
        padding-top: 8px;
    }
    .reviewtexts {
        width: 80%;
    }
    .reviewlogo {
        width: 20%;
    }
    .review-text-top img {
        padding-top: 15px;
    }
    .review-topmain ul li {
        padding-right: 2px;
    }
    .reviewtopinner-left ul li h2 {
        font-size: 30px;
        line-height: 10px;
        margin-bottom: 0;
    }
    .reviewtopinner-left ul li h4 {
        font-size: 16px;
        line-height: 35px;
    }
    .review-topmain img {
        max-width: 95px;
    }
    .modal-text,
    .productcontactin-img,
    .productspage.mobile #accordion {
        width: 100%;
    }
    .post-name h2 a {
        font-size: 19px;
        line-height: 31px;
    }
    .latestprojects-tabs dt {
        font-size: 16px;
        margin-right: 0;
        margin-bottom: 10px !important;
        padding: 4px !important;
    }
    .latestprojects-tabs {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
    }
    .eyecare-section.aboutsection.productspage dt span {
        font-size: 17px;
        height: 30px;
        width: 30px;
        margin-right: 10px;
        line-height: 33px;
    }
    .eyecare-section .eyecare-inner {
        padding-left: 15px;
    }
    .eyecare-section.aboutsection .row.second {
        padding-top: 20px !important;
    }
    .eyecare-section .card-body .row.second {
        padding-bottom: 15px !important;
    }
    .productstitle h2 {
        font-size: 34px;
        line-height: 42px;
        margin-bottom: 5px;
    }
    .productstitle p {
        font-size: 16px;
        margin-bottom: 17px;
    }
    .productstitle ul li {
        font-size: 17px;
        margin-bottom: 12px;
    }
    .services-section.productservices {
        padding: 35px 0 !important;
    }
    .prescription-main-section .products-titlein h2 {
        font-size: 29px;
        line-height: 40px;
    }
    .contactlenses-text-inner h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .productcontactin-text-inner h6 {
        font-size: 21px;
        line-height: 48px;
        margin-top: 20px;
        margin-bottom: 0;
    }
    .productcontactin-text-inner p {
        font-size: 16px;
        line-height: 29px;
    }
    .contactlenses-text-inner {
        padding: 25px;
        margin-bottom: 20px;
    }
    .productcontactin-main-section {
        padding: 30px 0 10px !important;
    }
    .prescription-text-inner h3 {
        font-size: 22px;
    }
    .prescription-contactin {
        padding-bottom: 25px;
    }
    .prescription-contactin:last-child {
        padding-bottom: 0;
    }
    .prescription-main-section {
        padding: 20px 0 40px !important;
    }
    .eyecare-section.aboutsection.productspage {
        padding: 20px 0 30px !important;
        display: block !important;
    }
    .products-titlein h2 {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 15px;
    }
    .eyecare-section.aboutsection.productspage.mobile {
        display: block;
    }
    .productspage.mobile .card h5 button dt {
        background: rgba(0, 160, 224, 0.1);
        text-decoration: none;
        border-radius: 50px;
        border: 2px solid #fff;
        padding: 4px 14px !important;
        transition: 0.7s;
        opacity: 0.65;
        color: #0b109f;
        font-size: 17px;
        font-weight: 500;
        font-style: normal;
        letter-spacing: normal;
        line-height: 39px;
        text-align: center;
        display: block;
        float: left;
        cursor: pointer;
        margin-right: 10px;
        box-shadow: none !important;
        outline: 0 !important;
    }
    .productspage.mobile .card h5 button dt.active,
    .productspage.mobile .cardmains h5 button dt,
    .productspage.mobile.mainin .card.m-0.active h5 button dt {
        background: #00a0e0 !important;
        color: #fff !important;
        border: 2px solid #00a0e0;
    }
    .productspage.mobile .card h5 button dt.active {
        position: relative;
        padding-bottom: 27px;
        top: 0;
        margin-bottom: 0;
    }
    .productspage.mobile .card:first-child h5 button dt,
    .productspage.mobile.main .card:first-child h5 button dt {
        background: #00a0e0;
        color: #fff;
        border: 2px solid #00a0e0;
    }
    .productspage.mobile .card h5 {
        box-shadow: none !important;
        border: 0;
    }
    .productstitle ul li img {
        padding-right: 7px;
    }
    .productstitle ul li a {
        margin-right: 0;
        font-size: 17px;
    }
    .productspage.mobile .card h5 button {
        padding: 0 !important;
        width: 100%;
        margin: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        background: 0 0 !important;
    }
    .productspage.mobile .card-header {
        background: 0 0 !important;
        border: 0;
        float: left;
        padding: 0 !important;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 0;
    }
    .productspage.mobile .card {
        border: 0 !important;
    }
    .services-bottomsection {
        padding: 10px 0 50px !important;
    }
    .servicesbottom-text h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .servicepage:nth-child(odd) .eyecare-inner {
        order: 2;
    }
    .eyecare-section.aboutsection.servicepage {
        padding: 20px 0 !important;
    }
    .servicesbottom-text p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .servicesbottom-text a {
        padding: 12px 17px !important;
        font-size: 17px;
    }
    .eyecare-section.servicepage h2 {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 12px;
    }
    .eyecare-section.servicepage h4 {
        font-size: 17px;
        margin-bottom: 3px;
    }
    .servicepage:nth-child(odd) .service-image {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 10px !important;
    }
    .servicetoppart .latestprojects-tabs {
        margin-top: 0;
        margin-bottom: 0 !important;
    }
    .eyecare-section.aboutsection.servicetoppart {
        padding: 45px 0 20px !important;
    }
    .eyecare-section.aboutsection.productspage.servicetoppart {
        display: block;
        padding: 40px 0 0 !important;
    }
    .eyecare-section.aboutsection.productspage.servicetoppart .latestprojects-tabs dt {
        width: 100% !important;
        text-align: center;
        padding-bottom: 20px !important;
    }
    .simple-pagination .current.prev,
    .simple-pagination .page-link.prev {
        padding-right: 30px;
    }
    .simple-pagination .current.next,
    .simple-pagination .page-link.next {
        padding-left: 7px;
        padding-right: 0;
    }
    .simple-pagination .current.next,
    .simple-pagination .current.prev,
    .simple-pagination .page-link.next,
    .simple-pagination .page-link.prev {
        font-size: 29px;
    }
    .simple-pagination li {
        margin-right: 8px;
    }
    .service-img.mobile {
        display: block;
        height: auto;
        margin-bottom: 25px;
    }
    .eyecare-section.servicepage:nth-child(2n) .service-image {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .servicepage .service-img.mobile {
        margin-bottom: 15px;
        padding-top: 0;
    }
    .eyecare-section.servicepage:nth-child(2n) .eyecare-inner {
        padding-right: 15px !important;
    }
    .modal-text h2 {
        text-align: center;
        font-size: 20px;
    }
    .modal-textin h2 {
        font-size: 26px;
    }
    .page.second .modal-footer {
        padding-top: 0 !important;
    }
    .modal-footer a.trigger-btn,
    .modal-footer button {
        height: 50px;
        font-size: 17px;
        line-height: 43px;
        padding: 0 20px !important;
    }
    .modal-footer .next-2.next,
    .modal-footer .submit {
        padding: initial !important;
        width: 100%;
        font-size: 15px;
    }
    header .current-date {
        font-size: 17px;
        line-height: 24.55px;
    }
    .days li::before {
        height: 25px;
        width: 25px;
    }
    .calendar .days li,
    .modal-form input {
        font-size: 14px;
    }
    .calendar .weeks li {
        font-size: 12px;
    }
    .bookon-inner ul li a {
        font-size: 15px;
        padding: 15px 24px;
    }
    .modal-body select {
        font-size: 13px;
    }
    .modal-body .check label {
        font-size: 13px;
        display: inline;
    }
    .checkmark {
        top: -3px;
    }
    .progress-bar .step .bullet::after,
    .progress-bar .step .bullet::before {
        right: -102px;
        width: 98px;
    }
    .aboutservices .eyeservices {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    .headermain.clone {
        top: -291px;
    }
    .takeatourmodal .modal-content {
        width: auto;
        margin-top: 160px;
    }
    .teaminner_service {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .eyecare-section.meettheteam-part .eyecare-img {
        display: block;
        height: 260px;
    }
    .productcontactin-main-in {
        padding: 25px 0;
    }
    .aboutservices .eyeservices-image p {
        margin-bottom: 0;
        padding-top: 15px;
    }
    .review-main-in {
        padding: 30px 15px;
    }
    .modal-closebtn {
        right: -17px;
        top: 89px;
    }
    .productspage.mobile .eyecare-img.mobile {
        margin-bottom: 25px;
        margin-top: 20px;
    }
    .container .progress-bar {
        width: 240px;
        margin: 0 auto;
    }
    .close {
        top: -13px;
        right: 34px;
        font-size: 45px !important;
    }
    .team-contentright p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    .team-contentright {
        padding: 40px;
        height: auto;
    }
    .team-contentright::before {
        height: 60px;
        width: 60px;
        top: 10px;
        right: 12px;
    }
    .team-contentright::after {
        height: 60px;
        width: 60px;
        bottom: 10px;
        left: 12px;
    }
    .teaminner.teaminnerBtn {
        padding-right: 15px !important;
        margin-bottom: 0;
    }
    .teammainin {
        width: calc(100% - 30px);
        padding: 12px 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .container-fluid.slider {
        background-position: center !important;
    }
    .eyecare-section.aboutsection.productspage.servicetoppart .latestprojects-tabs dt {
        width: 52% !important;
    }
    .container .progress-bar {
        width: 100%;
    }
    .progress-bar .step .bullet::after,
    .progress-bar .step .bullet::before {
        right: -200px;
        width: 197px;
    }
    .slicknav_menu {
        right: 47px !important;
    }
    .close {
        right: 60px;
    }
    .slicknav_nav {
        margin-left: 47px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .review-img,
    .review-text-inner {
        width: 100%;
        text-align: center;
    }
    .review-img,
    .review-text-top h4 {
        text-align: center;
    }
    .slider-text-row h4 {
        font-size: 16px;
    }
    .review-img {
        margin-bottom: 50px;
    }
    .reviewslike-bottom ul li span {
        font-size: 13px;
    }
    .reviewslike-bottom ul li {
        padding: 0 10px;
    }
    .review-text-bottom p {
        font-size: 14px;
    }
    .reviewlogo {
        width: 8%;
    }
    .reviewtexts {
        width: 92%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .logo-img img {
        max-width: 93px;
    }
    .headermenu-right ul li a {
        font-size: 10px;
    }
    .container-fluid.slider {
        height: 500px;
        background-position: center !important;
    }
    .headermenu-right ul li {
        margin-right: 8px;
    }
    .slider-text-row h1 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 12px !important;
    }
    .slider-text-row p {
        font-size: 17px;
        line-height: 25px;
        width: 310px;
        margin-bottom: 27px;
    }
    .review-text-topright p,
    .slider-btn a {
        font-size: 17px;
    }
    .footer a,
    .footer p,
    .hinner-rightinfo li.appoinment a,
    .reviewtopinner-left ul li h4 {
        font-size: 16px;
    }
    .contactmap-img,
    .eyecare-img,
    .productspage .latestprojects-tabs-placeholder .eyecare-img.bigimg {
        height: 315px;
    }
    .eyecare-images,
    .service-image {
        align-self: center;
    }
    .meettheteam-part .eyecare-images {
        padding-right: 0 !important;
    }
    .eyecare-section h2 {
        font-size: 39px;
        line-height: 50px;
        margin-bottom: 5px;
    }
    .eyecare-section h5 {
        font-size: 19px;
        line-height: 27px;
        margin-bottom: 12px;
    }
    .eyecare-section h4 {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 5px;
        margin-top: 10px;
    }
    .caddress ul li,
    .caddress ul li a,
    .eyecare-section ol li,
    .eyecare-section p,
    .eyecare-section ul li,
    .pcatsubtitle p,
    .takeatour-section .testitile p {
        line-height: 27px;
        font-size: 16px;
    }
    .eyecare-section p {
        margin-bottom: 28px;
    }
    .servicebtn a {
        padding: 7px 15px !important;
        font-size: 17px;
    }
    .services-section .testitile h1 {
        font-size: 37px;
        line-height: 47px;
    }
    .services-title h4 a {
        font-size: 16px;
        line-height: 22px;
    }
    .row.meetbtnpart,
    .services-section .row.second {
        padding-top: 40px;
    }
    .eyeservices-image img {
        max-width: 60px;
    }
    .eyeservices-image p a {
        font-size: 17px;
        line-height: 24px;
    }
    .testitile h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .whychooseeye-text h2 {
        font-size: 34px;
        line-height: 50px;
    }
    .whychooseeye-text ul li {
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 12px;
        text-indent: -31px;
        margin-left: 27px;
    }
    .whychooseeye-text ul {
        margin-bottom: 27px !important;
    }
    .whychooseeye-text ul li::before {
        top: 0;
    }
    .read-btn,
    .whychooseeye-text a {
        padding: 11px 15px !important;
        font-size: 17px;
    }
    .whychooseeye-text {
        padding: 35px 30px 40px;
    }
    .whychooseeye-img {
        height: 585px;
    }
    .testimonial .description {
        font-size: 18px;
        line-height: 30px;
        width: 100%;
    }
    .testimonial .title {
        font-size: 20px;
    }
    .iconcontent .boxsdesign:last-child,
    .team-title h4 {
        margin-bottom: 0;
    }
    .teammainin {
        padding: 14px 20px;
    }
    .team-title h4 a {
        font-size: 17px;
        line-height: 17px;
        margin-bottom: 0;
    }
    .team-title p a {
        font-size: 13px;
    }
    .contact-text h2 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 0;
    }
    .contact-text h4 {
        font-size: 21px;
    }
    .newsform input[type="text"] {
        padding: 0 0 0 14px;
        font-size: 14px;
        margin-top: 20px;
        height: 50px;
    }
    .newsform input[type="submit"] {
        right: -14px;
        background-size: 8px !important;
    }
    .eyecare-section.meettheteam-part .eyecare-inner,
    .footer.f3,
    .footer.f4 {
        padding-left: 25px !important;
    }
    .social-btn .fa {
        font-size: 18px;
    }
    .social-btn li a {
        width: 40px;
        height: 40px;
    }
    .social-btn li {
        margin-right: 3px;
    }
    .postcommon.row {
        margin-top: 10px !important;
    }
    .post-name h4 {
        line-height: 30px;
    }
    .post-catimg {
        height: 245px;
    }
    .eyecare-section,
    .myopiaservices-section,
    .post-catagories-page {
        padding: 50px 0 !important;
    }
    .team-section {
        padding: 45px 0 0 !important;
    }
    .team-section .row.second {
        margin-top: 0 !important;
    }
    .contactform-section,
    .footermain {
        padding: 45px 0 !important;
    }
    .contactlenses-main-section,
    .services-section.productservices,
    .takeatour-section {
        padding: 40px 0 !important;
    }
    .testimonial-section {
        padding: 330px 0 60px !important;
    }
    .testimonial-section::before {
        top: -61px;
    }
    .testimonial-section .owl-nav span {
        font-size: 24px;
        line-height: 23px;
    }
    .testimonial-section .owl-nav .owl-next,
    .testimonial-section .owl-nav .owl-prev {
        top: 25px;
        width: 30px;
        height: 30px;
        font-size: 25px !important;
    }
    .reqaquote-titlein p,
    .reqaquote-titlein p a {
        font-size: 15px;
        line-height: 24px;
    }
    .testimonial-section .owl-nav .owl-next i,
    .testimonial-section .owl-nav .owl-prev i {
        position: relative;
        top: -3px;
    }
    .testimonial-section .owl-nav .owl-prev {
        left: -37px;
    }
    .testimonial-section .owl-nav .owl-next {
        right: -37px;
    }
    .contact-section {
        padding: 60px 0 50px !important;
    }
    .aboutservicetitle h2 {
        font-size: 35px;
        line-height: 47px;
    }
    .services-section {
        padding: 60px 0 !important;
    }
    .aboutservices .eyeservices-image img {
        max-width: 100%;
    }
    .hinner-rightinfo ul li a,
    .myopiaservices-section .services-title h4,
    .post-name h4,
    .post-name h4 a {
        font-size: 15px;
    }
    .aboutservices .row.serviceinner {
        padding-top: 30px;
    }
    .aboutservices .eyeservices-image p a {
        font-size: 14px;
        line-height: 20px;
    }
    .myopiaservices-section .row.second {
        padding-top: 10px;
    }
    .common-title h2 {
        font-size: 40px;
        line-height: 48px;
    }
    .common-title p {
        font-size: 20px;
        line-height: 33px;
    }
    .breadcrumnb_my a {
        font-size: 17px;
        line-height: 30px;
    }
    .commonpagetitle-section {
        height: 350px;
    }
    .inner-box p,
    .inner-box p a {
        font-size: 17px;
        text-align: center;
    }
    .iconcontent .boxsdesign {
        margin-bottom: 40px;
    }
    .contact-inner h3 {
        font-size: 35px;
        padding-bottom: 10px;
    }
    .contact-form input,
    .contact-form textarea {
        font-size: 15px;
        padding: 10px 18px;
        height: 55px;
    }
    .contactform-section .contactmap-img {
        height: 425px;
    }
    .contactform-section .contactmap-image {
        padding-left: 15px !important;
    }
    .chooseus-block-two .inner-box h4 {
        font-size: 22px;
        line-height: 23px;
        margin-bottom: 10px;
    }
    .chooseus-block-two .inner-box {
        position: relative;
        display: flex;
        text-align: center;
        flex-wrap: wrap;
        justify-content: center;
    }
    .row.meetteamin {
        padding: 65px 27px;
    }
    .eyecare-section.meettheteam-part h2 {
        font-size: 33px;
        margin-bottom: 5px;
    }
    .eyecare-section.meettheteam-part h4 {
        font-size: 20px;
        margin-bottom: 3px;
    }
    .reviewtopinner-left {
        text-align: center;
    }
    .review-text-bottomright,
    .review-text-topright {
        justify-content: center;
        display: flex;
    }
    .review-inner {
        padding: 0 20px !important;
    }
    .review-text-topcontent p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .review-text-top h4 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .reviewslike-bottom {
        text-align: center;
        padding-top: 25px;
    }
    .review-topmain .row {
        padding: 20px 0;
    }
    .review-topmain ul li {
        padding-right: 2px;
    }
    .reviewtopinner-left ul li h2 {
        font-size: 30px;
    }
    .review-topmain img {
        max-width: 95px;
    }
    .post-name h2 a {
        font-size: 19px;
        line-height: 31px;
    }
    .latestprojects-tabs dt {
        font-size: 16px;
        margin-right: 0;
        margin-bottom: 10px !important;
    }
    .latestprojects-tabs {
        text-align: center;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        margin-top: 70px;
        margin-bottom: 40px !important;
    }
    .hinner-rightinfo img {
        max-width: 20px;
        bottom: 0;
    }
    .header-info p {
        font-size: 14px;
    }
    .productstitle h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 8px;
    }
    .productstitle p {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .productstitle ul li {
        font-size: 17px;
        margin-bottom: 12px;
    }
    .products-titlein h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .productcontactin-main-in {
        padding: 30px 0;
    }
    .contactlenses-text-inner h3 {
        font-size: 21px;
        line-height: 30px;
    }
    .contactlenses-text-inner p,
    .prescription-text-inner p {
        font-size: 16px;
        line-height: 28px;
    }
    .productcontactin-text-inner h6 {
        font-size: 22px;
        line-height: 48px;
        margin-bottom: 0;
    }
    .productcontactin-text-inner p {
        font-size: 16px;
        line-height: 29px;
    }
    .contactlenses-text-inner {
        padding: 25px;
    }
    .productcontactin-main-section {
        padding: 25px 0 45px !important;
    }
    .prescription-text-inner h3 {
        font-size: 22px;
    }
    .prescription-contactin {
        padding-bottom: 25px;
    }
    .prescription-contactin:last-child {
        padding-bottom: 0;
    }
    .prescription-main-section {
        padding: 20px 0 40px !important;
    }
    .eyecare-section.aboutsection.productspage {
        padding: 20px 0 60px !important;
    }
    .service-img {
        height: 316px;
        display: none;
    }
    .eyecare-section.servicepage h2,
    .servicesbottom-text h2 {
        font-size: 38px;
        line-height: 45px;
    }
    .simple-pagination .current.next,
    .simple-pagination .page-link.next {
        padding-left: 35px;
    }
    .project-tab .nav-link {
        flex: initial !important;
        margin-bottom: 15px !important;
        font-size: 17px;
    }
    .servicesbottom-text a {
        padding: 12px 17px !important;
        font-size: 17px;
    }
    .servicesbottom-text p {
        font-size: 17px;
        margin-bottom: 24px;
        line-height: 20px;
    }
    .service-img.mobile {
        display: block;
        height: auto;
        margin-bottom: 25px;
    }
    .progress-bar .step .bullet::after,
    .progress-bar .step .bullet::before {
        right: -200px;
        width: 198px;
    }
    .headermain.clone {
        top: -245px;
    }
    .eyecare-section.aboutsection.productspage.servicetoppart .latestprojects-tabs dt {
        padding-bottom: 20px !important;
    }
    .eyecare-section.aboutsection.productspage.servicetoppart .latestprojects-tabs dt:last-child {
        padding-bottom: 0 !important;
    }
    .eyecare-section.aboutsection.productspage.servicetoppart {
        padding: 40px 0 0 !important;
    }
    .servicetoppart .servicepage:first-child {
        padding-top: 0 !important;
    }
    .team-contentright p {
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 6px;
    }
    .teammember-image {
        height: 363px;
    }
    .team-contentright {
        height: auto;
        padding: 25px 60px;
    }
    .team-contentright::before {
        height: 50px;
        width: 50px;
        top: 10px;
        right: 10px;
    }
    .team-contentright::after {
        height: 50px;
        width: 50px;
        bottom: 10px;
        left: 10px;
    }
    .contact-form a {
        padding: 5px 30px !important;
        font-size: 17px;
    }
}
@media only screen and (min-width: 991px) and (max-width: 1024px) {
    .headermenu-right ul li {
        margin-right: 7px;
    }
    .headermenu-right ul li a {
        font-size: 11px;
    }
    .whychooseeye-img {
        height: 518px;
    }
    .headermenu-right.blogmenu ul li a {
        font-size: 14px;
    }
    .headermenu-right.blogmenu ul li {
        margin-right: 9px;
    }
    .reviewslike-bottom ul li {
        padding: 0 9px;
    }
    .eyecare-section .eyecare-img,
    .service-img {
        display: none;
    }
    .eyecare-img.mobile {
        display: flex;
        justify-content: center;
        height: auto;
        padding-right: 0 !important;
    }
    .eyecare-img.mobile img {
        max-width: 440px;
    }
    .testimonial-section .owl-nav .owl-prev {
        left: -27px;
    }
    .testimonial-section .owl-nav .owl-next {
        right: -27px;
    }
    .service-img.mobile {
        display: block;
        height: auto;
        margin-bottom: 25px;
    }
    .eyecare-section.meettheteam-part .eyecare-img {
        display: block;
    }
    .reviewslike-bottom ul li img {
        max-width: 22px;
    }
    .reviewslike-bottom ul li span {
        font-size: 13px;
    }
    .review-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .team-contentright {
        height: 363px;
        padding: 75px 60px 70px;
    }
}
.circlebox,
.press li,
.press-sunglass li {
    display: inline-block;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .logo-img img {
        max-width: 110px;
    }
    .headermenu-right ul li {
        margin-right: 6px;
    }
    .headermenu-right ul li a,
    .post-name h4,
    .post-name h4 a,
    .team-title p {
        font-size: 15px;
    }
    .slider-text-row h1 {
        font-size: 55px;
        line-height: 63px;
    }
    .slider-text-row p {
        font-size: 18px;
        line-height: 30px;
        width: 420px;
    }
    .eyecare-img,
    .productspage .latestprojects-tabs-placeholder .eyecare-img.bigimg {
        height: 435px;
    }
    .pcatsubtitle p,
    .servicebtn a,
    .slider-btn a {
        font-size: 18px;
    }
    .eyecare-section ol li,
    .eyecare-section p,
    .eyecare-section ul li {
        font-size: 18px;
        line-height: 32px;
    }
    .servicesbottom-text h2 {
        font-size: 46px;
        line-height: 55px;
    }
    .servicesbottom-text p {
        font-size: 21px;
        line-height: 26px;
        margin-bottom: 35px;
    }
    .services-section .testitile h1,
    .testitile h1,
    .whychooseeye-text h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .services-title h4 {
        font-size: 22px;
        line-height: 30px;
    }
    .whychooseeye-text {
        padding: 65px 30px 90px;
    }
    .whychooseeye-text ul li {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .whychooseeye-text ul li::before {
        top: 0;
    }
    .testimonial-section .owl-nav .owl-next,
    .testimonial-section .owl-nav .owl-prev {
        top: 25px;
        width: 45px;
        height: 45px;
    }
    .testimonial-section .owl-nav .owl-prev {
        left: -37px;
    }
    .testimonial-section .owl-nav .owl-next {
        right: -37px;
    }
    .social-btn li a {
        width: 50px;
        height: 50px;
    }
    .social-btn .fa {
        font-size: 19px;
    }
    .footer a,
    .footer p,
    .inner-box p,
    .inner-box p a,
    .team-title p a {
        font-size: 16px;
    }
    .social-btn li {
        margin-right: 5px;
    }
    .eyecare-section h2 {
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 10px;
    }
    .eyecare-section h5 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    .contact-text h2 {
        font-size: 40px;
        line-height: 25px;
    }
    .contact-text h4 {
        font-size: 23px;
    }
    .common-title h2 {
        font-size: 47px;
        line-height: 40px;
    }
    .chooseus-block-two .inner-box h4 {
        font-size: 24px;
        line-height: 25px;
    }
    .contact-inner h3 {
        font-size: 45px;
    }
    .eyecare-section.meettheteam-part .eyecare-inner {
        padding-left: 25px !important;
    }
    .row.meetteamin {
        padding: 90px 25px;
    }
    .eyecare-section.meettheteam-part p {
        font-size: 17px;
        line-height: 32px;
    }
    .post-name h2 a {
        font-size: 20px;
        line-height: 32px;
    }
    .service-img {
        height: 460px;
    }
    .productspage .eyecare-images,
    .service-image {
        align-self: center;
    }
    .project-tab .nav-link {
        flex: initial !important;
        margin-bottom: 15px !important;
        font-size: 17px;
    }
    .pscontent {
        height: 100%;
        word-break: break-all;
    }
    .reviewslike-bottom ul li {
        padding: 0 4px;
    }
    .review-text-topright p {
        font-size: 17px;
    }
    .eyeservices-image p,
    .team-title h4 {
        font-size: 20px;
    }
    .container-fluid.slider {
        height: 600px;
        background-position: 40% 80% !important;
    }
    .team-title h4 {
        margin-bottom: 0;
    }
    .reqaquote-titlein p,
    .reqaquote-titlein p a {
        font-size: 17px;
        line-height: 31px;
    }
    .testimonial .description {
        font-size: 18px;
        line-height: 33px;
    }
    .newsform input[type="text"] {
        padding: 0 0 0 25px;
        font-size: 16px;
    }
    .whychooseeye-img {
        height: 674px;
    }
    .headermenu-right.blogmenu ul li a {
        font-size: 14px;
    }
    .headermenu-right.blogmenu ul li {
        margin-right: 9px;
    }
    .eyecare-section.servicepage h2 {
        font-size: 40px;
    }
    .eyecare-section.servicepage h4 {
        font-size: 24px;
    }
    .eyecare-section.aboutsection.productspage.servicetoppart .latestprojects-tabs {
        width: 100%;
        float: left;
        display: flex;
        flex-wrap: wrap;
    }
    .progress-bar .step .bullet::after,
    .progress-bar .step .bullet::before {
        right: -200px;
        width: 198px;
    }
    .eyecare-section.aboutsection.productspage.servicetoppart .latestprojects-tabs dt {
        padding-bottom: 30px !important;
    }
    .eyecare-section.aboutsection.productspage.servicetoppart .latestprojects-tabs dt:last-child {
        padding-bottom: 0 !important;
    }
    .servicetoppart .servicepage:first-child {
        padding-top: 0 !important;
    }
    .team-title h4 a {
        color: #fff;
        font-size: 21px;
    }
    .teammainin {
        padding: 15px 20px;
    }
    .team-contentright p {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 13px;
    }
    .team-contentright {
        padding: 55px 80px 70px 90px;
    }
    .productstitle h2 {
        font-size: 50px;
        line-height: 55px;
    }
    .productstitle p {
        font-size: 22px;
        line-height: 26px;
    }
    .products-titlein h2 {
        font-size: 45px;
        line-height: 45px;
        margin-bottom: 30px;
    }
    .contactlenses-text-inner h3 {
        font-size: 23px;
        line-height: 35px;
    }
    .productcontactin-text-inner h6 {
        font-size: 23px;
        line-height: 25px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1305px) {
    .eyecare-section.aboutsection.productspage.servicetoppart .latestprojects-tabs dt {
        padding-bottom: 30px !important;
    }
    .eyecare-section.aboutsection.productspage.servicetoppart .latestprojects-tabs dt:last-child {
        padding-bottom: 0 !important;
    }
    .servicetoppart .servicepage:first-child {
        padding-top: 0 !important;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .eyecare-section.aboutsection.productspage.servicetoppart .latestprojects-tabs {
        width: 100%;
        float: left;
        display: flex;
        flex-wrap: wrap;
    }
    .progress-bar .step .bullet::after,
    .progress-bar .step .bullet::before {
        right: -200px;
        width: 198px;
    }
    .common-title h2 {
        font-size: 47px;
        line-height: 40px;
    }
    .productspage .latestprojects-tabs-placeholder .eyecare-img.bigimg {
        height: 525px;
    }
}
.press li {
    width: 20%;
    margin: 15px;
    text-align: center;
}
.press-sunglass li {
    width: 30%;
    margin: 0 15px;
    text-align: center;
}
@media (max-width: 960px) and (min-width: 501px) {
    .press li,
    .press-sunglass li {
        width: 40%;
    }
}
@media (max-width: 600px) {
    .press li,
    .press-sunglass li {
        width: 90%;
    }
}
:root {
    --color-3: #666;
}
.circle-inner,
.copyright {
    color: #fff;
    text-align: center;
}
.container-footer {
    max-width: 1110px;
    margin: 0 auto;
    position: relative;
    padding: 1rem;
}
.copyright {
    padding: 2rem 0 0;
    font-size: 12px;
    font-weight: 300;
    border-top: 1px solid var(--color-3);
}
.quote {
    position: relative;
    font-size: 23px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: 700;
    font-family: sans-serif;
}
.darkbackground {
    background-color: #ebf8fd !important;
}
.circlebox {
    background-color: #007bff;
    border-radius: 50%;
}
.circle-inner {
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    height: 50px;
    width: 50px;
    font-size: 23px;
}
.fa-2 {
    font-size: 1.5em !important;
}
.servicesbottom-text h1 {
    position: relative;
    font-size: 63px;
    line-height: 70px;
    letter-spacing: 0;
    color: #0b109f;
    margin-bottom: 20px !important;
    font-weight: 600;
}
.productstitle h1 {
    position: relative;
    font-size: 63px;
    line-height: 70px;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 20px !important;
    font-weight: 600;
}
.productstitle h2,
.servicesbottom-text h2 {
    position: relative;
    font-size: 48px;
    line-height: 70px;
    letter-spacing: 0;
    margin-bottom: 20px !important;
    font-weight: 600;
}
.productstitle h2 {
    color: #fff;
}
.servicesbottom-text h2 {
    color: #0b109f;
}
img {
    /* width: 1280px;
    height: 750px; */
    aspect-ratio: auto 1280 / 750;
  }
  img {
    max-width: 100%;
    height: auto;

  }