/* philosophy section */ .ocfa-philosophy-section {   padding-top: 54px;   padding-bottom: 54px;   background-color: rgb(255, 255, 255);   width: 100%; } .ocfa-philosophy-section .btn-appointment {   display: inline-flex;   align-items: center;   justify-content: space-between;   background-color: #f6841f;   color: #fff;   font-family: "Inter Tight", sans-serif;   font-weight: 500;   font-size: 16px;   padding: 6px 6px 6px 20px;   border-radius: 6px;   margin-top: 16px;   text-decoration: none;   transition: background-color 0.3s ease;   width: fit-content; } .btn-appointment .btn-icon {   background-color: #fff;   color: #f6841f; } .btn-appointment:hover {   background-color: #df7314; } .btn-appointment:hover .btn-icon {   color: #df7314; } .philosophy-sub-heading {   display: block;   color: rgb(246, 132, 31);   font-family: Inter, sans-serif;   font-size: 14px;   font-weight: 500;   margin-bottom: 16.2px; } .philosophy-main-heading {   font-family: "Inter Tight", sans-serif;   font-size: 48px;   font-weight: 500;   line-height: 130%;   color: rgb(15, 45, 89);   margin-top: 0px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px; } .philosophy-header {   display: flex;   justify-content: space-between;   align-items: flex-end;   margin-bottom: 36px;   row-gap: 24px;   column-gap: 24px; } .philosophy-heading-wrap {   max-width: 642px;   width: 100%; } .philosophy-desc-wrap {   max-width: 400px;   width: 100%; } .philosophy-desc-text {   font-family: Inter, sans-serif;   font-size: 14px;   line-height: 150%;   color: rgb(71, 85, 105);   margin-top: 0px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px; } .philosophy-body {   display: flex;   row-gap: 40px;   column-gap: 40px; } .philosophy-list {   flex-grow: 1;   flex-shrink: 1;   flex-basis: 0%;   display: flex;   flex-direction: column;   row-gap: 9px;   column-gap: 9px;   justify-content: center; } .philosophy-card {   background-color: rgb(248, 249, 250);   padding-top: 24px;   padding-right: 24px;   padding-bottom: 24px;   padding-left: 24px;   border-top-left-radius: 8px;   border-top-right-radius: 8px;   border-bottom-right-radius: 8px;   border-bottom-left-radius: 8px; } .philosophy-card h3 {   font-family: "Inter Tight", sans-serif;   font-size: 18px;   font-weight: 400;   line-height: 130%;   color: rgb(15, 45, 89);   margin-top: 0px;   margin-bottom: 8px; } .philosophy-card p {   font-family: Inter, sans-serif;   font-size: 14px;   line-height: 150%;   color: rgb(71, 85, 105);   margin-top: 0px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px; } .philosophy-image-wrap {   width: 630px;   flex-shrink: 0; } .philosophy-image {   width: 100%;   height: 100%;   min-height: 400px;   object-fit: cover;   border-top-left-radius: 12px;   border-top-right-radius: 12px;   border-bottom-right-radius: 12px;   border-bottom-left-radius: 12px;   display: block; } @media (max-width: 1199.98px) {   .philosophy-body {     flex-direction: column-reverse;   }   .philosophy-image-wrap {     width: 100%;     display: flex;     justify-content: center;   }   .philosophy-image {     height: auto;     max-height: 500px;     width: 100%;     min-height: auto;   }   .philosophy-header {     flex-direction: column;     align-items: center;     text-align: center;     margin-bottom: 32px;   }   .philosophy-heading-wrap {     max-width: 516px;     margin-top: 0px;     margin-right: auto;     margin-bottom: 0px;     margin-left: auto;   }   .philosophy-sub-heading {     text-align: center;   }   .philosophy-main-heading {     font-size: 30px;     text-align: center;   }   .philosophy-main-heading br {     display: none;   }   .philosophy-desc-wrap {     max-width: 498px;     margin-top: 0px;     margin-right: auto;     margin-bottom: 0px;     margin-left: auto;   }   .philosophy-desc-text {     text-align: center;     font-size: 16px;   } } @media (max-width: 767.98px) {   .ocfa-philosophy-section {     padding-top: 40px;     padding-bottom: 40px;   }   .philosophy-header {     margin-bottom: 24px;     align-items: flex-start;     text-align: left;   }   .philosophy-heading-wrap {     max-width: 100%;     margin-top: 0px;     margin-right: 0px;     margin-bottom: 0px;     margin-left: 0px;   }   .philosophy-desc-wrap {     max-width: 100%;     margin-top: 0px;     margin-right: 0px;     margin-bottom: 0px;     margin-left: 0px;   }   .philosophy-sub-heading {     text-align: left;   }   .philosophy-main-heading {     font-size: 28px;     text-align: left;   }   .philosophy-desc-text {     font-size: 14px;     text-align: left;   } } * {   box-sizing: border-box; } body {   margin: 0; } .ocfa-philosophy-section {   padding-top: 54px;   padding-bottom: 54px;   background-color: rgb(255, 255, 255);   width: 100%; }