/* doctors section */ .ocfa-doctors-section {   background-color: rgb(248, 248, 248);   padding-top: 70px;   padding-bottom: 70px;   width: 100%; } .doctors-header {   display: flex;   justify-content: space-between;   align-items: flex-end;   margin-bottom: 48px;   row-gap: 24px;   column-gap: 24px; } .doctors-heading-wrap {   max-width: 624px;   width: 100%; } .doctors-desc-wrap {   max-width: 354px;   width: 100%; } .doctors-desc-text {   font-family: Inter, sans-serif;   font-size: 16px;   font-weight: 400;   line-height: 140%;   color: rgb(71, 85, 105);   margin-top: 0px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px; } .doctors-slider-wrapper {   display: flex;   align-items: center;   justify-content: center;   row-gap: 24px;   column-gap: 24px;   max-width: 1400px;   margin-top: 0px;   margin-right: auto;   margin-bottom: 0px;   margin-left: auto;   padding-top: 0px;   padding-right: 15px;   padding-bottom: 0px;   padding-left: 15px; } .slider-arrow {   display: flex;   align-items: center;   justify-content: center;   width: 40px;   height: 40px;   background-color: rgb(35, 45, 104);   border-top-width: medium;   border-right-width: medium;   border-bottom-width: medium;   border-left-width: medium;   border-top-style: none;   border-right-style: none;   border-bottom-style: none;   border-left-style: none;   border-top-color: currentcolor;   border-right-color: currentcolor;   border-bottom-color: currentcolor;   border-left-color: currentcolor;   border-image-source: none;   border-image-slice: 100%;   border-image-width: 1;   border-image-outset: 0;   border-image-repeat: stretch;   border-top-left-radius: 6px;   border-top-right-radius: 6px;   border-bottom-right-radius: 6px;   border-bottom-left-radius: 6px;   cursor: pointer;   flex-shrink: 0;   transition-behavior: normal;   transition-duration: 0.3s;   transition-timing-function: ease;   transition-delay: 0s;   transition-property: background-color; } .slider-arrow i {   color: rgb(255, 255, 255) !important; } .slider-arrow:hover {   background-color: rgb(15, 45, 89); } .doctors-track-container {   overflow-x: hidden;   width: 100%;   max-width: 1280px; } .doctors-track {   display: flex;   row-gap: 24px;   column-gap: 24px;   padding-bottom: 10px; } .doctor-card {   flex-grow: 0;   flex-shrink: 0;   flex-basis: calc(25% - 18px);   background-color: rgb(241, 242, 241);   border-top-left-radius: 12px;   border-top-right-radius: 12px;   border-bottom-right-radius: 12px;   border-bottom-left-radius: 12px;   padding-top: 16px;   padding-right: 16px;   padding-bottom: 16px;   padding-left: 16px;   text-align: center;   box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 20px; } .doctor-img-wrap {   background-color: rgb(248, 249, 250);   border-top-left-radius: 8px;   border-top-right-radius: 8px;   border-bottom-right-radius: 8px;   border-bottom-left-radius: 8px;   overflow-x: hidden;   overflow-y: hidden;   margin-bottom: 20px;   height: 260px; } .doctor-img-wrap img {   width: 100%;   height: 100%;   object-fit: cover;   object-position: center top;   display: block; } .doctor-name {   font-family: "Inter Tight", sans-serif;   font-weight: 500;   font-size: 24px;   color: rgb(15, 45, 89);   margin-top: 0px;   margin-bottom: 8px; } .doctor-title {   font-family: Inter, sans-serif;   font-size: 16px;   color: rgb(71, 85, 105);   margin-top: 0px;   margin-bottom: 16px; } .doctor-link {   display: inline-flex;   align-items: center;   row-gap: 8px;   column-gap: 8px;   font-family: "Inter Tight", sans-serif;   font-weight: 500;   font-size: 16px;   color: rgb(246, 132, 31);   text-decoration-line: none;   text-decoration-thickness: initial;   text-decoration-style: initial;   text-decoration-color: initial;   transition-behavior: normal;   transition-duration: 0.3s;   transition-timing-function: ease;   transition-delay: 0s;   transition-property: color; } .doctor-link i {   transition-behavior: normal;   transition-duration: 0.3s;   transition-timing-function: ease;   transition-delay: 0s;   transition-property: color;   color: rgb(246, 132, 31) !important; } .doctor-link:hover, .doctor-link:hover i {   color: rgb(223, 115, 20) !important; } .view-all-wrap {   display: none;   justify-content: center;   margin-top: 40px; } .btn-view-all {   display: inline-flex;   align-items: center;   justify-content: space-between;   border-top-width: 1px;   border-right-width: 1px;   border-bottom-width: 1px;   border-left-width: 1px;   border-top-style: solid;   border-right-style: solid;   border-bottom-style: solid;   border-left-style: solid;   border-top-color: rgb(35, 45, 104);   border-right-color: rgb(35, 45, 104);   border-bottom-color: rgb(35, 45, 104);   border-left-color: rgb(35, 45, 104);   border-image-source: none;   border-image-slice: 100%;   border-image-width: 1;   border-image-outset: 0;   border-image-repeat: stretch;   color: rgb(35, 45, 104);   background-color: transparent;   font-family: "Plus Jakarta Sans", sans-serif;   font-weight: 500;   font-size: 16px;   padding-top: 6px;   padding-bottom: 6px;   padding-left: 20px;   padding-right: 6px;   border-top-left-radius: 6px;   border-top-right-radius: 6px;   border-bottom-right-radius: 6px;   border-bottom-left-radius: 6px;   text-decoration-line: none;   text-decoration-thickness: initial;   text-decoration-style: initial;   text-decoration-color: initial;   transition-behavior: normal;   transition-duration: 0.3s;   transition-timing-function: ease;   transition-delay: 0s;   transition-property: all; } .btn-view-all .btn-icon {   background-color: rgb(35, 45, 104);   width: 32px;   height: 32px;   display: flex;   align-items: center;   justify-content: center;   border-top-left-radius: 4px;   border-top-right-radius: 4px;   border-bottom-right-radius: 4px;   border-bottom-left-radius: 4px;   margin-left: 16px; } .btn-view-all .btn-icon i {   color: rgb(255, 255, 255) !important; } .btn-view-all:hover {   background-color: rgba(35, 45, 104, 0.05); } @media (max-width: 1199.98px) {   .doctor-card {     flex-grow: 0;     flex-shrink: 0;     flex-basis: calc(33.333% - 16px);   } } @media (max-width: 991.98px) {   .doctors-header {     flex-direction: column;     align-items: flex-start;   }   .doctors-desc-wrap {     max-width: 100%;   }   .slider-arrow {     display: none;   }   .doctors-slider-wrapper {     padding-top: 0px;     padding-right: 0px;     padding-bottom: 0px;     padding-left: 0px;   }   .doctors-track-container {     overflow-x: visible;     padding-top: 0px;     padding-right: 16px;     padding-bottom: 0px;     padding-left: 16px;   }   .doctors-track {     display: grid;     grid-template-columns: repeat(2, 1fr);     row-gap: 24px;     column-gap: 24px;   }   .doctor-card {     width: 100%;   }   .view-all-wrap {     display: flex;   } } @media (max-width: 767.98px) {   .ocfa-doctors-section {     padding-top: 40px;     padding-bottom: 40px;   }   .doctors-track {     grid-template-columns: 1fr;   } } .fa-solid.fa-arrow-right {   color: black;   border-top-width: 0px;   border-right-width: 0px;   border-bottom-width: 0px;   border-left-width: 0px;   border-top-style: solid;   border-right-style: solid;   border-bottom-style: solid;   border-left-style: solid;   border-top-color: black;   border-right-color: black;   border-bottom-color: black;   border-left-color: black;   border-image-source: none;   border-image-slice: 100%;   border-image-width: 1;   border-image-outset: 0;   border-image-repeat: stretch; } * {   box-sizing: border-box; } body {   margin-top: 0px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px; } .ocfa-doctors-section {   background-color: rgb(248, 248, 248);   padding-top: 70px;   padding-bottom: 70px;   width: 100%; }