.addl_page_container p b {
   font-size: 17px;
}
.mt_50{
	margin-top:50px;
}
ul.list_style {
   margin-left: 20px;
   margin-bottom: 20px;
   list-style:none;
   color:#666;
}
ul.list_style li + li {
   margin-top: 10px;
}
ul.list_style li {
   position: relative;
}
ul.list_style li:after {
   content: "";
   background-color: var(--secondary-color);
   position: absolute;
   top: 10px;
   left: -20px;
   width: 12px;
   height: 2px;
}
ul.list_style li:hover:after {
   background-color: var(--main-color);
}
.addl_page_container p b.title {
   font-size: 20px;
   text-align: center;
   display: table;
   margin: 0 auto 40px;
   color: var(--main-color);
   max-width: 1000px;
}
.addl_page_container section {
   padding: 100px 0;
}
.addl_page_container .max_container {
   max-width: 1600px;
   margin: 0 auto;
   display: table;
   width: 100%;
   padding: 0 20px;
}
.line_clamp_1 {
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.line_clamp_2 {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.line_clamp_3 {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.line_clamp_4 {
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.line_clamp_5 {
   display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.first_child {
   margin-top: 0 !important;
   padding-top: 0 !important;
}
.last_child {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}
.addl_page_container .head {
   font-size: 32px;
   margin-bottom: 25px;
}
.addl_page_container .banner_sec.branch_sec {
   padding: 0;
}
.banner_sec.branch_sec .banner_image {
   padding: 500px 20px 80px;
   position: relative;
   overflow: hidden;
   background-color: rgba(0, 0, 0, 0.1);
   margin-top: 110px;
}
.banner_sec.branch_sec .top_head {
   position: relative;
}
.addl_page_container * + h2 {
   margin-top: 50px;
}
.txt_overlay {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 50%;
   background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      rgb(20 48 107 / 75%) 40%
   );
   transition: 0.4s ease;
}
.style_two_banner .txt_overlay {
   left: 0px;
   width: 70%;
   height: 100%;
   background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0) 0%,
      rgb(20 48 107 / 75%) 40%
   );
   z-index: 0;
}
.style_two_banner {
   padding: 0 !important;
}
.style_two_banner .banner_image {
   padding: 170px 20px 170px 70px;
   position: relative;
   overflow: hidden;
   background-color: rgba(0, 0, 0, 0.1);
   align-items: flex-start;
   justify-content: flex-start;
}
.style_two_banner .top_head {
   z-index: 1;
   max-width: 780px;
}
.style_two_banner .top_head p {
   color: #fff;
   font-size: 18px;
}
.style_two_banner .top_head h1 {
   text-align: left;
}
.flex_contact {
   display: flex;
   align-items: center;
   justify-content: center;
   grid-gap: 30px;
   flex-wrap: wrap;
}
.flex_contact a {
   color: #fff;
}
.flex_contact a:hover {
   color: var(--secondary-color);
}
.flex_contact i {
   color: var(--secondary-color);
   margin-right: 10px;
   font-size: 25px;
   position: relative;
   top: 3px;
}
.flex_contact p {
   margin: 0 !important;
   color: #ccc;
}
.addl_grid_two {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   align-items: center;
   grid-gap: 50px;
}
.img_section {
   min-height: 420px;
   background-size: cover;
   background-position: center;
   border-radius: 20px;
}
.one h2 {
   text-align: center;
   padding-bottom: 5px;
   position: relative;
   margin-bottom: 50px;
   font-size: 32px;
   color: var(--main-color);
}
.one h2:before {
   width: 28px;
   height: 5px;
   display: block;
   content: "";
   position: absolute;
   bottom: 3px;
   left: 50%;
   margin-left: -14px;
   background-color: var(--secondary-color);
   z-index: 1;
}
.one h2:after {
   width: 100px;
   height: 1px;
   display: block;
   content: "";
   position: relative;
   margin-top: 25px;
   left: 50%;
   margin-left: -50px;
   background-color: var(--main-color);
}
/*accordin*/
.left_faq {
   margin: 80px auto 0;
   max-width: 1200px;
}
.question_answer {
   background-color: #f9f9f9;
   border-radius: 10px;
   overflow: hidden;
}
.question_answer:not(:last-child) {
   margin-bottom: 30px;
}
.accordion {
   color: #222;
   background-color: #fff;
   cursor: pointer;
   padding: 18px 50px 18px 18px;
   width: 100%;
   border: none;
   text-align: left;
   outline: none;
   font-size: 18px;
   font-family: inherit;
   line-height: 1.5;
   overflow: hidden;
   position: relative;
   border-bottom: 1px solid #eee;
}
.accordion:hover {
   background-color: #fafafa;
}
.accordion:after {
   content: "\f107";
   font-family: "fontawesome";
   position: absolute;
   transition: all 250ms ease;
   right: 20px;
   transform: rotate(0deg);
}
.accordion.active:after {
   transform: rotate(-180deg);
}
.accordion.active + .panel {
   display: block;
   background-color: #fafafa;
}
.panel p {
   margin: 0;
}
.panel p + p {
   margin-top: 10px;
}
.accordion.active {
   background-color: var(--main-color);
   border-bottom: 0;
   color: #fff;
}

.panel {
   padding: 30px 20px;
   display: none;
   background-color: white;
   overflow: hidden;
   margin: 0;
}

.address_div {
   position: relative;
   padding: 30px;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   /* align-items: center; */
   border: 1px solid #2050961f;
   border-radius: 25px;
   overflow: hidden;
   width: 80%;
   margin: 0 auto;
   background-color: #fcfcfc;
}
.address_div:before {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   background-color: var(--main-color);
   z-index: -1;
   left: 0;
   top: 0;
}
.address_div h2 {
   font-size: 26px;
   line-height: 1.5;
   margin-bottom: 20px;
   color: var(--main-color);
}
.address_div ul {
   display: table;
   margin-bottom: 20px;
}
.address_div ul li {
   position: relative;
   padding-bottom: 15px;
   border-bottom: 1px solid #ffffff40;
   color: #000;
   list-style: none;
   display: flex;
   align-items: center;
   padding-left: 0;
}
.address_div ul li i {
   position: relative;
   left: 0;
   margin-right: 10px;
   font-size: 20px;
   color: var(--secondary-color);
   width: 40px;
   height: 40px;
   border-radius: 50%;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   flex: none;
   background-color: #fff;
   border: 1px solid #2050961f;
}
.contact_icon_sub_text {
   line-height: 26px;
   margin-top: 0;
   font-size: 16px;
}
.right_side {
   width: 100%;
   border-left: 1px solid #ffffff40;
   padding: 0px 20px;
}
.opeaning_timings {
   /* box-shadow: 0 0 10px 1px #0000000f; */
   width: 100%;
   display: block;
   margin: 0 auto;
   padding: 0 0 15px 0;
}
.opening-hour-time {
   font-size: 16px;
   line-height: 180%;
   font-weight: 300;
   margin: 0 0 5px;
}
.opeaning_timings .opening-hour-time span {
   font-size: 16px;
   display: unset;
   color: #000;
   max-width: 180px;
   display: table;
   float: right;
   width: 100%;
}

.addl_page_container .as_map {
   height: 520px;
}
.text_link {
   position: relative;
   display: table;
   padding-right: 22px;
   text-underline-offset: 5px;
   transition: all 250ms ease;
   color: var(--main-color);
   text-decoration: underline;
}
.text_link:after {
   content: ">";
   position: absolute;
   right: 5px;
   top: 3px;
   color: inherit;
   transition: right 500ms ease;
   font-size: 17px;
   line-height: 1;
   font-family: monospace;
}
.text_link:hover:after {
   content: ">>";
   right: 0;
}
.text_link:hover {
   text-decoration: none;
   color: var(--secondary-color);
   padding-right: 28px;
}
.meet_the_team_card .text_link {
   margin-top: 5px;
}
.meet_the_team_card h2 {
   margin-top: 30px;
   font-size: 24px;
   color: var(--main-color);
}
.meet_the_team_card .grid_profile_right h2 {
   margin: 0;
   font-size: 32px;
}
.meet_the_team_card .img_container {
   height: 400px;
   border-radius: 15px;
   display: table;
   box-shadow: 0 0 #0000, 0 0 #0000, 0px 1px 2px 0px rgb(16 24 40 / 10%);
   overflow: hidden;
   cursor: pointer;
}
.meet_the_team_card * + p {
   margin-top: 15px;
}
.meet_the_team_card p {
   margin-top: 10px !important;
   color: #888;
   margin-bottom: 0 !important;
}
.meet_the_team_card > p {
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.meet_the_team_card img {
   width: 100%;
}
.meet_the_team_card > .img_container img {
   object-fit: cover;
   height: 100%;
   width: 100%;
   display: table;
   transition: all 180ms ease;
}
.meet_the_team_card:hover > .img_container img {
   transform: scale(1.05);
}
.meet_the_team_grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-gap: 75px 35px;
}
.profile_content {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 999;
   width: 100%;
   height: 100%;
   display: none;
   place-items: center;
   background-color: #00000088;
   backdrop-filter: blur(15px);
}
.profile_content.show_content {
   display: grid;
}
.profile_container {
   max-height: calc(100vh - 100px);
   max-width: 1200px;

   overflow: auto;
   padding: 0 20px;
}
.grid_profile img {
   border-radius: 10px;
   height: 600px;
   object-fit: cover;
}
.grid_profile i.fa.fa-times {
   position: absolute;
   right: 15px;
   top: 10px;
   color: #000;
   font-size: 30px;
   cursor: pointer;
}
.grid_profile i.fa.fa-times:hover {
   color: red;
}
.grid_profile {
   display: grid;
   grid-template-columns: 0.65fr 1fr;
   align-items: center;
   padding: 15px;
   position: relative;
   background-color: #fff;
   border-radius: 10px;
}
.grid_profile_left {
   height: 100%;
}
.grid_profile_right a {
   margin-top: 10px;
   color: var(--main-color);
   display: table;
   width: 100%;
}
.grid_profile_right i {
   color: var(--secondary-color);
   margin-right: 10px;
   font-size: 25px;
   position: relative;
   top: 3px;
}
.grid_profile_right {
   padding: 20px;
}

.timeline_grid_container {
   display: grid;
   grid-template-columns: 1fr 1.3fr;
   align-items: center;
   background: linear-gradient(to left, #f8fbf2 55%, transparent 55%);
   border-radius: 25px;
   border: 1px solid #f8f8f8;
   transition: all 280ms ease;
}
.timeline_grid_container.two {
   background: linear-gradient(to right, #f8fbf2 58%, transparent 58%);
   grid-template-columns: 1.3fr 1fr;
}

.timeline_sec .timeline_grid_container + .timeline_grid_container {
   margin-top: 60px;
}
.timeline_sec .timeline_grid_container.two .grid_left {
   padding: 50px 90px 70px 50px;
   position: relative;
   height: 100%;
}
.timeline_sec .timeline_grid_container.two .grid_right {
   padding: 0;
}
.timeline_grid_container.two .grid_left p {
   margin-bottom: 20px;
   color: #555;
}
.timeline_sec .image_container {
   height: 100%;
}
.timeline_sec .timeline_grid_container.two .img_container {
   width: calc(100% + 40px);
   margin-left: -65px;
}
.timeline_sec .img_container {
   width: calc(100% + 80px);
   position: relative;
   margin: 30px;
   object-fit: cover;
   height: 400px;
   border-radius: 15px;
}
.timeline_sec .grid_right {
   padding: 50px 50px 70px 140px;
   position: relative;
}
.timeline_sec .timeline_grid_container:nth-child(odd) .grid_right:after,
.timeline_sec .timeline_grid_container:nth-child(even) .grid_left:after {
   content: attr(data-count);
   position: absolute;
   bottom: 0;
   padding: 20px;
   background-color: var(--main-color);
   color: #fff;
   font-size: 30px;
   line-height: 1;
   min-width: 70px;
   min-height: 70px;
   text-align: center;
   font-family: var(--opt_b);
}
.timeline_sec .grid_right:after {
   right: 0;
   border-radius: 20px 0 20px 0;
}
.timeline_sec .timeline_grid_container.two .grid_left:after {
   left: 0;
   border-radius: 0 20px 0 20px;
}
.timeline_sec h3 {
   border-bottom: 1px solid rgb(116 175 13);
   padding-bottom: 5px;
}
.addl_page_container h3 {
   font-size: 25px;
   padding-bottom: 10px;
   color: var(--main-color);
   margin-top: 0;
}
.addl_page_container p {
   font-size: 17px;
   padding: 0;
   line-height: 1.4;
   margin: 0 0 15px;
}
.timeline_grid_container .grid_right p {
   margin-bottom: 40px;
   color: #555;
}
.completion_content {
   padding: 80px 50px 80px;
   height: 100%;
   position: relative;
   background: var(--main-color);
   border-radius: 20px;
   text-align: center;
   max-width: 1100px;
   margin: 0 auto;
}
.completion_content:after {
   content: "\f10e";
   position: absolute;
   top: -40px;
   padding: 20px;
   background-color: #ffd729;
   color: #fff;
   font-size: 40px;
   line-height: 1;
   min-width: 70px;
   min-height: 70px;
   text-align: center;
   font-family: "fontawesome";
   left: 50%;
   border-radius: 20px;
   transform: translateX(-50%);
}
.completion_sec h3 {
   font-size: 38px;
   padding-bottom: 10px;
   border-bottom: 1px solid #ffffff1f;
   padding-bottom: 10px;
   color: var(--secondary-color);
   display: table;
   margin: 0 auto 25px;
}
.completion_sec p {
   font-size: 18px;
   padding: 0;
   line-height: 1.5;
   margin: 0 0 15px;
   color: #fff;
   text-wrap: balance;
}

.five_steps_sec .addl_grid_two {
   padding: 20px 20px 20px 40px;
   background-color: var(--main-color);
   color: #fff;
   border-radius: 20px;
   max-width: 860px;
   margin: 0 auto;
}
.five_steps_sec .addl_grid_left p {
   color: #fff;
   font-size: 18px;
}
.five_steps_sec .addl_grid_right img {
   width: 100%;
   border-radius: 20px;
   min-height: 250px;
   object-fit: cover;
}
.card_grid_sec {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-gap: 30px;
}
.grid_cards {
   padding: 40px 20px;
   text-align: center;
   box-shadow: 6px 6px 20px 0 #0000000d;
   border-radius: 15px;
   transition: all 280ms ease;
}
.grid_cards > img {
   max-height: 200px;
   max-width: 200px;
   object-fit: contain;
}
.card_grid_sec:hover .grid_cards:not(:hover) {
   box-shadow: none;
}
.grid_cards p {
   text-wrap: balance;
   margin: 0 0 0;
}
.grid_cards h3 {
   font-size: 26px;
   padding: 0;
   margin: 15px 0;
}
.card_links_grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-gap: 20px;
}
.card_links_grid a {
   height: 100px;
   display: grid;
   width: 100%;
   place-items: center;
   font-size: 22px;
   color: var(--main-color);
   border: 2px solid #eee;
   border-radius: 20px;
   /*font-family: var(--opt_b);*/
   text-align: center;
   transition: all 280ms ease;
   box-shadow: 3px 3px 5px 0 #22222214;
   font-weight: bold;
   padding: 0 6px;
}
.card_links_grid a:hover {
   border-color: var(--secondary-color);
   box-shadow: none;
}
.b_cards_grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-gap: 30px;
}
.b_cards p,
.b_cards_alt p {
   color: #888;
}
p.small {
   font-size: 14px;
   margin: 10px 0;
}
.b_cards {
   padding: 45px 30px;
   border: 2px solid #eee;
   border-radius: 20px;
   transition: all 280ms ease;
}
.b_cards:hover {
   background-color: #fbfbfb;
}
h2.two {
   position: relative;
   padding: 0 0 10px;
   margin: 0 0 20px;
   font-size: 30px;
   color: var(--main-color);
   transition: all 0.4s ease 0s;
   line-height: 1.2;
}
h2.two:before {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 60px;
   height: 1px;
   content: "";
   background-color: var(--secondary-color);
}
.addl_grid_two + .addl_grid_two {
   margin-top: 60px;
}
.portrait_sec .as_container {
   max-width: 1400px;
}
.b_cards_grid.spec_page {
   grid-template-columns: repeat(2, 1fr);
}
.pagination {
   display: flex;
   align-items: center;
   justify-content: center;
   grid-gap: 20px;
   margin: 50px 0 20px;
   flex-wrap: wrap;
}
.pages .page-number + .page-number {
   margin-left: 8px;
}
.pages {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   grid-gap: 10px;
}
.page-number {
   padding: 10px;
   background-color: #fbfbfb;
   border-radius: 20px;
   min-width: 45px;
   min-height: 45px;
   border-radius: 50%;
   display: grid;
   place-items: center;
   transition: all 280ms ease;
   cursor: pointer;
}

.arrow.s_btn {
   border: 0;
   font-family: var(--opt_r);
}
.arrow.s_btn:disabled {
   opacity: 0.4;
   cursor: not-allowed;
   background-color: #888;
   color: #fff;
}
.page-number.active,
.page-number:hover {
   background-color: var(--main-color);
   color: #fff;
}

.virtula_sec p,
.virtula_sec h3{
	color:#fff;
}
.virtula_sec h2.two{
	color:var(--secondary-color);
}
.our_location_sec .list_style{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
	grid-gap:15px;
}
@media (max-width: 1280px) {
   .style_two_banner .txt_overlay {
      left: 0px;
      width: 100%;
      height: 80%;
      background: linear-gradient(
         180deg,
         rgba(255, 255, 255, 0) 0%,
         rgb(20 48 107 / 75%) 40%
      );
      z-index: 0;
   }
   .style_two_banner .banner_image {
      padding: 300px 20px 40px 20px;
   }
   .meet_the_team_grid {
      grid-template-columns: repeat(3, 1fr);
   }
   .grid_cards > img {
      max-height: 100px;
      max-width: 100px;
      object-fit: contain;
   }
   .correct_grid_container {
      grid-template-columns: repeat(2, 1fr);
   }
   .addl_page_container section {
      padding: 80px 0;
   }
}
@media (max-width: 1122px) {
   .b_cards_grid {
      grid-template-columns: repeat(2, 1fr);
   }
}
@media (max-width: 1040px) {
   .card_grid_sec {
      grid-template-columns: repeat(2, 1fr);
      margin-left: auto;
      margin-right: auto;
      max-width: 850px;
   }
}
@media (max-width: 992px) {
   .banner_sec.branch_sec .banner_image {
      padding: 180px 20px 80px;
   }
   .addl_page_container section {
      padding: 60px 0;
   }
   .banner_title {
      font-size: 34px;
   }
   .addl_grid_two {
      grid-template-columns: auto;
      grid-gap: 30px;
      max-width: 768px;
      margin-right: auto;
      margin-left: auto;
   }
   .addl_page_container .head {
      font-size: 28px;
   }
   .address_div {
      width: 100%;
   }
   .meet_the_team_grid {
      grid-template-columns: repeat(2, 1fr);
   }
   .grid_profile {
      grid-template-columns: 0.8fr 1fr;
   }
   .b_cards_grid.spec_page {
      grid-template-columns: auto;
   }
   .b_cards_grid {
      grid-template-columns: auto;
      max-width: 680px;
      margin-left: auto;
      margin-right: auto;
   }
   .timeline_sec .img_container,
   .timeline_sec .timeline_grid_container.two .img_container {
      width: calc(100% - 40px);
      margin: 20px;
   }
   .timeline_sec .grid_right,
   .timeline_sec .timeline_grid_container.two .grid_left {
      padding: 30px 30px 70px 30px;
   }
   .timeline_grid_container,
   .timeline_grid_container.two {
      grid-template-columns: 1fr 1fr;
      background: #fbfbfb;
   }
   .five_steps_sec .addl_grid_two {
      max-width: 660px;
      margin: 0 auto;
   }
   .card_links_grid {
      grid-template-columns: repeat(2, 1fr);
   }
   .addl_grid_two .addl_grid_right {
      order: -1;
   }
}
@media (max-width: 768px) {
   .addl_page_container section {
      padding: 40px 0;
   }
   .address_div,
   .grid_profile {
      grid-template-columns: auto;
   }
   .grid_profile img {
      height: auto;
      max-width: 500px;
      margin: 20px auto 0;
      display: table;
   }
   .right_side {
      padding: 0;
   }
   .grid_profile i.fa.fa-times {
      position: sticky;
      text-align: right;
   }
   .card_grid_sec {
      grid-template-columns: auto;
      max-width: 480px;
   }
   .timeline_grid_container,
   .timeline_grid_container.two {
      grid-template-columns: auto;
   }
   .timeline_sec .timeline_grid_container.two .grid_right {
      order: -1;
   }
   h2.two{
		font-size:26px;
   }
   .addl_page_container h2{
   		font-size:24px;
   }
   .addl_page_container h3{
   		font-size:22px;
   }
}
@media (max-width: 645px) {
   .meet_the_team_grid {
      grid-template-columns: auto;
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
   }
   .card_links_grid {
      grid-template-columns: auto;
   }
   .img_section {
	   min-height: 360px;
	   
	}
}
@media (max-width: 480px) {
	.addl_page_container h2 {
	    font-size: 22px;
	}
}