* {margin: 0;padding: 0;box-sizing: border-box;}

/* Default CSS */
body {background-color: var(--white);padding: 0;margin: 0;font-family: 'Inter', sans-serif;}

/* theme-color */
:root {--white: #FFFFFF;--black: #222222;--transition: all 0.3s linear;}

/* End-color */
h1 {font-size: 42px;line-height: 48px;margin: 0px;font-family: 'Inter', sans-serif;}
h2 {margin: 0px;font-family: 'Inter', sans-serif;}
h3 {margin: 0px;font-family: 'Inter', sans-serif;}
h4 {margin: 0px;font-family: 'Inter', sans-serif;}
h5 {margin: 0px;font-family: 'Inter', sans-serif;}
h6 {margin: 0px;font-family: 'Inter', sans-serif;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none;outline: unset;}
ul {margin: 0;padding-left: 18px;}
p {font-size: 16px;line-height: 25px;margin: 0px;font-weight: normal;font-family: 'Inter', sans-serif;}
section {width: 100%;padding: 100px 0;}
footer {width: 100%;padding: 100px 0;}

/* Custome-Code css */
.no-padding {padding: 0;}
.no-right-padding {padding-right: 0;}
.no-left-padding {padding-left: 0;}
.carousel-control-prev {
    width: 50px;
}
.carousel-control-prev {width: 50px;}
.carousel-control-next{width: 50px;}

/*==============Slider CSS==============*/
.slider_content {position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;}
div#carouselExampleCaptions .carousel-indicators {display: none;}
.sld_hdng h2 {font-size: 40px;line-height: 50px;margin-bottom: 10px;}
.sld_hdng h3 {font-size: 24px;line-height: 34px;margin-bottom: 20px;}
.sld_hdng {display: inline-block;}

/*=============Home About CSS==============*/
.about_main {background: #efefef;}
.abt_img img {width: 100%;}
.abt-col {display: block; align-items: center;}
.abt_sec {padding: 50px 50px 50px 0px;}
.abt_sec h5 {font-size: 16px;text-transform: uppercase;color: #051f6d;font-weight: 700; line-height: 25px;}
.abt_sec h2 {font-size: 30px;line-height: 35px;font-weight: 600;color: #222222;width: 460px;}
.abt_sec p {line-height: 26px;color: #222222;margin: 15px 0px;}
.abt_sec p b {font-size: 18px;line-height: 28px;color: #051F6D;font-weight: 500;}
.red_mr {background: #051F6D;padding: 8px 20px;font-size: 14px;text-transform: uppercase;border: 1px solid #051F6D;display: inline-block;color: #fff;
    font-weight: 600;transition: all 0.3s linear;}
.red_mr:hover {background: #ffffff00;border: 1px solid #051f6d;color: #051f6d;}

/*=============Home Services CSS==============*/
.main_hdng {text-align: center;display: block; margin-bottom: 50px;}
.main_hdng h2 {font-size: 40px;font-weight: 600; line-height: 50px;}
.srvc_sec {border: 1px solid #CCCCCC;height: 100%;}
.srvc_img img {width: 100%;}
.srvc_dtails {padding: 20px 12px;}
.srvc_dtails h3 {font-size: 24px;line-height: 34px;color: #051f6d;font-weight: 600;margin-bottom: 10px;}
.srvc_dtails p {margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-line-clamp: 2;-webkit-box-orient: vertical;}
.srvc_dtails .red_mr {margin-bottom: 10px;}

/*=============Home Why Chose CSS==============*/
.main_chose {padding: 100px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.chose_sec {background: #fffc;padding: 40px;}
.chose_sec h5 {font-size: 16px;text-transform: uppercase;color: #051f6d;font-weight: 700;line-height: 25px;}
.chose_sec h2 {font-size: 32px;line-height: 40px;font-weight: 600;color: #222222;}
.chose_sec p {line-height: 26px;color: #222222;margin: 10px 0px;}

/*=============Home Testimonial CSS==============*/
.test_sec {border: 1px solid #cccccc;padding: 30px;position: relative;}
.test_content p {line-height: 26px;color: #222222;margin: 10px 0px;}
.test_details {display: flex;align-items: center;margin-top: 10px;}
.test_details img {margin-right: 15px;}
.test_details h6 {font-size: 16px;font-weight: 700;color: #222222;text-transform: uppercase;}
.test_sec:after {content: '';background: url('https://odic.ca/wp-content/uploads/2022/07/quote.svg');width: 30px;height: 30px;position: absolute;background-size: cover;background-repeat: no-repeat;
    background-position: center;bottom: 45px;right: 30px;}

/*=============Home Booking Online CSS==============*/
.book_sec {position: relative; }
.book_sec img {width: 100%;}
.main_book { position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;display: flex;align-items: center;}
.booking_sec h2 { font-size: 40px; line-height: 50px; font-weight: 600; margin-bottom: 5px;color: #ffffff;}
.booking_sec h3 {font-size: 24px;line-height: 34px;margin-bottom: 15px;color: #ffffff;}
.bokng_btn {background: #ffffff;padding: 8px 20px;font-size: 14px;text-transform: uppercase;border: 1px solid #ffffff;display: inline-block;color: #051f6d;
    font-weight: 600;transition: all 0.3s linear;}
.bokng_btn:hover {background: #bf3737;color: #ffffff;border: 1px solid #ffffff;}
.mobile_booking_img{display: none;}
.appontments_detailes {background: #051f6d;padding: 100px;text-align: center;}
.appontments_detailes h2 {color: #fff;font-size: 40px;font-weight: 600;line-height: 50px;}
.appo_btns {margin-top: 30px;}
.appo_btns a {border: 1px solid #fff;padding: 10px 30px;margin: 0px 10px;display: inline-block;color: #fff; font-weight: 700; text-transform: uppercase;
    text-decoration: none;transition: all 0.3s linear;}
.appo_btns a:hover { background: #fff;color: #051f6d;border: 1px solid #fff;}
.appo_btns a i.fa {font-family: 'FontAwesome';transform: rotate(100deg);}
.enquiry-form select {
	width: 100%;
	border: 1px solid transparent;
	padding: 10px 15px 10px 0;
	font-size: 16px;
	line-height: 19px;
	color: #000;
	font-weight: 400;
	background-color: transparent;
	border-bottom: 1px solid #d0d0d0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	margin-top: 20px;
	outline: none;
	color: #666;
}
/*=============Footer CSS==============*/
.footer {background: #222222;color: #fff;padding-bottom:50px;}
.fot_logo {padding-right: 50px;}
.fot_logo a {display: flex;align-items: center;}
.fot_logo a h4 {font-size: 24px;color: #fff;margin-left: 10px;}
.fot_links {padding: 20px 0px;}
.fot_links h6 {font-size: 18px;margin-bottom: 10px;}
.fot_links ul {margin: 0;padding: 0;}
.fot_links ul li {list-style: none;margin-bottom: 3px;}
.fot_links li a {text-decoration: none;color: #fff;font-size: 16px;}
.fot_links p {margin-bottom: 10px;}
.copyright {margin-top: 57px;}
.copyright p a {text-decoration: none;color: #fff;}

/*=============Appointment Modal CSS==============*/
.enquiry-form input, .enquiry-form textarea {width: 100%;border: 1px solid transparent;padding: 10px 15px 10px 0;font-size: 16px;line-height: 19px;color: #000;font-weight: 400;background-color: transparent;border-bottom: 1px solid #d0d0d0;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;margin-top: 20px;}
.enquiry-form textarea {height: 80px;resize: none;display: block;}
.enquiry-form input[type="file"]{font-size: 13px;line-height: 14px;}
.wpcf7 form .wpcf7-response-output {font-size: 15px!important;margin: 20px 0 0 0!important;}
.modal-body {padding-top: 0px;padding-bottom: 25px;}
h5#exampleModalToggleLabel {font-weight: 600;color: #081f6d;}
input.red_mr {background-color: #081f6d!important;margin-top: 20px;}
.btn-close {color: #000000;font-size: 13px;width: 15px;height: 15px;border-radius: 100%;border: 1px solid #111111;}
input.red_mr:hover {background: #ffffff00!important;border: 1px solid #051f6d;color: #051f6d;}
.enquiry-form input:focus-visible {outline: none;}
.enquiry-form textarea:focus-visible {outline: none;}
.modal-dialog.modal-dialog-centered {max-width: 700px;}
.modal-content {padding: 10px;}
.enquiry-form .file-366:after {content: 'Prescription';position: absolute;top: -2px;left: 93px;background: #fff;font-size: 16px;padding: 0px 5px;color: #999;font-weight: 500;right: 0;}
.enquiry-form .file-366 {position: relative;}

/*=============Thank You CSS==============*/
section.thank-you-main {text-align: center;}
section.thank-you-main h3 {color: #081f6d;}
section.thank-you-main h5 {font-size: 25px;line-height: 34px;margin: 30px 0;}
.page-content.thank ul li {font-size: 19px;font-weight: 500;list-style: none;}
.page-content.thank ul li span a {text-decoration: none;font-size: 19px;color: #081f6d;font-weight: 500;}
.thank-info {margin: 20px 0;}
.thank-info h4 {font-size: 27px;}

/*=============404 Error CSS==============*/
.text-center.page404 {color: #051f6d;}
.page404 .title {font-size: 150px;line-height: 150px;color: #051f6d;margin-top: 0;margin-bottom: 0;}
.text-center.page404 p {margin: 10px 0 20px;}

/*=============Breadcrump CSS==============*/
.bg-breadcrump {background-color: #fafaf8;position: relative;padding: 0px;}
.bg-breadcrump:before {content: '';position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;background-color: #120f25fc;opacity: 50%;}
.bg-breadcrump img {width: 100%;}
.breadcrump-main-paent {position: absolute;top: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.menu-breadcrump h1 {line-height: 1;letter-spacing: -1px;margin-bottom: 4px;color: #ffffff;font-size: 50px;}
.menu-breadcrump ul { padding: 0;}
.menu-breadcrump ul li {display: inline-block;margin: 0px 8px;position: relative;font-size: 15px;font-weight: bold;display: inline-block;color: #ffffff;}
.menu-breadcrump ul li a {color: #ffffff;}
.menu-breadcrump ul li:nth-child(2):before { color: #1A5FA7;}
.menu-breadcrump ul li::before { position: absolute;content: '';left: -11px;top: 3px;height: 15px;width: 2px;background: #ffffff;}
.menu-breadcrump ul li:first-child {margin-left: 0px;}
.menu-breadcrump ul li:first-child:before {display: none;}

/*=============About Us Page CSS==============*/
.img_1 { padding: 20px;}
.img_2 {padding: 10px;}
.img_3 {margin-bottom: 20px;overflow: hidden;margin-top: 30px;}
.img_3 img {border-radius: 135px;border-top-left-radius: 0;padding: 20px;position: relative;animation-direction: alternate;animation-name: my-animation;
  animation-duration: 2s;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: linear;}
.img_4 {padding: 20px;}
.img_2 img {border-radius: 135px; border-bottom-right-radius: 0;}
/* @keyframes my-animation {
  0%   {left: 0px; top: 0px;}
  25%  {left: 0px; top: 10px;}
  50%  {left: 0px; top: 20px;}
  75%  {left: 0px; top: 10px;}
  100% {left: 0px; top: 0px;}
} */
.abt_inner_img img {
    width: 100%;
}
.appontments_detailes.inner_abt {padding: 50px;}
.cntr_acco .accordion-button:not(.collapsed)::after {
    background-image: url(https://odic.ca/wp-content/uploads/2022/07/white_minus.svg);
}
.cntr_acco .accordion-button::after {
    flex-shrink: 0;
   width: 30px;
    height: 30px;
    top: 10px;
    padding: 0px;
	left:0;
    position: absolute;
    content: "";
    background-image: url(https://odic.ca/wp-content/uploads/2022/07/white_plus-svg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform .2s ease-in-out;
}
.cntr_prt_acc {display: flex;align-items: center;height: 100%;padding: 20px 0px 20px 50px;}

.cntr_prt_img img {width: 100%;}
.cntr_prt_acc h5 {font-size: 16px;text-transform: uppercase;color: #051f6d;font-weight: 700;line-height: 25px;}
.cntr_prt_acc h2 {font-size: 40px;line-height: 50px;font-weight: 600;color: #222222;margin: 10px 0px;}
.cntr_prt_acc p {line-height: 26px;color: #222222;margin: 20px 0px;}

.accordion-item {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;border-right: none;border-left: none;border-radius: 0;}
.cntr_acco h2 {line-height: 30px;margin: 0px;}
.cntr_acco .accordion-button { background: transparent;color: #051f6d;padding: 10px 0px 10px 40px;border-left: none;box-shadow: none;}
.accordion-button::after {position: absolute;left: 0;background: #051f6d; padding: 20px;border-radius: 30px;color: #fff;}
.cntr_acco .accordion-body {padding: 0px 40px;margin-bottom: 20px;}
.cntr_acco .accordion-body p{margin: 0px;}

/*=============Single Services CSS ==============*/
.srvc_side {background: #051f6d;padding: 50px;margin-bottom: 50px;}
.srvc_side h3 {font-size: 28px;color: #fff;margin-bottom: 20px;}
.srvc_side ul {padding: 0; margin: 0;}
.srvc_side ul li {list-style: none;margin-bottom: 10px;}
.srvc_side ul li a {color: #fff; font-size: 18px; line-height: 28px; transition: all 0.3s linear;}
.srvc_side ul li a:hover { margin-left: 10px;}
.appont_ment {background: #f3f5f8; padding: 50px;}
.appont_ment h3 {font-size: 28px;color: #081f6d;margin-bottom: 20px;}
.form_field {margin-bottom: 10px;}
.form_field input {width: 100%;border: none;background: #fff;padding: 10px;outline: none;font-size: 16px;color: rgb(14 32 77 / 50%);}
.form_field textarea { width: 100%;border: none;background: #fff;padding: 10px;outline: none;font-size: 16px;height: 100px;resize: none;color: rgb(14 32 77 / 50%);}
.appont_ment .red_mr { margin-top: 0;display: inline-block;}
.sngl_servc_content {margin-top: 30px;}
.srvc_main .main_img {width: 100%;}
.sngl_servc_content h2 {font-size: 40px; line-height: 50px; font-weight: 600; color: #222222; margin-bottom: 20px;}
.sngl_servc_content h4 { color: #051f6d; font-size: 26px; margin-bottom: 10px; }
.sngl_servc_content p {color: #4d6581;line-height: 30px;margin-bottom: 5px;}
.sngl_servc_content ul {margin-top: 5px;color: #4d6581;line-height: 30px;}
.sngl_servc_content ul li::marker {color: #051f6d;font-size: 20px;}
.sngl_srvc_img img {width: 100%;}
.row.srcv_cont {margin: 30px 0px;}
.row.srcv_cont + .row.srcv_cont {margin-top: 30px;border-top: 1px solid #ccc;padding-top: 30px;}
/* .row.srcv_cont:last-child {border: none;} */
.srvc_side ul li a.active {color: #ffffff;margin-left: 10px;}

.all_srvcs {background: #f3f5f885;}
.srvc_img a {display: inline-block;}
.main_srvc_dtails {display: flex;align-items: center;width: 90%;background: #fff;position: relative;right: 0; left: 0;top: -30px; padding: 20px; margin: 0 auto;box-shadow: 0 20px 100px 0 rgb(58 65 111 / 10%);}
/* .srvc_icon img {width: 70px;} */
.main_detls h3 {font-size: 20px;margin-bottom: 10px;color: #051f6d;}
.main_detls p { color: #4d6581;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-line-clamp: 2;-webkit-box-orient: vertical;}


/*=============Find Nearby Center==============*/
.wpsl-search.wpsl-clearfix.wpsl-geolocation-run {background: #051f6d;color: #fff;}
.wpsl-input label {width:100% !important;}
div#wpsl-radius {display: flex !important;}
div#wpsl-radius label {display: flex;width: 100%;}
input#wpsl-search-input {outline: none;}
section.Store-wrapper{background:#f3f5f8;}
section.locations {background: #fff;}
.loct_map a {display: block;}
.loct_map {margin-bottom: 30px;}
.loct_img img {width: 100%;transition:all 0.3s linear;}
.loct_img {overflow: hidden;}
.loct_map a:hover .loct_img img { transform: scale(1.1);}
.locat_detail {padding: 30px 50px;text-align: center;color: #fff;background: #051f6d;margin: -40px 20px 0px 20px;position: relative;z-index: 9;}
.locat_detail h4 {font-size: 26px;margin-bottom: 10px;}
.locat_detail p {line-height: 30px;margin-bottom: 5px;}
div#exampleModalToggle1 .modal-content { padding: 10px; background: #f3f5f8;}
.modal-body.pop_locations { padding-top: 30px;}
.location_pop_details {padding: 20px 10px 20px 20px; height: 100%;border-left: 1px solid #ddd;}
.location_pop_details h5 {margin-bottom: 5px; color: #051f6d;}
.location_pop_details p {line-height: 30px;margin-bottom: 5px;}
.location_pop_details p span {color: #051f6d;}
.location_pop_details h6 {margin-bottom: 5px;color: #051f6d;margin-top: 10px;}
.location_pop_details h6 i.fa.fa-phone {transform: rotateZ(130deg);}



/*=============Contact US CSS ==============*/
/* .contact_add {background: #051f6d;color: #fff;padding: 50px;} */
.addres {background: #051f6d;color: #fff;height: 100%;padding: 50px;}
.addres h3 {font-size: 24px;line-height: 34px;margin-bottom: 20px;}
.addres p {line-height: 30px;margin: 15px 0px;}
.addres ul {padding: 0;}
.addres ul li {list-style: none;line-height: 30px;}
.addres ul li a {color: #fff;font-size: 18px;}
.addres ul li i.fa.fa-phone {transform: rotateZ(130deg);}
.addres.social ul {display: flex;}
.addres.social ul li {margin: 0px 10px;}
.addres.social ul li a {font-size: 30px;}

.cntct_hdng {text-align: center;margin-bottom: 50px;}
.cntct_hdng h5 {font-size: 16px;text-transform: uppercase;color: #051f6d;font-weight: 700;line-height: 25px;}
.cntct_hdng h2 {font-size: 40px;line-height: 50px;font-weight: 600;color: #222222;margin: 10px 0px;}
.cntct_hdng p { line-height: 26px; color: #222222; margin: 10px 0px;}
.con_frm {margin-bottom: 30px;}
.con_frm input {width: 100%;border: none;background: #f3f5f8;padding: 15px;outline: none;font-size: 16px;color: rgb(14 32 77 / 50%);}
.con_frm textarea {width: 100%;border: none;background: #f3f5f8;padding: 15px;outline: none;font-size: 16px;height: 200px;resize: none;color: rgb(14 32 77 / 50%);}
.send_btn {text-align: center;}
.send_btn .red_mr {margin: 0 auto;padding: 13px 40px;font-size: 16px;display: block;}


.wpcf7-file:after {content: "Upload Requisition";background: #fff;position: absolute;top: 5px;padding: 0px 10px;left: 90px;font-size: 15px;right: 0;}
.appont_ment .wpcf7-file:after {color: #000;font-size: 16px;left: 120px;top: -2px;}

/*=============Iigration Service Page CSS Start=============*/
.lndg_apnt_bx {text-align: center;}
.lndg_apnt_bx i {font-size: 35px;font-family: 'Font Awesome 5 Free';color: #ffffff;background: #051f6d;border-radius: 100px;line-height: 0;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;margin: 0px auto 20px auto;}
.lndg_apnt_bx h3 {font-size: 20px;margin-bottom: 10px;font-weight: 700;color: #222222;}
.lndg_apnt_bx p {color: #222222;}
.srvc_sec {
    height: auto;
}
header.header_area {
    height: 120px;
}
header.header_area {
    width: 100%;
    background: #ffffff;
    height: 120px;
}
.fot_logo img {
    width: 85%!important;
}