@font-face {
    font-family: 'Archivo';
    src: url('../fonts/Archivo-Light.woff') format('woff'), url('../fonts/Archivo-Light.ttf') format('truetype');
    font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Archivo';
    src: url('../fonts/Archivo-Regular.woff') format('woff'), url('../fonts/Archivo-Regular.ttf') format('truetype');
    font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Archivo';
    src: url('../fonts/Archivo-Medium.woff') format('woff'), url('../fonts/Archivo-Medium.ttf') format('truetype');
    font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Archivo';
    src: url('../fonts/Archivo-SemiBold.woff') format('woff'), url('../fonts/Archivo-SemiBold.ttf') format('truetype');
    font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Archivo';
    src: url('../fonts/Archivo-Bold.woff') format('woff'), url('../fonts/Archivo-Bold.ttf') format('truetype');
    font-weight: bold; font-style: normal; font-display: swap;
}


body { font-family: 'Archivo'; font-size: 18px; color: #1e1e1e; font-weight: 300; padding-top: 100px !important; overflow: hidden; overflow-y: auto; }
body, h1, h2, h3, h4, h5, h6, p, ul, li, table { margin: 0px; padding: 0px; list-style: none; }
/**, ::after, ::before { box-sizing: border-box; }*/
*{ margin: 0px; padding: 0px; }
[type="button"]:not(:disabled), button:not(:disabled) { outline: none; }


a { color: #000000; outline: none; -webkit-transition: all 400ms ease; -moz-transition: all ease 400ms; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; text-decoration: none; }
a:hover, a:focus { text-decoration: none; color: #000000; outline: none; }


.text-justify { text-align: justify; }
.capital { text-transform: capitalize !important; }
.upper { text-transform: uppercase !important; }

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


.light{ font-weight: 300; }
.normal{ font-weight: normal; }
.medium{ font-weight: 500; }
.sbold{ font-weight: 600; }
.bold{ font-weight: bold; }


p{ margin-bottom: 20px; }
p:last-child{ margin-bottom: 0px; }

/*---- Font Sizes ----*/
[class*="font-"] { line-height: 1.4; }

.font-14 { font-size: 14px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-22 { font-size: 22px !important; }
.font-26 { font-size: 26px !important; }
.font-40 { font-size: 40px !important; line-height: normal; }
.font-46 { font-size: 46px !important; line-height: normal; }

@media (max-width: 1399px) {
    .font-40 { font-size: 36px !important; }
    .font-46 { font-size: 40px !important; }
}
@media (max-width: 1199px) {
    .font-18 { font-size: 16px !important; }
    .font-20 { font-size: 18px !important; }
    .font-22 { font-size: 20px !important; }
    .font-26 { font-size: 24px !important; }
    .font-40 { font-size: 36px !important; }
    .font-46 { font-size: 40px !important; }
}
@media (max-width: 991px) {}
@media (max-width: 767px) {
    .font-26 { font-size: 22px !important; }
    .font-40 { font-size: 28px !important; }
    .font-46 { font-size: 32px !important; }
}
@media (max-width: 575px) {}
/*---- Font Sizes End ----*/


.lineH{ line-height: normal !important; }
.lineH-unset{ line-height: unset !important; }

.white{ color: #ffffff !important; }
.black{ color: #1e1e1e !important; }
.sblue{ color: #227fb0 !important; }
.blue { color: #0b3f5b !important; }

.whitebg { background-color: #ffffff !important; }
.graybg { background-color: #f5f5f5 !important; }
.sbluebg{ background-color: #227fb0 !important; }
.bluebg { background-color: #0b3f5b !important; }


.row30 { margin-left: -30px; margin-right: -30px; }
.row30 > [class*="col-"] { padding-left: 30px; padding-right: 30px; }

.link1{ text-decoration: none; }
.link1:hover, .link1:focus { text-decoration: underline; }

.btn{ -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; text-decoration: none; }
.btn:focus { box-shadow: none; }

.btn1{
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #227fb0, #d62eef) border-box; border-radius: 30px; border: 3px solid transparent;
    color: #227fb0; font-size: 18px; font-weight: bold; padding-inline: 25px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; min-width: 180px; min-height: 50px;
}
.btn1 i{ padding-left: 5px; color: #d62eef; transition: all 300ms ease-in-out; position: relative; top: 1px; }
.btn1:hover { /*background: linear-gradient(transparent, transparent) padding-box, linear-gradient(to right, #227fb0, #d62eef) border-box;*/ color: #0b3f5b; }
.btn1:hover i{ color: #0b3f5b; }

.btn2 { background-color: #145477; border: solid 2px transparent; padding-inline: 25px; border-radius: 40px; color: #ffffff; font-size: 18px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; /*min-width: 180px;*/ min-height: 44px; }
.btn2:hover, .btn2:focus { background-color: #eeeeee; color: #1e1e1e; border: solid 2px #dddddd; }

.btn3 { background-color: #ffffff; border: solid 2px transparent; padding-inline: 25px; border-radius: 40px; color: #0b3f5b; font-size: 18px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; /*min-width: 180px;*/ min-height: 44px; }
.btn3:hover, .btn3:focus { background-color: #eeeeee; color: #1e1e1e; border: solid 2px #dddddd; }

.btnsm{ min-height: 40px !important; padding-inline: 15px; font-size: 14px; }

@media (max-width: 1399px) {
    .btn1{ font-size: 16px; padding-inline: 25px; min-height: 50px; }
    .btn2{ font-size: 16px; padding-inline: 20px; min-height: 40px; }
}
@media (max-width: 767px) {
    .btn1 { font-size: 14px; padding-inline: 20px; min-height: 44px; border: 2px solid transparent; min-width: unset; }
    .btn1 i{ top: 0px; }
    .btn2{ font-size: 14px; padding-inline: 20px; min-height: 44px; min-width: unset; }
}


/*---- Footer Start ----*/
.footer{ background-color: #1e1e1e; padding-top: 60px; padding-bottom: 20px; font-size: 16px; }
.ft-logo{ display: inline-block; max-width: 207px; text-align: center; padding-bottom: 25px; }
.ft-logo img{  }

.footer-title{ font-size: 22px; font-weight: bold; padding-bottom: 12px; }
.ftsocial{ font-size: 18px; color: #ffffff !important; line-height: 1; width: 40px; height: 40px; border-radius: 40px; background-color: #414141; margin: 20px 8px 0px 0px; display: inline-flex; align-items: center; justify-content: center; }
.ftsocial:hover{ background-color: #626262; }

ul.ft-nav{  }
ul.ft-nav li{ padding-bottom: 22px; line-height: normal; }
ul.ft-nav li:last-child{ padding-bottom: 0px; }
ul.ft-nav li a{ color: #ffffff; }
ul.ft-nav li a:hover{ color: rgba(255, 255, 255, 0.5); }

.copyright{ padding-top: 20px; border-top: solid 1px rgba(255,255,255,0.3); margin-top: 60px; }

@media (max-width: 1199px) {
    .footer{ padding-top: 50px; }
    .copyright{ margin-top: 40px; }
}
@media (max-width: 991px) {  
    .footer{ padding-top: 30px; }
    .ft-logo{ max-width: 180px; }
    .ftsocial{ margin: 5px 8px 0px 0px; }
    .copyright { margin-top: 20px; }
}
@media (max-width: 767px) {  
    .footer{ text-align: center; padding-top: 20px; }
    .ft-logo{ margin-inline: auto; }
    .ftsocial{ margin: 15px 8px 0px 0px; }
    .copyright { margin-top: 10px; }
}
/*---- Footer End ----*/

/*---- Move Top Start ----*/
#move-top { width: 40px; height: 40px; border: solid 2px #b6bcbf; border-radius: 50%; font-size: 20px; color: #b6bcbf; display: flex; align-items: center; justify-content: center; position: fixed; bottom: 30px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#move-top.show { cursor: pointer; opacity: .4; visibility: visible; }
#move-top.show:hover { opacity: 1; visibility: visible; }
@media (max-width: 575px) {
    #move-top { width: 36px; height: 36px; bottom: 20px; right: 20px; font-size: 18px; }
}
/*-- Move Top End --*/


/*---- Animation Class ----*/
.fade-up { opacity: 0; transform: translateY(150px); }
.fade-down { opacity: 0; transform: translateY(-150px); }
.fade-ltr { opacity: 0; transform: translateX(-150px); }
.fade-rtl { opacity: 0; transform: translateX(150px); }
.fade-in { opacity: 0; }
/*---- Animation Class End ----*/


/*---- Title Start ----*/
.title-one{ padding-bottom: 60px; }
.title-one-small{ font-size: 14px; letter-spacing: 0.5px; padding-bottom: 15px; text-transform: uppercase; }
@media (max-width: 991px) {  
    .title-one { padding-bottom: 40px; }
}
@media (max-width: 767px) {  
    .title-one { padding-bottom: 30px; }
}
@media (max-width: 575px) {  }
/*---- Title End ----*/


/*---- Index Page ----*/
/*Main Part Start*/
.main-part{ position: relative; padding: 80px 0px 150px; }
.patients-first-thumb{ margin-top: -35px; }

.gradient-box { background: linear-gradient(white, white) padding-box, linear-gradient(135deg, #227fb0, #d62eef) border-box; border-radius: 24px; border: 4px solid transparent; padding: 60px 60px 90px 60px; }
.gradient-box-btn{ position: absolute; left: 0px; right: 0px; bottom: -27px; margin-inline: auto; text-align: center; }

@media (max-width: 1399px) {
    .gradient-box{ padding: 50px 50px 80px 50px; }
    .gradient-box-btn{ bottom: -25px; }
}
@media (max-width: 1199px) {  
    .main-part{ padding: 80px 0px 100px; }
}
@media (max-width: 991px) {
    .gradient-box{ padding: 40px 40px 70px 40px; }
    .gradient-box-btn{ bottom: -25px; }
}
@media (max-width: 767px) {  
    .main-part{ padding: 50px 0px 100px; text-align: center; }
    .patients-first-thumb{ margin-top: 0px; padding-top: 30px; }

    .gradient-box { padding: 40px; text-align: center; }
    .gradient-box-btn{ position: unset; padding-top: 40px; }

}
@media (max-width: 575px) {  
    .main-part { padding: 40px 0px 60px; }
    .gradient-box{ padding: 25px 15px; border-radius: 16px; }
    .gradient-box-btn{ position: unset; padding-top: 25px; }
}
/*End*/


/*---- Index Page End ----*/

ul.point-one{ padding-top: 15px; }
ul.point-one li{ margin-bottom: 15px; position: relative; padding-left: 26px; line-height: normal; transition: all 250ms; }
ul.point-one li:hover{ padding-left: 22px; }
ul.point-one li:last-child { margin-bottom: 0px; }
ul.point-one li:before { content: "\f138"; font-family: 'Font Awesome 6 Free'; font-size: 14px; font-weight: bold; position: absolute; left: 0px; top: 2px; line-height: 1; }



.space-70{ padding-block: 70px; }
.space-100{ padding-block: 100px; }
.space-120{ padding-block: 120px; }
@media (max-width: 1399px) {  
    .space-70{ padding-block: 60px; }
    .space-100{ padding-block: 80px; }
    .space-120{ padding-block: 100px; }
}
@media (max-width: 1199px) {  
    .space-70{ padding-block: 50px; }
    .space-100{ padding-block: 60px; }
    .space-120{ padding-block: 80px; }
}
@media (max-width: 991px) {
    .space-70{ padding-block: 40px; }
    .space-100{ padding-block: 50px; }
    .space-120{ padding-block: 60px; }
}
@media (max-width: 575px) {
    .space-70{ padding-block: 30px; }
    .space-100{ padding-block: 30px; }
    .space-120{ padding-block: 40px; }
}

/*.radius-10{ border-radius: 10px !important; }*/
.radius-20{ border-radius: 20px; }

.imageoverly{ overflow: hidden; }
.imageoverly img{ object-fit: cover; width: 100%; height: auto; transition: all 450ms; }
.imageoverly:hover img{ transform: scale(1.1); }
@media (max-width: 575px) {
    .radius-20{ border-radius: 14px; }
}


/*---- Form Start ----*/
.formOne{  }
.formOne .row { margin-left: -8px; margin-right: -8px; }
.formOne .row > [class*="col-"] { padding-left: 8px; padding-right: 8px; }
.formOne .form-group{ margin-bottom: 18px; }
.formOne .form-label{ margin-bottom: 12px; width: 100%; font-weight: 500; line-height: 1; }
.formOne .form-input{ border-radius: 5px; border-width: 0px; font-style: normal; font-size: 15px; min-height: 42px; }
.formOne .form-input:focus{ border-color: #227fb0; }
.formOne .form-input::placeholder{  }
.formOne select.form-input{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23227fb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 16px 16px; padding-right: 38px; }
.formOne .radiobox{ border: solid 1px #ffffff; border-radius: 30px; padding-left: 36px; padding-right: 15px; padding-block: 4px; margin-right: 6px; background-color: #ffffff; color: #000000; }
.formOne .radiobox .form-check-input:checked{ background-color: #227fb0; border-color: #227fb0; }
.formOne .radiobox .form-check-input:focus{ box-shadow: unset; }
.form-sepratebox{ background-color: rgba(0,0,0,0.3); border: solid 1px rgba(255,255,255,0.3); border-radius: 10px; }
.form-sepratebox.border{ background-color: transparent; border: solid 1px rgba(255,255,255,0.3) !important; }

/*Custome Radio Button*/
.choose-pharmacy{  }
.choose-pharmacy .form-check{ margin: 0px 0px 12px 0px; padding: 0px; position: relative; }
.choose-pharmacy .form-check label{ width: 100%; height: 100%; display: flex !important; /*align-items: center; justify-content: center;*/ flex-direction: column; padding: 6px 10px 6px 40px; border: 0px; border-radius: 5px; font-size: 14px; cursor: pointer; background-color: #ffffff; color: #000000; }
.choose-pharmacy .form-check .form-check-input{ float: none; margin: 0px; position: absolute; top: 10px; left: 18px; cursor: pointer; width: 22px; height: 22px; background-color: #eeeeee; border: solid 1px #145477; border-radius: 4px; }
.choose-pharmacy .form-check .form-check-input:focus { box-shadow: unset; }
.choose-pharmacy .form-check .form-check-input:checked { background-color: #227fb0; border-color: #00367d; }
.choose-pharmacy .form-check .form-check-input:checked[type="radio"]{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='unset' stroke-linejoin='unset' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }
/*Custome Radio Button End*/


.alert-msg{ border-radius: 40px; padding: 15px 20px; line-height: normal; margin-top: 15px; }
.success-msg{ background-color: #10ac84 !important; color: #ffffff !important; }

.formOne label.error{ font-size: 14px; color: #ff5353; }
/*---- Form End ----*/

/*---- Popup Start ----*/
.custom-modal{  }
.custom-modal .modal-dialog{ max-width: 700px; }
.custom-modal .modal-header{ padding-inline: 20px; border-bottom: 0px; padding-top: 20px; padding-bottom: 5px; }
.custom-modal .btn-close{ background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; opacity: 1; }
.custom-modal .modal-content{ border-radius: 20px; background-color: #145477; color: #ffffff; }
.custom-modal .modal-body{ padding: 20px; }
/*---- Popup End ----*/


/*---- Prescription Delivery ----*/

.justify-all{ text-align: justify; text-justify: inter-word; letter-spacing: -.011em; hyphens: unset; }
.justify-centered{ text-align: justify; text-align-last: center; }
.spacing{ letter-spacing: -.011em; }


.gradient-1{ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(241,241,241,1) 50%, rgba(255,255,255,0) 100%); }

ul.point-two{  }
ul.point-two li{ margin-bottom: 10px; position: relative; padding-left: 23px; line-height: normal; transition: all 250ms; }
ul.point-two li:last-child { margin-bottom: 0px; }
ul.point-two li:before { content: "\f111"; font-family: 'Font Awesome 6 Free'; font-size: 8px; font-weight: bold; position: absolute; left: 0px; top: 6px; line-height: 1; }

.banner-inner{ padding-block: 100px; }
@media (max-width: 1399px) {
    .banner-inner{ padding: 80px 0px 100px; }
}
@media (max-width: 1199px) {
    .banner-inner{ padding: 60px 0px 80px; }
}
@media (max-width: 991px) {
    .banner-inner{ padding: 40px 0px 70px; }
}
@media (max-width: 767px) {
    .banner-inner{ text-align: center; }
    .banner-inner .justify-all{ text-align: center; }
}
@media (max-width: 575px) {
    .banner-inner{ padding: 30px 0px 60px; }
}


.prescription-list-main{  }
.prescription-list{ display: flex; align-items: center; padding-bottom: 150px; position: relative; }
.prescription-list:before { content: ""; background-image: url(../images/prescription-dot-line1.png); background-repeat: no-repeat; background-size: contain; background-position: center bottom; position: absolute; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 152px; }
.prescription-list-thumb{ flex-shrink: 0 !important; width: 50%; padding-inline: 25px; position: relative; z-index: 1; }
.prescription-list-thumb img{ margin-block: -20px; }
.prescription-list-body{ flex-grow: 1 !important; font-size: 18px; width: 50%; padding-inline: 60px; }
.prescription-list-body p {  }
.prescription-list:first-child { padding-top: 135px; }
.prescription-list:first-child:after { content: ""; background-image: url(../images/prescription-dot-line.png); background-repeat: no-repeat; background-size: contain; background-position: 360px top; position: absolute; left: 0px; right: 0px; top: 0px; width: 100%; height: 135px; }
.prescription-list:last-child{ padding-bottom: 0px !important; }
.prescription-list:last-child:before{ background: unset !important; }
.prescription-list:nth-child(even){ flex-direction: row-reverse; }
.prescription-list:nth-child(even):before{ background-image: url(../images/prescription-dot-line2.png); }
@media (max-width: 1399px) {
    .prescription-list { padding-bottom: 130px; }
}
@media (max-width: 1199px) {
    .prescription-list-main{ max-width: 990px; margin-inline: auto; }
    .prescription-list{ padding-bottom: 120px; }
    .prescription-list:before{ height: 120px; }
    .prescription-list:first-child { padding-top: 70px; }
    .prescription-list:first-child:after{ height: 100px; background-position: 320px top; }
    .prescription-list-body{ padding-inline: 40px; }
}
@media (max-width: 991px) {
    .prescription-list-main{ max-width: 768px; }
    .prescription-list{ padding-bottom: 100px; }
    .prescription-list:before{ height: 100px; }
    .prescription-list:first-child { padding-top: 70px; }
    .prescription-list:first-child:after{ height: 80px; background-position: 250px top; }
    .prescription-list-thumb{ padding-inline: 15px; }
    .prescription-list-body{ padding-inline: 20px; }
    .prescription-list-body br{ display: none; }
    .prescription-list-thumb img { margin-block: -10px; }
}
@media (max-width: 767px) {
    .prescription-list-main{ max-width: 480px; }
    .prescription-list:before, .prescription-list:after, .prescription-list:first-child:after{ content: unset; background: unset; }
    .prescription-list{ display: block; margin-bottom: 20px; padding: 20px 0px !important; }
    .prescription-list-thumb{ width: 100%; padding: 0px !important; max-width: 400px; margin-inline: auto; }
    .prescription-list-body{ width: 100%; padding: 30px 0px 0px 0px !important; }
}


.seprate-contain{ background: linear-gradient(to right,  rgba(34,127,176,1) 0%,rgba(214,46,239,1) 100%); color: #ffffff; border-radius: 20px; padding: 55px 80px; margin-block: 90px; display: flex; align-items: center; }
.seprate-contain-body{ flex-grow: 1 !important; max-width: 950px; padding-right: 30px; }
@media (max-width: 1399px) {
    .seprate-contain{ padding: 45px 60px; }
}
@media (max-width: 1199px) {
    .seprate-contain{ margin-block: 70px; }
}
@media (max-width: 991px) {
    .seprate-contain{ margin-block: 50px; display: block; padding: 40px; }
    .seprate-contain-body{ padding: 0px 0px 20px 0px; }
    .seprate-contain-body p{ text-align: justify; text-justify: inter-word; letter-spacing: -.011em; }
}
@media (max-width: 767px) {
    .seprate-contain{ padding: 35px; margin-block: 40px; }
}
@media (max-width: 575px) {
    .seprate-contain{ padding: 25px; }
}


/*-- FAQs --*/
.faq-container{ max-width: 1114px; padding-inline: 20px; margin-inline: auto; }

.faqs-accordion{  }
.faqs-accordion .accordion-header{ position: relative; }
.faqs-accordion .accordion-collapse{ position: relative; }

.faqs-accordion .accordion-button { padding: 18px 18px 18px 30px; background: transparent !important; border-radius: 10px !important; box-shadow: unset !important; color: #1e1e1e; }
.faqs-accordion .accordion-button:not(.collapsed) { color: #227fb0; }
.faqs-accordion .accordion-button.collapsed { background-color: #ffffff !important; }

.faqs-accordion .accordion-button:focus { box-shadow: unset !important; border: 0px; }
.faqs-accordion .accordion-button::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E"); transition: all 0.5s; }
.faqs-accordion .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E"); }
.faqs-accordion .accordion-button:after { transition: all 0.5s; width: 32px; height: 32px; background-size: 32px; }
.faqs-accordion .accordion-item{ border-radius: 12px !important; border: 2px transparent !important; position: relative; margin-bottom: 20px; 
    background-color: transparent; overflow: hidden; padding: 2px;
}
.faqs-accordion .accordion-item:before{ 
    content: ""; display: block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 12px; border: 2px solid transparent;
    background: linear-gradient(45deg,#227fb0,#d62eef) border-box; /*3*/
    mask: /*4*/
        linear-gradient(#000 0 0) padding-box, 
        linear-gradient(#000 0 0);
    mask-composite: exclude; /*5*/    
}
.faqs-accordion .accordion-item:last-child{ margin-bottom: 0px; }
.faqs-accordion .accordion-body{ padding: 0px 32px 32px 32px; }
.faqs-accordion .accordion-body p { text-align: justify; text-justify: inter-word; hyphens: unset; }
@media (max-width: 991px) {
    .faqs-accordion .accordion-button{ padding: 15px 15px 15px 25px; }
    .faqs-accordion .accordion-body{ padding: 0px 25px 25px 25px; }
}
@media (max-width: 575px) {
    .faqs-accordion .accordion-item{ margin-bottom: 15px; }
    .faqs-accordion .accordion-button{ padding: 15px 15px 15px 20px; }
    .faqs-accordion .accordion-body{ padding: 0px 20px 20px 20px; }    
}
/*-- FAQs End --*/

/*---- Prescription Delivery End ----*/


/*---- Blood Pressure Management ----*/

.what-is-blood-pressure{ margin-top: -30px; }

.box-gradientBorder{ background-color: #f8f8f8; border-radius: 16px; padding: 45px 38px; position: relative; overflow: hidden; height: 100%; }
.box-gradientBorder *{ position: relative; }
.box-gradientBorder:before{ content: ""; display: block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 16px; border: 2px solid transparent;
    background: linear-gradient(135deg,#227fb0,#d62eef) border-box; /*3*/
    mask: /*4*/
        linear-gradient(#000 0 0) padding-box, 
        linear-gradient(#000 0 0);
    mask-composite: exclude; /*5*/    
}
.box-gradientBorder-icon{ display: flex; align-items: center; justify-content: center; min-height: 90px; margin-bottom: 30px; }

.datathumb-box{ position: absolute; z-index: 1; max-width: 618px; border-radius: 20px; background-color: #227fb0; color: #ffffff; padding: 50px 60px; }
.datathumb-image{ text-align: right; }
.datathumb-image img{ border-radius: 20px; width: 100%; }

ul.point-three{ padding-bottom: 25px; }
ul.point-three li{ margin-bottom: 10px; position: relative; padding-left: 25px; transition: all 250ms; }
ul.point-three li:last-child { margin-bottom: 0px; }
ul.point-three li:before { content: "\f35a"; font-family: 'Font Awesome 6 Free'; font-size: 16px; font-weight: bold; position: absolute; left: 0px; top: 6px; line-height: 1; }

@media (max-width: 1199px) {
    .box-gradientBorder{ padding: 40px 30px; }
    .datathumb-box{ max-width: 470px; padding: 30px 40px; }
}
@media (max-width: 991px) {
    .datathumb-box{ position: unset; max-width: unset; width: 100%; border-radius: 0px 0px 20px 20px; }
    .datathumb-image img { border-radius: 20px 20px 0px 0px; }
}
@media (max-width: 767px) {
    .what-is-blood-pressure { margin-top: -15px; }
    .datathumb-box{ padding: 30px; }
}
@media (max-width: 575px) {
    .box-gradientBorder { padding: 30px 25px; }
    ul.point-three { padding-left: 5px; }
    .datathumb-box { padding: 20px; }
}

/*---- Blood Pressure Management End ----*/


/*---- Smoking Cessation ----*/

.seprate-thumb{ margin-right: 20px; }
.seprate-thumb img{ max-width: 510px; width: 100%; border-radius: 16px; object-fit: cover; }

.seprate-440-thumb{  }
.seprate-440-thumb img{ max-width: 440px; width: 100%; border-radius: 16px; object-fit: cover; }

.list-blue-box{ border-radius: 6px; background-color: #227fb0; padding: 22px 23px; height: 100%; }

@media (max-width: 767px) {
    .seprate-thumb{ margin-inline: auto; text-align: center; }
    .seprate-thumb img{ max-width: 100%; }

    .seprate-440-thumb{ margin-inline: auto; text-align: center; }
    .seprate-440-thumb img{ max-width: 100%; }

    .list-blue-box{ padding: 18px; }
}
/*---- Smoking Cessation End ----*/

/*---- Diabetes Care ----*/

.box-doted-icon-media{ display: flex; background-color: #0b3f5b; border-radius: 16px; padding: 30px 35px 30px 0px; color: #ffffff; border: solid 2px #ffffff; height: 100%; }
.box-doted-icon{ flex-shrink: 0 !important; width: 115px; margin-inline: auto; padding-inline: 15px; padding-top: 7px; text-align: center; }
.box-doted-icon img{ max-width: 60px;  }
.box-doted-icon-body{ flex-grow: 1 !important; font-weight: normal; }

.text-gradient{ background: linear-gradient(to right, #227FB0 0%, #D62EEF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }

.card-box{ border-radius: 10px; position: relative; overflow: hidden; font-weight: normal; padding: 2px; height: 100%; }
.card-box *{ position: relative; }
.card-box:before{ content: ""; display: block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 16px; border: 2px solid transparent; background: linear-gradient(135deg,#227fb0,#d62eef) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; }
.card-box-thumb{ height: 250px; border-radius: 14px 14px 0px 0px; overflow: hidden; }
.card-box-thumb img{ width: 100%; height: 100%; object-fit: cover; }
.card-box-data{ padding: 28px 31px 31px; }
@media (max-width: 1199px) {
    .card-box-data{ padding: 25px; }
}
@media (max-width: 767px) {
    .card-box{ width: 100%; max-width: 400px; margin-inline: auto; }
}
@media (max-width: 575px) {
    .box-doted-icon-media{ display: block; padding: 30px; }
    .box-doted-icon{ padding: 0px; margin-bottom: 25px; }
}

/*---- Diabetes Care End ----*/

/*---- About Us ----*/

.white-box{ background-color: #ffffff; padding: 40px 50px; border-radius: 16px; }
.box-padding-50{ padding: 50px; border-radius: 16px; }
.box-padding-30{ padding: 50px 30px 30px 30px; border-radius: 16px; }

.icon-box{ background-color: #ffffff; padding: 25px 20px; border-radius: 16px; text-align: center; height: 100%; }
.icon-box-icon{ height: 110px; display: flex; align-items: center; justify-content: center; margin-inline: auto; margin-bottom: 20px; }

.thumb-data{ max-width: 1065px; margin-inline: auto; }
.thumb-data-list{ display: flex; align-items: center; margin-bottom: 78px; overflow: hidden; }
.thumb-data-list:last-child{ margin-bottom: 0px; }
.thumb-data-image{ flex-shrink: 0 !important; text-align: center; width: 460px; /*max-width: 460px;*/ margin-right: 115px; }
.thumb-data-image img{ border-radius: 20px; }
.thumb-data-body{ flex-grow: 1 !important; /*max-width: 490px;*/ }
.thumb-data-list:nth-child(even){ flex-direction: row-reverse !important; }
.thumb-data-list:nth-child(even) .thumb-data-image{ margin-left: 115px; margin-right: 0px; }
@media (max-width: 1199px) {
    .thumb-data-image{ margin-right: 60px; }
    .thumb-data-list:nth-child(even) .thumb-data-image{ margin-left: 60px; }
}
@media (max-width: 991px) {
    .thumb-data-list{ align-items: flex-start; }
    .thumb-data-image{ margin-right: 40px; }
    .thumb-data-list:nth-child(even) .thumb-data-image{ margin-left: 40px; }
    .thumb-data-image, .thumb-data-body{ width: 50%; }
}
@media (max-width: 767px) {
    .thumb-data-list { display: block; }
    .thumb-data-image, .thumb-data-body { width: 100%; }
    .thumb-data-image img{ width: 100%; }
    .thumb-data-image, .thumb-data-list:nth-child(even) .thumb-data-image { margin: 0px 0px 30px 0px; }
    
    .box-padding-50 { padding: 30px; }
    .box-padding-30{ padding: 30px; }
}
@media (max-width: 575px) {
    .thumb-data-list{ margin-bottom: 50px; }

    .box-padding-50 { padding: 20px; }
    .box-padding-30{ padding: 20px; }
}



.steps-boxs{ padding: 35px 25px; }
.whitebox-number{ background-color: #ffffff; width: 65px; height: 65px; border-radius: 10px; font-size: 26px; font-weight: bold; color: #0b3f5b; display: flex; align-items: center; justify-content: center; margin: 0px auto 25px; }


.box-alternate{  }
.box-alternate-icon-media{ display: flex; background-color: #0b3f5b; border-radius: 16px; padding: 30px 35px 30px 0px; color: #ffffff; height: 100%; }
.box-alternate-icon{ flex-shrink: 0 !important; width: 100px; margin-inline: auto; padding: 5px 10px 0px 15px; text-align: center; }
.box-alternate-icon img{ max-width: 60px;  }
.box-alternate-icon-body{ flex-grow: 1 !important; }
@media (min-width: 992px) { 
    .box-alternate-icon-media.lightbg{ background-color: #227fb0; } 
}
@media (max-width: 991px) {
    .box-alternate > [class*="col-"]:nth-child(even) .box-alternate-icon-media{ background-color: #227fb0 !important; }
}
@media (max-width: 767px) {
    .white-box{ padding: 30px 40px; }
    .box-alternate-icon-body { text-align: center; }
    .box-alternate-icon-body p{ text-align: center; }
}
@media (max-width: 575px) {
    .white-box{ padding: 30px; }
    .box-alternate-icon-media{ display: block; padding: 30px; }
    .box-alternate-icon{ padding: 0px; margin-bottom: 25px; }
}

/*---- About Us End ----*/


/*---- Blister Packing ----*/
ul.point-four{ }
ul.point-four li{ position: relative; padding: 18px 25px 18px 50px; border-radius: 16px; border: solid 1px #dddddd; margin-bottom: 12px; }
ul.point-four li:last-child { margin-bottom: 0px; }
ul.point-four li:before { content: "\f35a"; font-family: 'Font Awesome 6 Free'; font-size: 16px; font-weight: bold; position: absolute; left: 20px; line-height: 1; margin-top: 5px; }


.gradientbg{ background: linear-gradient(135deg, #227fb0 40%, #d62eef 100%); }

.blister-packingbg{ background-image: url(../images/blister-packingbg.png); background-repeat: no-repeat; background-position: right bottom; }
/*---- Blister Packing End ----*/


/*---- Online Doctors ----*/
.howitwork-media{ display: flex; background-color: #2f8bbc; border-radius: 16px; padding: 18px 30px; margin-bottom: 10px; }
.howitwork-media:last-child { margin-bottom: 0px; }
.howitwork-media-icon{ flex-shrink: 0 !important; margin-top: 3px; margin-right: 18px; width: 38px; }
.howitwork-media-body{ flex-grow: 1 !important; line-height: 1.2; }
@media (max-width: 575px) {
    .howitwork-media{ padding: 18px 20px; }
    .howitwork-media-icon{ margin-right: 12px; }
}
/*---- Online Doctors End ----*/


/*---- Immunization / Injection ----*/
.benefits-media{ display: flex; background-color: #f5f5f5; border-radius: 16px; padding: 25px 40px; margin-bottom: 20px; }
.benefits-media:last-child { margin-bottom: 0px; }
.benefits-media-icon{ flex-shrink: 0 !important; margin-top: 3px; margin-right: 25px; width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #227fb0; }
.benefits-media-body{ flex-grow: 1 !important; line-height: 1.2; }
@media (max-width: 767px) {
    .benefits-media{ padding: 25px 30px; }
    .benefits-media-icon{ margin-right: 20px; }
}
@media (max-width: 575px) {
    .benefits-media{ display: block; padding: 25px; }
    .benefits-media-icon{ margin: 0px 0px 20px 0px; }
}
/*---- Immunization / Injection End ----*/


/*---- Contact Us ----*/
.contact-seprator{  }
.contact-seprator > {  }
.contact-seprator > [class*='col-'] { position: relative; }
.contact-seprator > [class*='col-']:not(:first-child):after { background: #ffffff; width: 2px; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; max-height: 350px; }

.phone-fax-main{ max-width: 300px; margin-inline: auto; padding-bottom: 30px; }

.contact-btn { font-size: 16px; font-weight: normal; margin: 0px 5px; background-color: #eeeeee; color: #227fb0; padding-inline: 18px; border: 0px !important; }
.facebook-btn{ background-color: #3b6ba8 !important; color: #ffffff !important; }

.contact-map{ margin-top: 100px; }
.contact-wrapper{ position: relative; }
.contact-wrapper:before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; min-height: 320px; background-color: #227fb0; }
.contact-thumb{ height: 100%; }
.contact-thumb img{ width: 100%; height: 100%; object-fit: cover; }

.contact-form{ border-radius: 16px; overflow: hidden; position: relative; }
.contact-form .form-lg{ padding: 50px 70px; }

.form-lg{  }
.form-lg .row { margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }
.form-lg .row > [class*="col-"] { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-bottom: 24px; }
.form-lg .form-input{ min-height: 50px; font-size: 16px; padding-inline: 20px; border: solid 1px #dddddd !important; }

@media (max-width: 1399px) {
    .contact-form .form-lg { padding: 50px 50px; }
}
@media (max-width: 1199px) {
    .contact-wrapper:before { min-height: 250px; }    
}
@media (max-width: 991px) {
    .contact-btn{ margin-block: 8px; }
    .contact-map { margin-top: 60px; }
    .contact-form .form-lg { padding: 40px; }
    .form-lg .row > [class*="col-"] { margin-bottom: 15px; }
}
@media (max-width: 767px) {
    .contact-seprator > [class*='col-']:not(:first-child):after { width: auto; content: ""; top: -25px; left: 20px; right: 20px; max-height: 2px; }
    .contact-map { margin-top: 50px; }
    .phone-fax-main{ padding-bottom: 20px; }
}
@media (max-width: 575px) {
    .contact-map { margin-top: 25px; margin-bottom: 15px; }
    .contact-form .form-lg { padding: 30px 20px; }
}
/*---- Contact Us End ----*/


/*---- Privacy Policy, Patient Responsibilities, DEI ----*/
.privacy-group{ margin-bottom: 25px; background-color: #f5f5f5; padding: 30px 40px; border-radius: 16px; }
.privacy-group:last-child{ margin-bottom: 0px; }

ul.point-four.check li:before { content: "\f058"; color: #227fb0; font-size: 18px; }
@media (max-width: 575px) {
    .privacy-group{ background-color: transparent; border-radius: 0px; border-bottom: solid 2px #eeeeee; padding: 0px 0px 30px 0px; margin-bottom: 30px; }
    .privacy-group:last-child { border-bottom: 0px; padding-bottom: 20px; margin-bottom: 0px; }
}
/*---- Privacy Policy, Patient Responsibilities, DEI End ----*/

/*---- Prescription Transfer ----*/
.why-prescription-transfer-image{ margin-top: -40px; text-align: center; }
.why-prescription-transfer-image img{ max-width: 360px; }

@media (max-width: 767px) {
    .why-prescription-transfer-image { margin-top: 0px; }
    .why-prescription-transfer-image img{ max-width: 100%; }
}
/*---- Prescription Transfer End ----*/


/*---- Minor illness assessment Start ----*/
.number-list{ display: flex; border: solid 2px #ffffff; overflow: hidden; border-radius: 8px; height: 100%; background-color: #0b3f5b; }
.number-list-count{ flex-shrink: 0 !important; width: 60px; aspect-ratio: 1; background-color: #ffffff; display: flex; align-items: center; justify-content: center; font-weight: 600; }
.number-list-body{ flex-grow: 1 !important; color: #ffffff; font-weight: 500; display: flex; align-items: center; padding: 10px 15px; line-height: 1.3; }
/*---- Minor illness assessment End ----*/


/*---- Heart Health Start ----*/
.hearthealth-helpyou{ position: relative; }
.hearthealth-helpyou:before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; min-height: 300px; background-color: #227fb0; }

.box-shadow{ box-shadow: 0px 8px 10px rgba(0,0,0,0.2); }

@media (max-width: 991px) {
    .hearthealth-helpyou:before { min-height: 200px; }
}
@media (max-width: 767px) {
    .hearthealth-helpyou:before { min-height: 150px; }
}
@media (max-width: 575px) {
    .hearthealth-helpyou:before { min-height: 80px; }
}
/*---- Heart Health End ----*/


/*---- 404 Start ----*/
.pagenotfound{ text-align: center; }
.pagenotfound h2{ font-size: 250px; line-height: 1; /*text-shadow: 0px 0px 10px rgba(255,255,255,0.8);*/ }

@media (max-width: 1199px) {
    .pagenotfound h2{ font-size: 230px; }
}
@media (max-width: 991px) {
    .pagenotfound h2{ font-size: 200px; }
}
@media (max-width: 767px) {
    .pagenotfound h2{ font-size: 180px; }
}
@media (max-width: 575px) {
    .pagenotfound h2{ font-size: 130px; }
}
/*---- 404 End ----*/


/*---- Thank You Start ----*/
.thankyou{ text-align: center; }
.thankyou-icon{ font-size: 80px; padding-bottom: 15px; }
.green{ color: #26b57a !important; }
@media (max-width: 575px) {
    .thankyou-icon{ font-size: 60px; padding-bottom: 10px; }
}
/*---- Thank You End ----*/



ul.point-five{  }
ul.point-five li{ margin-bottom: 8px; position: relative; padding: 15px 15px 15px 38px; line-height: normal; transition: all 250ms; border-radius: 12px; border: solid 1px #dddddd; }
ul.point-five li:last-child { margin-bottom: 0px; }
ul.point-five li:before { content: "\f111"; font-family: 'Font Awesome 6 Free'; font-size: 8px; font-weight: bold; position: absolute; left: 20px; top: 20px; line-height: 1; color: #227fb0; }



/*
.light{ font-weight: 300; }
.normal{ font-weight: normal; }
.medium{ font-weight: 500; }
.sbold{ font-weight: 600; }
.bold{ font-weight: bold; }
*/


/*---------------- Responsive ----------------*/


.container { max-width: 1500px; padding-inline: 30px; }
.container-sm { max-width: 1234px; padding-inline: 30px; margin-inline: auto; }
/*@media (max-width: 991px) {
    .container, .container-sm { padding-inline: 20px; }
}*/
@media (max-width: 575px) {
    .container, .container-sm{ padding-inline: 15px; }
}

@media (min-width: 992px) {
    /*---- Header Start ----*/
    .header{ }
    .header .navbar{ background-color: #0b3f5b; }
    .header.fixed .navbar { /*background-color: #ffffff;*/ /*box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);*/ }

    .main-navigation{ align-items: center; height: 100%; }
    .header .container{ /*padding-inline: 50px;*/ min-height: 100px; /*align-items: unset; justify-content: unset;*/ transition: all 250ms ease; }
    .header.fixed .container { min-height: 80px; }
    .header .navbar-brand{ max-width: 150px; margin-right: 30px; }

    .main-navigation .nav-item { margin-inline: 5px; }
    .main-navigation .nav-item .nav-link{ font-size: 17px; font-weight: 300; color: #ffffff; padding-block: 20px; position: relative; }
    .main-navigation .nav-item .nav-link:hover, .main-navigation .nav-item .nav-link:focus { color: #227fb0; }
    .main-navigation .nav-item .nav-link.active { color: #227fb0; }

    /*Dropdown*/
    .main-navigation .nav-item.dropdown .dropdown-toggle:after { 
        /*content: "\f078"; font-family: 'Font Awesome 6 Free'; border: 0px; font-weight: bold;*/

        content: "\f078"; font-family: 'Font Awesome 6 Free'; border: 0px; font-weight: bold; font-size: 10px; position: relative; top: 2px; margin-left: 5px;

    }
    .main-navigation .nav-item.dropdown:hover .nav-link { color: #227fb0; }
    .main-navigation .nav-item.dropdown .dropdown-menu{ border-radius: 12px; border: 0px; background-color: #227fb0; min-width: 200px; padding-block: 10px; }
    .main-navigation .nav-item.dropdown .dropdown-menu .dropdown-item{ color: #ffffff; padding: 10px 20px; line-height: normal; }
    .main-navigation .nav-item.dropdown .dropdown-menu .dropdown-item:hover { /*background-color: rgba(0, 0, 0, 0.2);*/ background-color: transparent; /*color: #0b3f5b;*/ color: rgba(255, 255, 255, 0.5); }
    /*Dropdown End*/

    /*---- Header End ----*/
}

@media (min-width: 1400px) {
    .letterspace1{ letter-spacing: -.04em; }
}
@media (max-width: 1399px) {
    body{ padding-top: 90px !important; }
    .header .container{ min-height: 90px; }

    .header .navbar-brand{ margin-right: 20px; }
    .main-navigation .nav-item { margin-inline: 0px; }
    .main-navigation .nav-item .nav-link { font-size: 16px; padding-inline: 5px; }

}/*1399 End*/

@media (max-width: 1199px) {

    body{ padding-top: 80px !important; }
    .header .container { min-height: 80px; padding-inline: 15px; }
    .header.fixed .container { min-height: 70px; }
    .header .navbar-brand { max-width: 130px; margin-right: 10px; }
    /*.main-navigation .nav-item { margin-inline: 4px; }*/
    .main-navigation .nav-item .nav-link { font-size: 14px; padding-inline: 4px; }
    .header .btn2 { font-size: 14px; }

    /*.container, .container-sm{ overflow-x: hidden; }*/

}/*1199 End*/

@media (min-width: 992px) {
    .main-navigation .dropdown:hover .dropdown-menu{ display: block; }
}
@media (max-width: 991px) {

    body { padding-top: 70px !important; }
    p{ margin-bottom: 15px; }

    
    .header .container{ min-height: 70px; padding-inline: 30px; }
    .header.fixed .container { min-height: 70px; }    

    /*---- Header Start ----*/
    .header .navbar-toggler{ border: 0px; padding: 0px; min-height: 26px; }
    .header .navbar-toggler:focus{ box-shadow: unset; }
    .header .navbar-toggler:not(.collapsed) .navbar-toggler-icon{ background-color: transparent; }
    .header .navbar-toggler:not(.collapsed) .navbar-toggler-icon:before{ transform: rotate(-45deg); top: 0px; }
    .header .navbar-toggler:not(.collapsed) .navbar-toggler-icon:after{ transform: rotate(45deg); bottom: 0px; }
    .header .navbar-toggler .navbar-toggler-icon { background-image: unset; position: relative; background-color: #ffffff; width: 32px; height: 2px; }
    .header .navbar-toggler .navbar-toggler-icon:before, .header .navbar-toggler .navbar-toggler-icon:after{ content: ""; display: block; width: 26px; height: 2px; background-color: #ffffff; position: absolute; transition: all 250ms; }
    .header .navbar-toggler.collapsed .navbar-toggler-icon:before { top: -10px; }
    .header .navbar-toggler.collapsed .navbar-toggler-icon:after  { bottom: -10px; }

    .header .navbar { background-color: #0b3f5b; }
    .header .navbar-brand { max-width: 130px; }

    .header .navbar-text{ padding: 15px !important; }
    .header .navbar-text .text-decoration-underline{ white-space: nowrap; }

    .header .navbar-collapse{  
        position: fixed !important; top: 0; left: -290px; z-index: 99999;
        min-width: 230px; height: 100vh !important; height: 100%; display: block !important;
        overflow: hidden !important; overflow-y: scroll !important; opacity: 0;
        background-color: #222425; box-shadow: 0 0 10px 0 rgba(0,0,0,.5); transition: all .1s !important;
    }
    .header .navbar-collapse.show{ width: 80%; left: 0; transition: all .1s !important; opacity: 1; }
    
    .main-navigation .nav-item { border-bottom: solid 1px rgba(255, 255, 255, 0.2); margin-inline: 0px; }
    .main-navigation .nav-item .nav-link{ padding: 18px 20px; font-size: 16px; font-weight: bold; color: #ffffff; position: relative; margin-inline: 0px; }
    .main-navigation .nav-item .nav-link:hover{ color: #b6bcbf; }
    .main-navigation .nav-item .nav-link.active{ color: #b6bcbf; }

    /*Dropdown*/
    .main-navigation .nav-item.dropdown .dropdown-toggle:focus { color: #ffffff; }
    .main-navigation .nav-item.dropdown .dropdown-toggle { display: flex; align-items: center; }
    .main-navigation .nav-item.dropdown .dropdown-toggle:after { content: "\f078"; font-family: 'Font Awesome 6 Free'; border: 0px; font-weight: bold; font-size: 14px; position: relative; top: 0px; margin-left: auto; }

    .main-navigation .nav-item.dropdown .dropdown-menu{ border-radius: 0px; border: 0px; background-color: #227fb0; padding-block: 10px; }
    .main-navigation .nav-item.dropdown .dropdown-menu .dropdown-item{ color: #ffffff; padding: 10px 20px; line-height: normal; }
    .main-navigation .nav-item.dropdown .dropdown-menu .dropdown-item:hover { background-color: transparent; color: rgba(255, 255, 255, 0.5); }
    /*Dropdown End*/

    /*---- Header End ----*/

}/*991 End*/

@media (max-width: 767px) {

}/*767 End*/

@media (max-width: 575px) {
    .header .container{ padding-inline: 15px; }
}