/***
====================================================================
	Reset
====================================================================
***/
 * {
   margin: 0px;
   padding: 0px;
   border: none;
   outline: none;
   font-size: 100%;
   line-height: inherit;
 }

 .mobile-view {
   display: none;
 }

 :root {
   --color-default: #292929;
   --color-primary: #514945;
   --color-secondary: #894242;
 }

 @font-face {
   font-family: "Minerva Modern";
   src: url(../webfont/minerva-modern/minerva-modern-black.otf);
   src: url(../webfont/minerva-modern/minerva-modern-bold.otf);
   src: url(../webfont/minerva-modern/minerva-modern-regular.otf);
   display: swap;
 }

 .container {
   position: relative;
 }

 .mobile-view {
   display: none;
 }

 /*** 
====================================================================
	Global Settings
====================================================================
 ***/
 body {
   font-size: 16px;
   color: var(--color-default);
   line-height: 1.6em;
   -webkit-font-smoothing: antialiased;
   -moz-font-smoothing: antialiased;
   font-family: "IBM Plex Sans", serif;
 }

 a {
   text-decoration: none;
   cursor: pointer;
   color: var(--color-secondary);
 }

 a:hover {
   text-decoration: none;
   outline: none;
   color: var(--color-secondary);
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   position: relative;
   font-weight: 600;
   margin: 0px;
   background: none;
   line-height: 1.2em;
 }

 img {
   max-width: 100%;
   height: auto;
 }

 ul,
 li {
   list-style: none;
   margin: 0;
   padding: 0;
 }

 ol,
 li {
   margin: 0;
   padding: 0;
 }

 .main-menu .navigation>li .active {
   color: #fff;
   background: var(--color-secondary);
 }

 .main-menu .navigation>li .active:hover {
   background: var(--color-primary);
   color: #fff;
 }

 .auto-container {
   position: static;
   max-width: 1200px;
   padding: 0px 15px;
   margin: 0 auto;
 }

 .page-wrapper {
   margin: 0 auto;
   width: 100%;
   min-width: 320px;
   overflow: hidden;
   position: relative;
 }

 .page-wrapper::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: -1;
   background-image: url(../gallery/bg.jpg);
   opacity: .3;
   background-size: 40%;
 }

 .top-wrap {
   position: relative;
   height: 100vh;
 }

 .top-border {
   width: 60%;
   height: 2px;
   position: relative;
   margin: auto;
   background: var(--color-primary);
 }

 /**header-main**/
 .header-main {
   position: absolute;
   width: 100%;
   z-index: 5;
 }

 .header-one {
   position: relative;
 }

 .header-one .container {
   position: relative;
   max-width: 1200px;
 }

 .header-one .lower-box {
   position: relative;
   height: 100%;
 }

 .lower-box .logo {
   top: 38px;
   position: absolute;
   display: inline-block;
   z-index: 999;
   width: 397px;
 }

 .lower-box .nav-outer {
   position: relative;
   display: inline-block;
   text-align: right;
   margin-left: 0;
   width: 100%;
   padding: 0;
   margin-top: 0;
 }

 .nav-outer .mobile-nav-toggler {
   position: relative;
   display: none;
   float: right;
   cursor: pointer;
   padding: 25px 0;
 }

 .nav-outer .mobile-nav-toggler .inner {
   position: relative;
   display: block;
   padding: 3px 5px;
 }

 .main-menu {
   position: relative;
   display: inline-block;
   text-align: center;
   margin: 58px 0 0;
   top: 0;
 }

 .main-menu .navbar-collapse {
   padding: 0px;
   display: block !important;
 }

 .main-menu .navigation {
   position: relative;
   display: block;
   padding: 3px 11px;
   border-top: 1px solid;
   border-bottom: 1px solid;
 }

 .main-menu .navigation>li {
   position: relative;
   display: inline-table;
 }

 .main-menu .navigation>li>a:hover {
   color: var(--color-primary);
 }

 .main-menu .navigation>li>a {
   position: relative;
   display: block;
   font-size: 19px;
   line-height: 30px;
   border-right: 0px;
   padding: 2px 10px;
   opacity: 1;
   color: var(--color-default);
 }

 .main-menu .navigation>li>a i {
   font-size: 14px;
   color: var(--color-primary);
 }

 /*** 
========================================
    Mobile Menu
========================================
***/
 .nav-outer .mobile-nav-toggler {
   position: relative;
   display: none;
   float: right;
   cursor: pointer;
   padding: 25px 0;
 }

 .nav-outer .mobile-nav-toggler .inner {
   position: relative;
   display: block;
   padding: 3px 5px;
 }

 .mobile-menu {
   position: fixed;
   top: 0;
   right: 0;
   width: 300px;
   max-width: 100%;
   height: 100%;
   padding-right: 30px;
   opacity: 0;
   visibility: hidden;
   z-index: 999999;
 }

 .mobile-menu .menu-backdrop {
   position: fixed;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background-color: #393939;
   -webkit-transform: translateX(101%);
   -ms-transform: translateX(101%);
   transform: translateX(101%);
   transition: all 900ms ease;
   -moz-transition: all 900ms ease;
   -webkit-transition: all 900ms ease;
   -ms-transition: all 900ms ease;
   -o-transition: all 900ms ease;
   z-index: 1;
 }

 .mobile-menu-visible .mobile-menu .menu-backdrop {
   opacity: 0.7;
   visibility: visible;
   -webkit-transition: all 0.7s ease;
   -moz-transition: all 0.7s ease;
   -ms-transition: all 0.7s ease;
   -o-transition: all 0.7s ease;
   transition: all 0.7s ease;
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
   transform: translateX(0%);
 }

 .mobile-menu .mCSB_inside>.mCSB_container {
   margin-right: 5px;
 }

 .mobile-menu .navbar-collapse {
   display: block !important;
 }

 .mobile-menu .nav-logo {
   position: relative;
   padding: 30px 25px;
   text-align: left;
 }

 .mobile-menu .nav-logo a {
   position: relative;
   display: inline-block;
 }

 .mobile-menu-visible {
   overflow: hidden;
 }

 .mobile-menu-visible .mobile-menu {
   opacity: 1;
   visibility: visible;
 }

 .mobile-menu .menu-box {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   max-height: 100%;
   overflow-y: auto;
   background: var(--color-primary);
   padding: 0px 0px;
   z-index: 5;
   opacity: 0;
   visibility: hidden;
   border-radius: 0px;
   -webkit-transform: translateX(101%);
   -ms-transform: translateX(101%);
   transform: translateX(101%);
 }

 .mobile-menu-visible .mobile-menu .menu-box {
   opacity: 1;
   visibility: visible;
   -webkit-transition: all 0.7s ease;
   -moz-transition: all 0.7s ease;
   -ms-transition: all 0.7s ease;
   -o-transition: all 0.7s ease;
   transition: all 0.7s ease;
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
   transform: translateX(0%);
 }

 .mobile-menu .close-btn {
   position: absolute;
   top: 10px;
   right: 10px;
   color: #ffffff;
   font-size: 20px;
   line-height: 30px;
   width: 24px;
   text-align: center;
   cursor: pointer;
   z-index: 10;
   -webkit-transition: all 0.9s ease;
   -moz-transition: all 0.9s ease;
   -ms-transition: all 0.9s ease;
   -o-transition: all 0.9s ease;
   transition: all 0.9s ease;
 }

 .mobile-menu-visible .mobile-menu .close-btn {
   -webkit-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
 }

 .mobile-menu .close-btn:hover {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
 }

 .mobile-menu .navigation {
   position: relative;
   display: block;
   width: 100%;
   float: none;
 }

 .mobile-menu .navigation li {
   position: relative;
   display: block;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }

 .mobile-menu .navigation li>ul>li {
   border-top: 1px solid rgb(0 0 0 / 10%);
 }

 .mobile-menu .navigation:last-child {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .mobile-menu .navigation li>ul>li:first-child {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }

 .mobile-menu .navigation li>a {
   position: relative;
   display: block;
   padding: 10px 25px;
   color: #ffffff;
   font-size: 15px;
   line-height: 24px;
   font-weight: 600;
   text-transform: uppercase;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .mobile-menu .navigation li>a:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   height: 0;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .mobile-menu .navigation li.current>a:before {
   height: 100%;
 }

 .mobile-menu .navigation li ul li>a {
   font-size: 15px;
   font-weight: 400;
   margin-left: 20px;
   text-transform: capitalize;
   position: relative;
   color: var(--color-default);
 }

 .mobile-menu .navigation li.dropdown .dropdown-btn {
   position: absolute;
   top: 6px;
   right: 6px;
   width: 32px;
   height: 32px;
   text-align: center;
   color: #ffffff;
   font-size: 16px;
   line-height: 32px;
   background: var(--color-secondary);
   cursor: pointer;
   border-radius: 2px;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
   z-index: 5;
 }

 .mobile-menu .navigation li.dropdown .dropdown-btn.open {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
 }

 .mobile-menu .navigation li>ul,
 .mobile-menu .navigation li>ul>li>ul {
   display: none;
   background: #fff;
 }

 .main-menu .navigation>li>.custom-width {
   width: 133px;
 }

 .main-menu .navigation>li>ul.cstmwidth {
   width: 105px;
 }

 .main-menu .navigation>li>ul.cstmwidth1 {
   width: 180px;
 }

 .main-menu .navigation>li>ul>li>a:hover {
   padding-left: 30px;
 }

 .main-menu .navigation>li>ul {
   position: absolute;
   top: 110%;
   visibility: hidden;
   left: 0;
   width: 300px;
   opacity: 0;
   z-index: 100;
   background-color: var(--color-secondary);
   box-shadow: 0px 0px 5px #a5a5a5;
 }


 .main-menu .navigation>li.dropdown:hover>ul {
   opacity: 1;
   visibility: visible;
   -moz-transform: translateY(0);
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
   transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
 }

 .main-menu .navigation>li>ul>li {
   position: relative;
   width: 100%;
   border-bottom: 1px solid #d6d6d621;
 }

 .main-menu .navigation>li>ul>li>a:hover {
   background: var(--color-primary);
   color: #fff;
 }

 .main-menu .navigation>li>ul>li>a {
   position: relative;
   display: block;
   padding: 5px 20px;
   line-height: 24px;
   font-size: 16px;
   font-weight: 300;
   text-transform: capitalize;
   color: #ffffff;
   text-align: left;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul>li:last-child {
   border-bottom: none;
 }

 /*
* 4. banner style
*/
 .banner-wrapper {
   position: relative;
 }

 .banner-one__slide {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 100vh;
 }

 .slide-one {
   background-image: url(../gallery/banner.jpg);
 }

 /***
====================================================================
	Scroll To Top style
====================================================================
***/
 .scroll-to-top {
   position: fixed;
   bottom: 20px;
   right: 20px;
   width: 48px;
   height: 48px;
   color: #ffffff;
   font-size: 20px;
   line-height: 48px;
   text-align: center;
   z-index: 9999;
   cursor: pointer;
   background: var(--color-secondary);
   display: none;
   border-radius: 50%;
   -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .scroll-to-top:hover {
   background: var(--color-secondary);
 }

 .sec-head h3 {
   font-family: "Minerva Modern";
   font-weight: 500;
   text-transform: capitalize;
   font-size: 56px;
   color: var(--color-secondary);
 }

 .sec-head h2 {
   font-weight: 400;
   font-size: 20px;
   margin-bottom: 9px;
   background: var(--color-primary);
   display: inline-block;
   padding: 2px 13px;
   border-radius: 20px;
   color: #fff;
   position: relative;
 }

 .sec-head p {
   padding: 0px 240px;
 }

 .main-serv-sec .sec-head p,
 .main-serv-sec .sec-head h3 {
   color: #fff;
 }

 .abt-head h3 {
   font-family: "Minerva Modern";
   font-weight: 500;
   text-transform: uppercase;
   font-size: 56px;
   color: var(--color-secondary);
   margin-bottom: 8px;
 }

 .abt-head h2 {
   font-weight: 400;
   font-size: 20px;
   margin-bottom: 9px;
   background: var(--color-primary);
   display: inline-block;
   padding: 2px 13px;
   border-radius: 20px;
   color: #fff;
   position: relative;
 }

 .abt-head h4 {
   font-weight: 400;
   font-size: 18px;
   color: #fff;
   color: var(--color-default);
   margin-bottom: 20px;
   border-top: 1px dashed;
   display: inline-block;
   border-bottom: 1px dashed;
   padding: 3px 0px;
 }

 .abt-doc-img img {
   width: 400px;
   border: 6px solid #fff;
   box-shadow: 0px 0px 8px #00000036;
 }

 .abt-sec {
   position: relative;
   margin-bottom: 100px;
 }

 .abt-doc-img {
   position: relative;
 }

 .abt-matter p {
   font-size: 16px;
   line-height: 32px;
   text-align: center;
   margin-bottom: 9px;
 }

 .abt-matter a {
   margin-bottom: 25px;
   display: inline-block;
   border: 1px solid;
   padding: 0px 10px;
 }

 .abt-extra-block {
   position: relative;
   width: 200px;
   height: 200px;
   border-radius: 50%;
   background: var(--color-primary);
 }

 .abt-sec::before {
   content: " ";
   position: absolute;
   width: 100%;
   height: 45%;
   /* background: var(--color-secondary); */
   bottom: -22px;
 }

 .abt-head {
   position: relative;
   margin-top: 50px;
 }

 .ad-content h2 {
   font-size: 21px;
   font-weight: 300;
   margin-top: 17px;
   line-height: 30px;
   padding: 0px 25px;
 }

 .ad-content {
   text-align: center;
 }

 .ad-content h3 {
   font-weight: 400;
   margin-top: 14px;
   font-size: 20px;
   position: relative;
 }

 .ad-content h3 a {
   background: var(--color-primary);
   color: #fff;
   padding: 3px 15px 4px;
   font-size: 19px;
   border-radius: 20px;
   margin-left: 9px;
 }

 .abt-extra-row {
   position: relative;
   margin-top: -35px;
 }

 .abt-extra-head {
   margin: 15px auto 0px;
   width: 650px;
 }

 .abt-extra-head h2 {
   background: var(--color-secondary);
   color: #fff;
   font-weight: 300;
   padding: 15px 0px;
   border-radius: 8px;
   text-transform: uppercase;
   font-size: 29px;
 }

 .abt-extra-content-left {
   margin-bottom: 10px;
   margin-top: 18px;
 }

 .abt-extra-content-left {
   position: relative;
 }

 .abt-extra-content-left p {
   margin-bottom: 0px;
 }

 .abt-extra-box {
   padding: 25px 21px;
   font-size: 17px;
   position: relative;
   transition: all 0.4s ease 0s;
   cursor: pointer;
 }

 .abt-extra-box::before {
   content: " ";
   position: absolute;
   width: 85px;
   height: 85px;
   background: var(--color-secondary);
   opacity: 0.07;
   z-index: -1;
   left: 0px;
   right: 0px;
   margin: auto;
   border-radius: 20px;
   transform: rotate(45deg);
 }

 .abt-extra-box::after {
   content: " ";
   position: absolute;
   width: 0px;
   height: 1px;
   z-index: -1;
   left: 0px;
   right: 0px;
   margin: auto;
   top: -10px;
   bottom: 0px;
   background: var(--color-secondary);
   transition: all 0.4s ease 0s;
 }

 .abt-extra-box:hover::after {
   width: 30%;
 }

 .abt-extra-box:hover {
   transform: scale(1.2);
 }

 .abt-extra-content-right::before {
   content: " ";
   position: absolute;
   width: 1px;
   height: 183%;
   top: 8px;
   background: var(--color-secondary);
   left: -32px;
 }

 .abt-extra-icon {
   position: relative;
   margin-bottom: 9px;
 }

 .abt-extra-icon img {
   /* width: 40px; */
   width: 35px;
   filter: grayscale(1);
 }

 .abt-matter {
   margin-bottom: 30px;
 }

 .abt-extra-content-left .col-md-4:nth-child(1)::before,
 .abt-extra-content-left .col-md-4:nth-child(2)::before,
 .abt-extra-content-left .col-md-4:nth-child(4)::before,
 .abt-extra-content-left .col-md-4:nth-child(5)::before {
   content: " ";
   position: absolute;
   width: 2px;
   height: 100%;
   background: linear-gradient(to top, #ffffff00, #ecc9c9, #ffffff00);
   right: 0px;
   top: 0px;
   bottom: 0px;
   margin: auto;
 }

 .abt-extra-content-left .col-md-4:nth-child(1)::after,
 .abt-extra-content-left .col-md-4:nth-child(2)::after,
 .abt-extra-content-left .col-md-4:nth-child(3)::after {
   content: " ";
   position: absolute;
   width: 100%;
   height: 2px;
   background: linear-gradient(to right, #ffffff00, #ecc9c9, #ffffff00);
   right: 0px;
   left: 0px;
   bottom: 0px;
   margin: auto;
 }

 .stats-sec {
   position: relative;
   margin-bottom: 100px;
 }

 .stats-content {
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   margin: auto;
   text-align: center;
 }

 .stats-content p {
   padding-top: 15px;
   font-size: 23px;
   font-weight: 300;
   text-transform: capitalize;
 }

 .stats-icon {
   /* background: var(--color-secondary); */
   background: linear-gradient(45deg, #282320, #a97070);
   width: 120px;
   height: 120px;
   line-height: 120px;
   text-align: center;
   margin: auto;
   border-radius: 50%;
   position: relative;
 }

 .stats-icon::before {
   content: " ";
   position: absolute;
   width: 100%;
   height: 100%;
   border: 1px solid var(--color-secondary);
   border-radius: 50%;
   /* z-index: -1; */
   top: -8px;
   left: 10px;
 }

 .stats-icon span {
   color: #fff;
   font-size: 38px;
   font-family: "Minerva Modern";
   /* opacity: 0.6; */
 }

 .abt-sec h1 {
   margin-top: 50px;
   font-weight: 400;
   text-transform: capitalize;
   font-size: 41px;
   color: #515050;
 }

 .stats-block {
   position: relative;
 }

 .stats-btm {
   margin-top: 40px;
 }

 .stats-btm h2 {
   font-weight: 300;
   line-height: 44px;
   font-size: 29px;
 }

 .stats-btm h3 {
   margin-top: 15px;
   font-weight: 300;
   font-size: 23px;
 }

 .stats-btm h3 a {
   background: var(--color-primary);
   color: #fff;
   padding: 2px 10px;
   border-radius: 10px;
   font-size: 26px;
 }

 .stats-btm .emg-timings h2 {
   color: var(--color-secondary);
   display: inline-block;
   font-size: 25px;
   font-weight: 500;
   padding: 2px 32px;
   margin-top: 24px;
   border-left: 4px solid var(--color-primary);
   border-right: 4px solid var(--color-primary);
   background: #fff;
   position: relative;
   margin-bottom: 7px;
   text-transform: uppercase;
 }

 .stats-btm .emg-timings h2::before {
   content: " ";
   position: absolute;
   width: 100%;
   height: 100%;
   box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .5);
   z-index: -1;
   left: 0;
   top: 0;
 }

 .emg-timings p {
   font-size: 20px;
   margin-top: 5px;
   line-height: 39px;
   font-weight: 800;
   margin-bottom: 0px;
 }

 .stats-btm .appnt-btn {
   padding: 7px 13px;
   display: inline-block;
   background: var(--color-primary);
   color: #fff;
   margin-top: 13px;
   font-size: 24px;
 }

 .main-serv-sec {
   position: relative;
   margin-bottom: 50px;
   padding: 80px 0px 40px;
 }

 .main-serv-sec::after {
   content: " ";
   position: absolute;
   width: 100%;
   height: 100%;
   background-image: url(../gallery/main-serv-bbg.png);
   background-repeat: no-repeat;
   top: 0px;
   opacity: 0.1;
 }

 .main-serv-sec::before {
   content: " ";
   position: absolute;
   width: 100%;
   height: 103%;
   background: var(--color-secondary);
   top: 0px;
   z-index: -1;
   clip-path: polygon(0 10%, 50% 0%, 100% 10%, 100% 100%, 50% 92%, 0 100%);
 }

 .main-serv-block {
   text-align: center;
   cursor: pointer;
   position: relative;
   margin-bottom: 50px;
 }

 .main-serv-img img {
   filter: brightness(0) invert(1);
 }


 .main-serv-row {
   padding-top: 50px;
   z-index: 2;
   position: relative;
 }

 .right-block .main-serv-content {
   right: 0px;
 }

 .right-block .main-inner-img {
   right: 44px;
 }

 .right-block .main-inner-text {
   left: -224%;
 }

 .main-serv-content {
   position: absolute;
   top: 0px;
   bottom: 0px;
   margin: auto;
   height: fit-content;
   /* width: max-content;
  display: inline-flex;
  left: 0px; */
 }

 .main-serv-content .main-inner-img img {
   border-radius: 50%;
   width: 165px;
   transition: all 0.4s ease 0s;
 }

 .main-inner-img {
   text-align: center;
   position: relative;
   right: -44px;
   top: 13px;
   overflow: hidden;
 }

 .main-inner-img:before {
   content: " ";
   background: linear-gradient(to top, var(--color-secondary), var(--color-primary));
   width: calc(100% - 20px);
   height: calc(100% - 20px);
   transform: translateX(-50%) translateY(-50%) scale(0);
   border-radius: 100%;
   position: absolute;
   top: 50%;
   left: 50%;
   transition: all 0.4s ease-in-out;
   z-index: 1;
   opacity: 0.9;
 }

 .main-serv-block:hover .main-inner-img:before {
   transform: translateX(-50%) translateY(-50%) scale(1);
 }

 .main-inner-text h2 {
   text-transform: uppercase;
   color: #fff;
   font-weight: 500;
   font-size: 20px;
 }

 .main-inner-text p {
   margin-bottom: 0px;
   padding: 0px 15px;
   color: #efefef;
   font-weight: 300;
   margin-top: 6px;
   line-height: 23px;
   font-size: 15px;
 }

 .main-inner-text p a {
   color: #fff;
 }

 .main-inner-text {
   position: absolute;
   top: 0px;
   padding: 0px 45px 0px;
   width: 345px;
   left: 115%;
   color: #fff;
   bottom: 0px;
 }

 .right-block .main-serv-content .icon {
   left: 15%;
 }

 .main-serv-content .icon {
   color: #fff;
   text-align: center;
   width: 22%;
   opacity: 0;
   /* transform: translateX(-45%) translateY(-21%); */
   position: absolute;
   top: 70%;
   left: 65%;
   transition: all 600ms ease;
   z-index: 1;
 }

 .main-serv-content:hover .icon {
   opacity: 1;
   top: 50%;
 }

 .icon {
   padding: 0;
   margin: 0;
   list-style: none;
 }

 .icon li a {
   color: #fff;
   font-size: 18px;
   line-height: 32px;
   height: 35px;
   width: 35px;
   border: 2px solid #fff;
   display: block;
   transition: all 0.3s;
 }

 .icon li a:hover {
   color: #ff5733;
   background: #fff;
   border-radius: 50px 50px;
   text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
 }


 .feedback-bg {
   position: relative;
   right: -55px;
 }

 .feedback-sec {
   position: relative;
   margin-bottom: 50px;
 }

 .feedback-block {
   padding-top: 65px;
   margin-left: 50px;
   position: relative;
   padding-bottom: 15px;
 }

 .feedback-block::before {
   content: " ";
   position: absolute;
   width: 100%;
   height: 100%;
   border-left: 1px solid var(--color-secondary);
   left: 0px;
   top: 0px;
 }

 .feedback-block::after {
   content: " ";
   position: absolute;
   width: 100%;
   height: 100%;
   border-top: 1px solid var(--color-secondary);
   left: -73px;
   top: 63px;
 }

 .feedback-desc {
   padding: 40px 30px 40px 50px;
 }

 .feedback-icon {
   position: absolute;
   top: -21px;
   left: -91px;
 }

 .feedback-icon img {
   width: 90px;
   opacity: 0.2;
 }

 .feedback-bg::before {
   content: " ";
   position: absolute;
   width: 300px;
   height: 300px;
   background: linear-gradient(-183deg, #f3c3c3, #ffffff00);
   border-radius: 50%;
   top: -12px;
   left: -19px;
   z-index: -1;
 }

 .feedback-desc p {
   line-height: 30px;
 }


 .blog-sec {
   position: relative;
   margin-bottom: 100px;
 }

 .blog-row {
   padding-top: 9px;
 }

 .serviceBox {
   padding: 5px 0 0;
   text-align: center;
 }

 .serviceBox .service-icon {
   color: #fff;
   background-color: var(--color-primary);
   font-size: 45px;
   text-align: center;
   line-height: 81px;
   width: 100px;
   height: 100px;
   margin: 0 auto;
   border: 10px solid #fff;
   border-radius: 50%;
   position: relative;
 }

 .serviceBox .service-icon:before,
 .serviceBox .service-icon:after {
   content: "";
   border: 3px solid #29292970;
   border-radius: 50%;
   transform: rotate(36deg);
   position: absolute;
   left: -12px;
   top: -12px;
   bottom: -12px;
   right: -12px;
   clip-path: polygon(0 0, 0 86.5%, 86.5% 0);
 }

 .serviceBox .service-icon:after {
   transform: rotate(36deg);
   clip-path: polygon(100% 3%, 100% 100%, 11% 100%);
 }

 .serviceBox .service-icon i {
   line-height: inherit;
 }

 .serviceBox .service-content {
   padding: 70px 15px 15px;
   margin: -55px 0 0;
   border-radius: 20px;
   border: 3px solid #29292970;
 }

 .serviceBox .title {
   color: var(--color-primary);
   font-size: 20px;
   font-weight: 600;
   margin: 0 0 5px;
 }

 .serviceBox .description {
   color: #666;
   font-size: 15px;
   line-height: 22px;
   margin: 0;
 }

 @media only screen and (max-width:990px) {
   .serviceBox {
     margin: 0 0 30px;
   }
 }

 .feedback-row {
   padding-top: 50px;
 }

 .faq-sec {
   position: relative;
   margin-bottom: 100px;
 }

 .asahcmaab {
   background: var(--color-secondary);
   text-align: center;
   padding: 25px 0;
   position: relative;
   z-index: 1;
   border-radius: 107px;
   border: 8px solid #dbe9f1;
 }

 .asahcmaab p {
   font-size: 34px;
   font-weight: 300;
   margin: 0 0 20px;
   text-transform: uppercase;
   color: #fff;
 }

 .asahcmaab h2 {
   font-size: 27px;
   font-weight: 300;
   margin-top: 0;
   display: inline-block;
 }

 .asahcmaab a {
   text-decoration: none;
   outline: 0;
   color: #fff;
   margin-left: 8px;
   background: var(--color-primary);
   padding: 7px 14px;
   border-radius: 31px;
   display: inline-block;
   font-size: 19px;
   text-transform: uppercase;
 }

 .main-footer {
   position: relative;
   background-image: url(../gallery/footer_bg2.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }

 .main-footer:before {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   content: "";
   /* background: #894242d1; */
   background: #3e3631c4;
 }

 .main-footer .footer-upper {
   position: relative;
   background-position: center;
   background-repeat: no-repeat;
   padding: 129px 0px 34px;
   margin-top: -86px;
 }

 .foore_add_head {
   text-align: center;
 }

 .foore_add_head h3 {
   text-transform: uppercase;
   display: inline-block;
   color: #fff;
   border-bottom: 2px dotted #b5b5b5;
   padding: 0 0 7px;
   font-size: 37px;
   margin: 0 0 25px;
   font-weight: 500;
 }

 .add_bar_row {
   justify-content: center;
   align-items: center;
 }

 .add_bar_row .col-md-4 {
   border-right: 2px dotted #b5b5b5;
   padding: 11px 22px;
 }

 ._addre_bar {
   text-align: center;
   color: #eee;
 }

 ._addre_bar i {
   width: 35px;
   height: 35px;
   background: var(--color-primary);
   color: #fff;
   border-radius: 50%;
   font-size: 16px;
   line-height: 35px;
   /* margin-bottom: 15px; */
 }

 ._addre_bar.footer-add h5 {
   margin: 0px 25px;
 }

 ._addre_bar h5 {
   font-weight: 400;
   font-size: 16px;
   color: #e3e3e3;
   /* line-height: 27px; */
   line-height: 16px;
 }

 .add_bar_row .col-md-4:nth-child(3),
 .add_bar_row .col-md-4:nth-child(2) {
   border-right: 0px;
 }

 .ftrtitle {
   position: relative;
   color: var(--color-primary);
   font-size: 19px;
   border-top: 2px dotted;
   margin: 14px 0 7px;
   padding-top: 6px;
 }

 ._addre_bar span {
   color: var(--color-primary);
   display: block;
   margin-top: 4px;
 }

 .add_bar_row .col-md-4:nth-child(3) {
   border-left: 2px dotted #b5b5b5;
 }

 .footer_links_row_sec .col-md-4:nth-child(1),
 .footer_links_row_sec .col-md-4:nth-child(2) {
   border-right: 2px dotted #b5b5b5;
 }

 .main-footer .footer-upper .footer-column:before {
   content: "";
   position: absolute;
   width: 3px;
   height: 137px;
   right: 12px;
   top: 83px;
 }

 .ftrabout {
   text-align: center;
 }

 .ftrabout img {
   width: 305px;
   margin-bottom: 13px;
   background: #fff;
 }

 .timings {
   text-align: center;
   color: #e3e3e3;
   margin-top: 20px;
   /* padding: 0 95px; */
   display: inline-block;
 }

 .timings_list {
   border-bottom: 1px dotted;
   padding-bottom: 4px;
   margin-bottom: 4px;
 }

 .social-icon-two {
   position: relative;
   text-align: center;
   margin-top: 11px;
   padding: 9px 17px 0;
   margin-bottom: 10px;
 }

 .social-icon-two li {
   position: relative;
   display: inline-block;
 }

 .social-icon-two li a {
   position: relative;
   display: block;
   font-size: 18px;
   width: 35px;
   height: 35px;
   line-height: 33px;
   color: #4f6bd3;
   border-radius: 50%;
   font-weight: 400;
   text-align: center;
   margin: 0 5px;
   -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease;
   background: #fff;
 }

 .social-icon-two li:nth-child(2) a {
   color: red;
 }

 .social-icon-two li:nth-child(3) a {
   color: #e014d0;
 }

 .social-icon-two li:nth-child(4) a {
   color: #ed1b24;
 }

 .social-icon-two li a:hover {
   color: #fff;
   background: var(--color-primary);
 }

 .social-icon-two li a:first-child {
   margin-left: 0;
 }

 .main-footer .footer-upper .footer-column {
   position: relative;
   margin-bottom: 16px;
   margin-top: 10px;
 }

 .footer-add {
   position: relative;
   border-bottom: 1px dotted #b5b5b5;
   margin-bottom: 17px;
   padding-bottom: 16px;
   display: inline-block;
 }

 .add_bar_row .col-md-6:nth-child(1) {
   border-right: 1px dotted #b5b5b5;
 }

 .main-footer .links-widget {
   position: relative;
 }

 .main-footer .footer-widget .widget-title {
   position: relative;
   font-size: 23px;
   font-weight: 500;
   color: #fefefe;
   margin-bottom: 18px;
   text-transform: uppercase;
 }

 .main-footer .footer-widget .widget-title::before {
   content: "";
   position: absolute;
   width: 62px;
   height: 2px;
   border-bottom: 2px solid var(--color-primary);
   left: 0;
   top: 32px;
 }

 .main-footer .list {
   position: relative;
   padding-left: 20px;
   /* border-left: 1px dotted #ccc; */
 }

 .main-footer .list li {
   position: relative;
   display: block;
   margin-bottom: 0px;
   padding-left: 15px;
 }

 .main-footer .list li:before {
   position: absolute;
   left: 0;
   top: 9px;
   height: 10px;
   width: 10px;
   border-radius: 5px;
   border: 2px solid #cfcfcf;
   content: "";
   background: var(--color-primary);
 }

 .main-footer .list li a {
   position: relative;
   font-size: 16px;
   line-height: 31px;
   font-weight: 400;
   -webkit-transition: all 0.3sease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3sease;
   color: inherit;
   color: #e3e3e3;
   text-transform: capitalize;
 }

 .main-footer .list li::after {
   content: "";
   position: absolute;
   width: 13px;
   height: 1px;
   border-bottom: 1px dotted #ccc;
   left: -20px;
   top: 13px;
 }

 .main-footer .footer-bottom {
   position: relative;
   text-align: center;
 }

 .main-footer .footer-bottom:before {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   opacity: .03;
   content: "";
 }

 .main-footer .footer-bottom .copyright {
   position: relative;
   font-weight: 400;
   font-size: 16px;
   line-height: 30px;
   padding: 12px 0px;
   border-top: 1px dotted;
   color: #e3e3e3;
 }

 .auto-container {
   position: relative;
   max-width: 1155px;
   padding: 0px 15px;
   margin: 0 auto;
 }

 .main-footer .footer-bottom .copyright a {
   color: var(--color-secondary);
 }

 .footer-about p {
   color: #e3e3e3;
   padding: 0px 50px;
 }

 .feedback-scroll .owl-dots {
   position: relative;
   left: 50px;
   bottom: 30px;
   width: 100%;
   margin-top: 0px;
 }

 .feedback-scroll .owl-dot {
   position: relative;
   display: inline-block;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   opacity: 1;
   margin: 0px 2px;
   -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease;
   background: var(--color-secondary);
 }

 .feedback-scroll .owl-dot:hover,
 .feedback-scroll .owl-dot.active {
   opacity: 1;
   background: var(--color-primary);
 }

 .appointment-button {
   position: fixed;
   bottom: 50%;
   right: -77px;
   background-color: var(--color-primary);
   color: #fff;
   border: none;
   /* border-radius: 50%; */
   padding: 15px 13px;
   text-decoration: none;
   text-align: center;
   box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
   z-index: 999;
   font-size: 19px;
   transition: background-color 0.3sease, transform 0.3sease;
   transform: translateY(-50%) rotate(-90deg);
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
 }

 .appointment-button:hover {
   color: #fff;
   background: var(--color-secondary);
 }


 .appointment-body {
   border-radius: 25px;
   box-shadow: 0 0 25px -8px #555;
   position: relative;
   border: none;
   background: transparent;
 }

 .appointment-body:before {
   content: "";
   background: url(../gallery/apt-bg.jpg);
   width: 100%;
   height: 100%;
   border-radius: 25px;
   position: absolute;
   top: 0px;
   left: 0;
   background-position: center top;
   background-repeat: no-repeat;
   z-index: -1;
   filter: grayscale(1);
 }

 .appointment-body::after {
   content: "";
   background: linear-gradient(to top, var(--color-secondary), var(--color-secondary), #14324e00);
   width: 100%;
   height: 100%;
   border-radius: 25px;
   position: absolute;
   top: 0px;
   left: 0;
   background-position: center top;
   background-repeat: no-repeat;
   z-index: -1;
 }

 .appointment-body .form-sec {
   padding-top: 155px;
 }

 .appointment-body {
   padding: 0px 30px 30px !important
 }

 .appointment-body .icon {
   color: #F2F7FB;
   font-size: 80px;
   text-align: center;
   line-height: 100px;
   margin: 0 0 35px;
 }

 .appointment-body .form-control {
   color: #fff;
   font-size: 16px;


   min-height: 40px;
   padding: 2px 15px 2px 15px;
   border-radius: 0px;

   display: inline-block;
   transition: all 0.3s;
   /* border: none; */

 }

 .appointment-body .form-control::placeholder {
   color: #fff;
   font-size: 16px;
 }

 .appointment-body .form-control:hover {
   box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);

 }

 .appointment-body .subscribe {
   color: #fff;

   font-size: 18px;
   font-weight: 400;
   text-transform: uppercase;
   padding: 2px 15px;
   margin: 0 auto;
   border: none;
   border-radius: 50px;
   overflow: hidden;
   display: block;
   position: relative;
   z-index: 1;
   transition: all 0.3s;
   background-color: var(--color-primary);
   cursor: pointer;
 }


 .appointment-body .subscribe:hover {
   color: #fff;
 }

 .appointment-body .subscribe:hover:before {
   background: #fff;
 }

 .blog-sec .sec-head p {
   padding: 0px;
 }

 .form-sec h2 {
   color: #fff;
   font-family: "Minerva Modern";
   font-weight: 500;
   text-transform: capitalize;
   font-size: 37px;
   padding-bottom: 2px;
   margin-bottom: 10px;
 }

 .form-sec p {
   color: #fff;
 }

 .blog-block {
   position: relative;
   border: 1px solid var(--color-primary);
   padding: 11px;
   width: 315px;
   margin: 40px auto 0px;
 }

 .blog-inner-block {
   position: relative;
   background: #fff;
   padding: 15px 10px;
   box-shadow: -3px 4px 7px #00000033;
   /* border-radius: 20px; */
 }

 .blog-content h2 {
   font-weight: 500;
   font-size: 22px;
   color: var(--color-secondary);
 }

 .blog-content p {
   margin-bottom: 7px;

 }

 .blog-content a {
   padding: 4px 10px;
   background: var(--color-primary);
   color: #fff;
 }

 .blog-date {
   position: absolute;
   background: linear-gradient(45deg, var(--color-primary), var(--color-secondary));
   padding: 4px 16px 2px;
   color: #fff;
   right: -12px;
   top: -55px;
   z-index: -1;
 }

 .blog-date h3 {
   font-size: 35px;
   font-weight: 300;
   line-height: 30px;
 }

 .blog-date h3 span {
   font-size: 17px;
 }

 .blog-img img {
   border-radius: 10px;
 }

 .blog-img {
   margin-bottom: 10px;
 }

 .faq-row {
   position: absolute;
   top: 0px;
 }

 .faq-icon img {
   filter: brightness(0) invert(1);
 }

 .faq-icon {
   background: linear-gradient(45deg, #282320, #a97070);
   width: 75px;
   padding: 16px;
   border-radius: 50%;
   left: 21px;
   position: relative;
   top: 48px;
 }

 .faq-content h2 {
   font-size: 18px;
 }

 .faq-content p {
   font-size: 15px;
   margin-bottom: 0px;
   line-height: 23px;
   margin-top: 4px;
 }

 .faq-main-row {
   padding-top: 30px;
 }

 .faq-content {
   position: relative;
   left: -15px;
 }

 .faq-main-img {
   position: relative;
   top: -6px;
 }

 ::-webkit-calendar-picker-indicator {
   filter: invert(1);
 }

 .top-phn-btn {
   position: absolute;
   right: 20px;
   top: 17px;
   z-index: 1;
 }

 .top-phn-btn a {
   color: var(--color-primary);
 }

 .top-phn-btn a i {
   background: var(--color-secondary);
   color: #fff;
   width: 28px;
   height: 28px;
   text-align: center;
   line-height: 28px;
   border-radius: 8px;
   font-size: 15px;
 }

 .phn-first {
   margin-right: 10px;
   padding-right: 15px;
   border-right: 1px solid var(--color-primary);
 }




 .top-wrap1 {
   position: relative;
 }

 .bread_cumb_wrap {
   position: relative;
   text-align: center;
   left: 0;
   right: 0;
   padding: 185px 0 20px
 }

 .bread_cumb_wrap::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 425px;
   top: 0;
   left: 0;
   z-index: -1;
   background-image: url(../gallery/bread-cumb.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   opacity: .2
 }

 .bread_cumb_wrap h1 {
   text-transform: capitalize;
   color: var(--color-default);
   font-size: 26px;
   margin-bottom: 10px;
   font-weight: 400
 }

 .bread_cumb_wrap ul {
   display: inline-block;
   padding: 4px 15px;
   border-radius: 10px;
   background: linear-gradient(45deg, var(--color-primary), var(--color-secondary));
 }

 .bread_cumb_wrap ul li {
   display: inline-block;
   position: relative;
   padding: 0 7px;
   color: #ffffff
 }

 .bread_cumb_wrap ul i {
   color: #fff;
 }

 .bread_cumb_wrap ul li a {
   display: block;
   color: #ffffff;
   font-size: 17px
 }

 .inner-section {
   position: relative;
   min-height: 47vh;
   padding: 155px 0 80px
 }

 .inner-section1 {
   position: relative;
   padding: 60px 0 70px;
 }

 .serv-matter p {
   text-align: justify;
   line-height: 30px;
   margin-bottom: 10px;
 }

 .ol_styles {
   padding: 0;
   padding-left: 20px;
 }

 .ol_styles li {
   position: relative;
   padding-left: 1px;
   margin-bottom: 5px;
   line-height: 28px;
   font-size: 16px;
   text-align: justify;
   list-style: disc;
 }

 .serv-matter h2 {
   color: var(--color-secondary);
   font-size: 23px;
   margin: 15px 0px 5px;
 }

 .serv-matter h3 {
   color: var(--color-primary);
   font-size: 20px;
   margin: 15px 0px 5px;
 }

 .inner-serv-img img {
   border: 6px solid #f5f5f5;
   box-shadow: 0px 0px 8px #00000052;
 }

 .inner-section1 .contact-txt a {
   color: var(--color-default);

 }

 .contact-txt a:hover {

   color: var(--color-secondary);
 }


 .inner-section1 .contact-call-blk {
   position: relative;
 }


 .contact-call-blk .contact-txt {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   margin: auto;
   padding: 33% 2%;
 }


 ._cform {
   position: relative;
   padding: 23px 23px;
   max-width: 1000px;
   margin: auto;
   margin-top: 39px;
   text-align: center;
   box-shadow: 0 0 10px #ccc;
   border: 7px solid #f5f5f5;
 }

 ._cform h3 {
   text-transform: capitalize;
   margin-bottom: 20px;
   font-weight: 500;
   font-size: 34px;
   color: var(--color-secondary);
   font-family: "Minerva Modern";
 }

 ._cform .form-control {
   background-color: #89424224;
   height: 50px;
 }

 ._cform textarea {
   height: 100px !important;
 }

 .c-map {
   margin-top: 39px;
 }

 iframe {
   box-shadow: 0 0 10px #ccc;
   border: 7px solid #f5f5f5;
 }

 ._cform .form-control::placeholder {
   color: #000000;
   opacity: 1
 }

 ._cform .form-control:focus {
   color: #000;
 }

 ._cform .btn {
   background: var(--color-primary);
   border-color: transparent;
 }




 .main-timeline {

   position: relative;
 }

 .main-timeline:after {
   content: '';
   display: block;
   clear: both;
 }

 .main-timeline:before {
   content: '';
   height: 99%;
   width: 2px;
   border: 2px dashed #a3a3ad;
   transform: translateX(-50%);
   position: absolute;
   left: 50%;
   top: 30px;
 }

 .main-timeline .timeline {
   width: 50%;
   padding: 0 35px 0 27px;
   margin: 0 10px 20px 0;
   float: left;
 }

 .main-timeline .timeline-content {
   background: linear-gradient(#fadfdf, #fff);
   text-align: center;
   padding: 15px 115px 15px 40px;
   border-radius: 5px;
   box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.6);
   display: block;
   position: relative;
 }

 .main-timeline .timeline-content:hover {
   text-decoration: none;
 }

 .main-timeline .timeline-content:before,
 .main-timeline .timeline-content:after {
   content: "";
   background: linear-gradient(to bottom, #564845, #f3c3c3);
   width: 35px;
   height: 35px;
   transform: rotate(-45deg);
   position: absolute;
   top: 13px;
   right: -53px;
   z-index: 1;
 }

 .main-timeline .timeline-content:after {
   background: #fff;
   transform: rotate(-45deg) scale(0.6);
 }

 .main-timeline .timeline-icon {
   color: #fff;
   background: linear-gradient(to right, #617de0, #78b1f8);
   font-size: 23px;
   text-align: center;
   line-height: 40px;
   height: 40px;
   width: 40px;
   transform: translateY(-50%) rotate(-45deg);
   position: absolute;
   top: 50%;
   left: -20px;
 }

 .main-timeline .timeline-icon i {
   transform: rotate(45deg);
   line-height: inherit;
 }

 .main-timeline .timeline-year {
   color: #fff;
   background: linear-gradient(to bottom, #617de0, #78b1f8);
   font-size: 32px;
   font-weight: 900;
   text-align: center;
   line-height: 100px;
   height: 100%;
   width: 100px;
   border-radius: 0 0 5px 0;
   position: absolute;
   right: 0;
   top: 0;
 }

 .main-timeline .timeline-year:after {
   content: '';
   background: linear-gradient(to right bottom, #617de0 49%, transparent 50%);
   height: 33px;
   width: 33px;
   position: absolute;
   right: -33px;
   top: 0;
 }

 .main-timeline .title {
   color: var(--color-secondary);
   font-size: 20px;
   font-weight: 600;
   text-transform: uppercase;

   margin: 0 0 7px 0;
 }

 .main-timeline .description {
   color: #333;
   font-size: 15px;

   margin: 0;
 }

 .main-timeline .timeline:nth-child(even) {
   padding: 0 27px 0 35px;
   margin: 0 0 20px 10px;
   float: right;
 }

 .main-timeline .timeline:nth-child(even) .timeline-content {
   padding: 15px 40px 15px 115px;
   background: linear-gradient(to top, #fadfdf, #fff);
 }

 .main-timeline .timeline:nth-child(even) .timeline-content:before,
 .main-timeline .timeline:nth-child(even) .timeline-content:after {
   right: auto;
   left: -52px;

 }

 .main-timeline .timeline:nth-child(even) .timeline-content::before {
   background: linear-gradient(to top, #564845, #f3c3c3);

 }

 .main-timeline .timeline:nth-child(even) .timeline-icon {
   left: auto;
   right: -20px;
 }

 .main-timeline .timeline:nth-child(even) .timeline-year {
   right: auto;
   left: 0;
   border-radius: 0 0 0 5px;
 }

 .main-timeline .timeline:nth-child(even) .timeline-year:after {
   transform: rotateY(180deg);
   right: auto;
   left: -33px;
 }

 /* .main-timeline .timeline:nth-child(4n+2) .timeline-content:before,
.main-timeline .timeline:nth-child(4n+2) .timeline-icon {background:linear-gradient(to left,#f53b57,#ef5777);}
.main-timeline .timeline:nth-child(4n+2) .timeline-year {background:linear-gradient(to bottom,#f53b57,#f53b57,#ef5777);}
.main-timeline .timeline:nth-child(4n+2) .timeline-year:after{background:linear-gradient(to right bottom, #f53b57 49%, transparent 50%);} */



 @media screen and (max-width:767px) {
   .main-timeline:before {
     left: 17px;
     transform: translateX(0);
   }

   .main-timeline .timeline,
   .main-timeline .timeline:nth-child(even) {
     width: 100%;
     padding: 0 0 27px 40px;
     margin: 0 0 30px 0;
   }

   .main-timeline .timeline-content,
   .main-timeline .timeline:nth-child(even) .timeline-content {
     padding: 70px 15px 35px 15px;
   }

   .main-timeline .timeline-content:before,
   .main-timeline .timeline-content:after,
   .main-timeline .timeline:nth-child(even) .timeline-content:before,
   .main-timeline .timeline:nth-child(even) .timeline-content:after {
     height: 25px;
     width: 25px;
     top: 10px;
     right: auto;
     left: -34px;
   }

   .main-timeline .timeline-icon,
   .main-timeline .timeline:nth-child(even) .timeline-icon {
     transform: translateY(0) translateX(50%) rotate(-45deg);
     left: auto;
     right: 50%;
     top: auto;
     bottom: -20px;
   }

   .main-timeline .timeline-year,
   .main-timeline .timeline:nth-child(even) .timeline-year {
     width: 100%;
     height: 50px;
     line-height: 50px;
     border-radius: 0 5px 5px 5px;
     right: auto;
     left: 0;
   }

   .main-timeline .timeline-year:after,
   .main-timeline .timeline:nth-child(even) .timeline-year:after {
     height: 20px;
     width: 20px;
     transform: rotateY(180deg);
     right: auto;
     left: -20px;
   }
 }

 @media screen and (max-width:576px) {
   .main-timeline .title {
     font-size: 18px;
   }
 }

 .abt-doc-info h3 {
   font-family: "Minerva Modern";
   font-weight: 500;
   text-transform: uppercase;
   font-size: 40px;
   color: var(--color-secondary);
   margin-bottom: 0px;
 }

 .abt-doc-info h4 {
   font-weight: 400;
   font-size: 18px;
   color: var(--color-default);
   display: inline-block;
 }

 .abt-doc-info {
   margin-bottom: 30px;
 }

 .inner-blog-info {
   margin-top: 20px;
 }

 .inner-blog-info h2 {
   font-size: 20px;
   color: var(--color-secondary);
   margin-bottom: 10px;
 }

 .inner-blog-img img {
   border: 6px solid #f5f5f5;
   box-shadow: 0px 14px 7px -10px #969696;
 }

 .inner-blog-info a {
   border: 1px solid var(--color-secondary);
   color: var(--color-secondary);
   padding: 1px 7px;
 }

 .inner-blog-row .col-md-5:nth-child(1)::before,
 .inner-blog-row .col-md-5:nth-child(3)::before {
   content: " ";
   position: absolute;
   width: 1px;
   height: 60%;
   top: 0px;
   bottom: 0px;
   margin: auto;
   right: 0px;
   background: var(--color-primary);
 }


 .timeline-img {
   width: 70px;
   position: absolute;
   right: 10px;
   top: -35px;
   opacity: 0.2;
 }

 .main-timeline .timeline:nth-child(even) .timeline-img {

   left: 10px;

 }


 .inner-blogs {
   margin-bottom: 40px;
 }