/* Css For Bharatam */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/



/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


:root{
  --theme-color: #444394;
  --secondary-color: #0A0F20;
  --pink-color: #FFC0CB;
  --violet-color: #7F00FF;
  --crimson-color: #DC143C;
  --orange-color: #FFA500;
  --text-color: #676767;
  --title-color: #141417;
  --text-font: 'Inter', sans-serif;
  --title-font: 'Manrope', sans-serif;
}





body {
  font-size:16px;
  color: var(--text-color);
  line-height:28px;
  font-weight:400;
  background:#ffffff;
  font-family: var(--text-font);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

  @media (min-width:1200px) {
  .container {
    max-width: 1200px;
    padding: 0px 15px;
  }
}

.large-container{
  max-width: 1710px;
  padding: 0px 15px;
  margin: 0 auto;
}

.container-fluid{
  padding: 0px;
}

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

.small-container{
  max-width:680px;
  margin:0 auto;
}

.boxed_wrapper{
  position: relative;
  margin: 0 auto;
  overflow: hidden !important;
  width: 100%;
  min-width: 300px;
}


a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
}

input,button,select,textarea{
  font-family: var(--text-font);
  font-weight: 400;
  font-size: 18px;
  background: transparent;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

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

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-family: var(--text-font);
  color: #000;
  font-weight: 400;
  margin: 0px;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6{
  position:relative;
/*  font-family: var(--title-font);*/
  font-weight: 700;
  color: var(--title-color);
  margin: 0px;
  transition: all 500ms ease;
}

/* Preloader */

.handle-preloader {
  align-items: center;
  -webkit-align-items: center;
  display: flex;
  display: -ms-flexbox;
  height: 100%;
  justify-content: center;
  -webkit-justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
  background: #0E1D40;
}

.preloader-close{
  position: fixed;
  z-index: 99999999;
  font-size: 14px;
  background: #fff;
  color: red;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  right: 30px;
  top: 30px;
  font-weight: 400;
}

.handle-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}

.handle-preloader .animation-preloader .spinner{
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  height: 150px;
  margin: 0 auto 45px auto;
  width: 150px;
}

.handle-preloader .animation-preloader .txt-loading {
  text-align: center;
  user-select: none;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
  animation: letters-loading 4s infinite;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  top:0;
  position: absolute;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading{
  font-family: var(--title-font);
  font-weight: 500;
  letter-spacing: 15px;
  display: inline-block;
  position: relative;
  font-size: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.30);
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before { animation-delay: 1.6s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(10):before { animation-delay: 1.8s;}
.handle-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}

.preloader .loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
  color: #ffffff;
}

.handle-preloader .animation-preloader .spinner{
  border: 3px solid #ffffff;
  border-top-color: rgba(255, 255, 255, 0.5); 
}

/* Animación del preloader */
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

@media screen and (max-width: 767px) {
  .handle-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em;
  }
}
@media screen and (max-width: 500px) {
  .handle-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }
  .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 30px; letter-spacing: 10px;}
}


.centred{
  text-align: center;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right;
}


figure{
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

.row{
  --bs-gutter-x: 30px;
}

/** button **/


.theme-btn{
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  font-family: var(--title-font);
  color: #fff !important;
  text-align: center;
  padding: 18px 35px;
  z-index: 1;
  transition: all 500ms ease;
}

.theme-btn.btn-one {
    background: #444394 !important;
}

.theme-btn.btn-two{
  background: var(--secondary-color);
}

.theme-btn.btn-three{
  background: #fff;
  color: var(--theme-color);
}

.theme-btn:before, .theme-btn:after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--secondary-color);
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transform-origin: center;
  transform: scale(0) rotate(0);
  z-index: -1;
}

.theme-btn.btn-two:before, .theme-btn.btn-two:after {
    background: #444394 !important;
}
.theme-btn:hover:before {
  border-radius: 0;
  transform: scale(1) rotate(-180deg);
}

.theme-btn:hover:after {
  border-radius: 0;
  transform: scale(1) rotate(180deg);
}

.parallax-bg{
  position: absolute;
  left: 0px;
  top: -30%;
  width: 100%;
  height: calc(100% + 30%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


/** styled-pagination */

.pagination{
  position: relative;
  display: block;
}

.pagination li{
  position: relative;
  display: inline-block;
  margin: 0px 4px;
}

.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  height: 60px;
  width: 60px;
  line-height: 62px;
  background: #ffffff;
  box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.07);
  text-align: center;
  color: var(--title-color);
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.current{
  color: #fff;
  background: var(--theme-color);
  border-color: var(--theme-color);
}

.pagination li a i{
  font-size: 16px;
}

.mr-0{
  margin: 0px !important;
}

/** scroll-to-top **/

.scroll-to-top{
  position: fixed;
  right: 0px;
  bottom: 100px;
  transform: rotate(90deg);
  z-index: 99;
}

.scroll-to-top .visible {
  visibility: visible!important;
  opacity: 1!important;
}

.scroll-to-top .scroll-top-inner {
  opacity: 0;
  visibility: hidden;
}

.scroll-to-top .scroll-top-inner{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
  -o-transition: all cubic-bezier(.4,0,.2,1) .4s;
  transition: all cubic-bezier(.4,0,.2,1) .4s;
}

.scroll-to-top .scroll-bar {
  width: 50px;
  height: 2px;
  margin-right: 10px;
  position: relative;
}

.scroll-to-top .scroll-bar:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #f4244f;
  opacity: .3;
}

.scroll-to-top .scroll-bar .bar-inner {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: currentColor;
}

.scroll-to-top .scroll-bar-text{
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: #ee8800 !important;
  text-shadow: 0px 1px 0px #fff;
  transition: all 500ms ease;
}

.scroll-to-top .scroll-bar-text:hover{
  transform: scale(1.1);
}



@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}



.sec-title{
  position: relative;
  display: block;
}

.sec-title h6{
  display: block;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: #444394 !important;
}

.sec-title h2{
  display: block;
  font-size: 40px;
  line-height: 52px;
  font-weight: 800;
}

.sec-title.light .sub-title,
.sec-title.light h2{
  color: #fff !important;
}

.sec-title p{
  margin-top: 17px;
}

.sec-title h2 span{
  color: var(--theme-color);
}





/*** 

====================================================================
                        Home-Page-One
====================================================================

***/


/** main-header **/

.main-header{
  position:relative;
  left:0px;
  top:0px;
  right: 0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0px;
  top:0px;
  width:100%;
  z-index:0;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/** header-top **/

.header-top{
  position: relative;
  width: 100%;
  background: #212226;
  padding: 10px 0px;
}

.header-top .top-inner{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 350px;
}

.header-top .links-list{
  position: relative;
  display: flex;
  align-items: center;
}

.header-top .links-list li{
  margin-right: 35px;
}

.header-top .links-list li:last-child{
  margin: 0px !important;
}

.header-top .links-list li a{
  position: relative;
  display: inline-block;
  color: #fff;
}

.header-top .links-list li a:hover {
    color: #ee8800 !important;
}

.header-top .info-list{
  position: relative;
  display: flex;
  align-items: center;
}

.header-top .info-list li{
  position: relative;
  margin-right: 40px;
  padding-left: 32px;
  color: #fff;
}

.header-top .info-list li:last-child{
  margin: 0px !important;
}

.header-top .info-list li i {
    position: absolute;
    left: 0px;
    top: 5px;
    font-size: 18px;
    color: #ee8800 !important;
}
.header-top .info-list li a{
  position: relative;
  display: inline-block;
  color: #fff;
}

.header-top .info-list li a:hover{
  color: var(--theme-color);
}
figure.logo img {
    height: 73px;
}
.main-header .outer-box{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-header .outer-box .logo-box {
    position: relative;
    padding: 26px 20px 25px 0px;
    margin-top: -60px;
    background: #eee !important;
    z-index: 1;
}

.main-header .outer-box .logo-box .shape{
  position: absolute;
  top: 0px;
  right: -24px;
  width: 24px;
  height: 100%;
  background: #eee !important;
  clip-path: polygon(100% 0%, 0% 50%, 100% 100%, 0 100%, 0 50%, 0 0);
}

.main-header .outer-box .logo-box:after{
  position: absolute;
  content: '';
  top: 0px;
  right: -32px;
  width: 32px;
  height: 100%;
  background: #eee !important;
  clip-path: polygon(100% 0%, 25% 50%, 100% 100%, 0 100%, 0 50%, 0 0);
  opacity: 0.15;
}

.main-header .outer-box .logo-box:before{
  position: absolute;
  content: '';
  background: #eee !important;
  width: 5000px;
  height: 100%;
  top: 0px;
  right: 0px;
  z-index: -1;
}

.main-header .menu-right-content{
  position: relative;
  display: flex;
  align-items: center;
}

.main-header .menu-right-content .theme-btn{
  padding: 13px 30px;
}

.main-header .menu-area{
  position: relative;
  display: flex;
  align-items: center;
}


/** main-menu **/

.main-menu{
  float: left;
}

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

.main-menu .navigation{
  margin:0px;
}

.main-menu .navigation > li{
  position:inherit;
  float:left;
  z-index:2;
  margin: 0px 12px;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-menu .navigation > li:last-child{
  margin-right:0px !important;
}

.main-menu .navigation > li:first-child{
  margin-left: 0px !important;
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  text-align:center;
  font-size:16px;
  line-height:26px;
  padding-top: 22px;
  padding-bottom: 22px;
  font-weight:600;
  font-family: var(--title-font);
  opacity:1;
  color: #141417;
  z-index:1;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.main-menu .navigation > li.dropdown > a{
  padding-right: 17px;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  color: #444394 !important;
}

.main-menu .navigation > li.dropdown > a:before{
  position: absolute;
  content: "\f107";
  font-family: 'Font Awesome 5 Pro';
  top: 25px;
  right: 0px;
  font-weight: 500;
  transition: all 500ms ease;
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  position:absolute;
  left: inherit;
  top:100%;
  width:200px;
  margin-top: 15px;
  z-index:100;
  display:none;
  background: var(--secondary-color);
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  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.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
}

.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > .megamenu li > a{
  position:relative;
  display:block;
  padding:8px 15px;
  line-height:24px;
  font-weight:600;
  font-size:16px;
  text-transform:capitalize;
  font-family: var(--title-font);
  color:#fff;
  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 > a{
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.main-menu .navigation > li > .megamenu li > a{
  padding-left: 0px;
}

.main-menu .navigation > li > .megamenu h4{
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
}

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

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

.main-menu .navigation > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:20px;
  top:10px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:800;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:100%;
  top:0%;
  margin-top: 15px;
  background: var(--secondary-color);
  width:230px;
  z-index:100;
  display:none;
  border-radius: 0px;
  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 > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
}

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

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  padding:10px 25px;
  line-height:24px;
  font-weight:600;
  font-size:16px;
  text-transform:capitalize;
  font-family: var(--title-font);
  color:#fff;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  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 > ul > li:last-child > a{
  border-bottom: none;
}

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

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:20px;
  top:12px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:900;
  z-index:5;  
}

.main-menu .navigation > li.dropdown:hover > ul,
.main-menu .navigation > li.dropdown:hover > .megamenu{
  visibility:visible;
  opacity:1;
  margin-top: 0px;
  top: 100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  top: 0%; 
  margin-top: 0px;
}

.main-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:-32px;
  top:66px;
  width:34px;
  height:30px;
  text-align:center;
  font-size:18px;
  line-height:26px;
  color:#3b3b3b;
  cursor:pointer;
  display: none;
  z-index:5;
  transition: all 500ms ease;
}

.main-menu .navigation li.current.dropdown .dropdown-btn,
.main-menu .navigation li:hover .dropdown-btn{
  
}

.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{
  display: none;
}

.menu-area .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  background: var(--secondary-color);
  display: none;
}

.mobile-menu .nav-logo img {
  max-width: 160px;
  background-color: #fff;
  padding: 5px 10px;
}

.menu-area .mobile-nav-toggler .icon-bar{
  position: relative;
  height: 2px;
  width: 30px;
  display: block;
  margin-bottom: 5px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.menu-area .mobile-nav-toggler .icon-bar:last-child{
  margin-bottom: 0px;
}


/** megamenu-style **/

.main-menu .navigation > li.dropdown > .megamenu{
  position: absolute;
  width: 100%;
  padding: 30px 50px;
  left: 0px;
}

.main-menu .navigation li.dropdown .megamenu li h4{
  margin-bottom: 10px;
}

.sticky-header .main-menu .navigation > li > a{
  padding-top: 27px;
  padding-bottom: 27px;
}

.sticky-header .main-menu .navigation > li.dropdown > a:before{
  top: 27px;
}

.main-header .sticky-header .outer-box .logo-box{
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}


/** mobile-menu **/

.nav-outer .mobile-nav-toggler{
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color:#3786ff;
  display: none;
}

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

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

.mobile-menu .nav-logo {
  position: relative;
  padding: 25px 25px;
  text-align: left;
  padding-bottom: 20px;
}
.mobile-menu-visible{
  overflow: hidden;
}

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

.mobile-menu .menu-backdrop{
  position: fixed;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 900ms ease;
  background-color: #000;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 0.70;
  visibility: visible;
  right: 100%;
  -webkit-transition: all .8s ease-out 0s;
  -o-transition: all .8s ease-out 0s
}

.mobile-menu .menu-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #141417;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 900ms ease !important;
}

.mobile-menu-visible .mobile-menu .menu-box{
  opacity: 1;
  visibility: visible;
  -webkit-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;
  right: 25px;
  top: 10px;
  line-height: 30px;
  width: 24px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  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.10);
}

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

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

.mobile-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  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 ul li > a{
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}

.mobile-menu .navigation li > a:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:0;
  border-left:5px solid #fff;
  -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.dropdown .dropdown-btn{
  position:absolute;
  right:6px;
  top:6px;
  width:32px;
  height:32px;
  text-align:center;
  font-size:16px;
  line-height:32px;
  color:#ffffff;
  background:rgba(255,255,255,0.10);
  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{
  color: #ffffff;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);  
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul,
.mobile-menu .navigation > li.dropdown > .megamenu{
  display: none;
}

.mobile-menu .social-links {
  position: relative;
  padding: 30px 15px 0px;
}

.mobile-menu .social-links li{
  position:relative;
  display:inline-block;
  margin:0px 10px 10px;
}

.mobile-menu .social-links li a{
  position:relative;
  line-height:32px;
  font-size:16px;
  color:#ffffff;
  -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 .social-links li a:hover{
  
}

div#mCSB_1_container{
  top: 0px !important;
}

.mobile-menu .contact-info {
  position: relative;
  padding: 30px 30px 20px 30px;
}

.mobile-menu .contact-info h4 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
}

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 15px;
  color: rgba(255,255,255,0.80);
  margin-bottom: 3px;
}

.mobile-menu .contact-info ul li a{
  color: rgba(255,255,255,0.80);
}

.mobile-menu .contact-info ul li a:hover{
  
}

.mobile-menu .contact-info ul li:last-child{
  margin-bottom: 0px;
}

.main-header .outer-box{
  position: relative;
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
  display: none !important;
}

.owl-nav button{
  background: transparent;
}

.float-bob-y {
  animation-name: float-bob-y;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-y;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-y;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-y;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.float-bob-x{
  animation-name: float-bob-x;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-x;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-x;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-x;
  -ms-animation-duration: 15s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-x;
  -o-animation-duration: 15s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}


/** rtl-switcher **/

.demo-rtl{
  position: fixed;
  top: 390px;
  left: 10px;
  z-index: 9999;
}

button.rtl{
  background: var(--theme-color);
  display: block;
  text-indent: inherit;
  font-size: 12px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  margin: 0px;
  color: #fff !important;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
  transition: all 500ms ease;
}

.demo-ltr{
  position: fixed;
  top: 390px;
  left: auto;
  right: 10px;
  z-index: 9999;
}

button.ltr {
  background: var(--theme-color);
  display: block;
  text-indent: inherit;
  font-size: 12px;
  font-weight: 700;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0px;
  color: #fff !important;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 1.0);
  transition: all 500ms ease;
}

.boxed_wrapper.ltr .demo-rtl{
  display: block;
}

.boxed_wrapper.ltr .demo-ltr{
  display: none;
}

.boxed_wrapper.rtl .demo-rtl{
  display: none;
}

.boxed_wrapper.rtl .demo-ltr{
  display: block;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}


/** main-footer **/

.main-footer{
  position: relative;
  background: var(--secondary-color);
}

.main-footer .widget-section {
    position: relative;
    padding: 80px 0px 80px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.main-footer .footer-logo{
  margin-bottom: 21px;
}

.main-footer p,
.main-footer a{
  color: #fff;
}

.main-footer a:hover {
    color: #ee8800 !important;
}

.main-footer .logo-widget p{
  margin-bottom: 25px;
}

.main-footer .social-links{
  position: relative;
  display: flex;
  align-items: center;
}

.main-footer .social-links li{
  margin-right: 10px;
}

.main-footer .social-links li:last-child{
  margin: 0px !important;
}

.main-footer .social-links li a{
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.20);
  text-align: center;
  border-radius: 50%;
}

.main-footer .social-links li a:hover{

}

.main-footer .widget-title{
  position: relative;
  display: block;
  margin-bottom: 26px;
}

.main-footer .widget-title h4{
  font-size: 20px;
  line-height: 28px;
  font-weight: 800;
  color: #fff;
}

.main-footer .links-widget .links-list li{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 10px;
}

.main-footer .links-widget .links-list li:last-child{
  margin-bottom: 0px;
}

.main-footer .links-widget .links-list li a{
  position: relative;
  display: inline-block;
  padding-left: 15px;
}

.main-footer .links-widget .links-list li a:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 0px;
  top: 11px;
  transition: all 500ms ease;
}

.main-footer .links-widget .links-list li a:hover:before {
    background: #ee8800 !important;
}

.main-footer .contact-widget .form-inner .form-group{
  position: relative;
  margin-bottom: 20px;
}

.main-footer .contact-widget .form-inner .form-group .select-box{
  min-height: 55px;
}

.main-footer .contact-widget .form-inner .form-group:last-child{
  margin-bottom: 0px;
  padding-top: 10px;
}

.main-footer .contact-widget .form-inner .form-group .nice-select,
.main-footer .contact-widget .form-inner .form-group input[type='text']{
  position: relative;
  display: block;
  width: 100%;
  height: 55px;
  border: 1px solid rgba(255, 255, 255, 0.20);
  font-size: 16px;
  color: rgba(255, 255, 255, 0.50);
  padding: 0px 20px;
  line-height: 55px;
  background: transparent;
  border-radius: 0px;
  transition: all 500ms ease;
}

.main-footer .contact-widget .form-inner .form-group .nice-select .option{
  color: #222;
}

.nice-select:before{
  position: absolute;
  content: '\e92e';
  font-family: 'icomoon';
  font-size: 12px;
  top: 0px;
  right: 20px;
  color: rgba(255, 255, 255, 0.50);
}

.main-footer .contact-widget .form-inner .form-group .theme-btn:before,
.main-footer .contact-widget .form-inner .form-group .theme-btn:after{
  background: #fff !important;
}

.main-footer .contact-widget .form-inner .form-group .theme-btn:hover{
  color: var(--title-color) !important;
}

.main-footer .pattern-layer .pattern-1{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 193px;
  height: 540px;
  background-repeat: no-repeat;
}

.main-footer .pattern-layer .pattern-2{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 209px;
  height: 550px;
  background-repeat: no-repeat;
}

.footer-bottom{
  padding: 10px 0px;
}

.footer-bottom p a{
  color: #f1a137 !important;
}

.footer-bottom p a:hover{
  text-decoration: underline;
}
.copyright p {
    font-size: 14px;
}

/** header-style-two **/

.header-style-two{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}

.header-style-two.main-header .outer-box .logo-box{
  padding-left: 35px;
  padding-right: 35px;
}

.header-style-two .logo-box:before,
.header-style-two .logo-box:after{
  display: none;
}

.header-style-two .header-lower{
  background: #fff;
  padding-right: 40px;
}

.header-style-two .header-top{
  padding-right: 40px;
}

.nav-style-one .owl-nav button {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 55px;
  background: #fff;
  text-align: center;
  font-size: 20px;
  color: var(--title-color);
  box-shadow: 0px 5px 40px 20px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  transition: all 500ms ease;
}

.nav-style-one .owl-nav button:hover{
  color: #fff;
  background: var(--theme-color);
}

.list-style-one{
  position: relative;
  display: block;
}

.list-style-one li{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #222;
  font-weight: 500;
  padding-left: 30px;
  margin-bottom: 19px;
}

.list-style-one li:last-child{
  margin-bottom: 0px;
}

.list-style-one li:before{
  position: absolute;
  content: '\e91d';
  font-family: 'icomoon';
  font-size: 18px;
  left: 0px;
  top: 0px;
  font-weight: 400;
  color: var(--theme-color);
}

.pt_115{
  padding-top: 115px;
}

.tabs-box .tab{
  position:relative;
  display:none;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.tabs-box .tab.active-tab{
  display:block;  
}

.tabs-box .tab{
  transform:scale(0.9,0.9) translateY(0px);
}

.tabs-box .tab.active-tab{
  transform:scale(1) translateY(0px);
}


/** header-style-three **/

.header-style-three{
  position: relative;
  background: #fff;
}

.header-style-three .header-top .top-inner{
  padding-left: 40px;
  padding-right: 40px;
}

.main-header.header-style-three .outer-box .logo-box{
  background: transparent !important;
  margin-top: 0px;
  padding: 31px 0px;
}

.header-style-three .logo-box:before{
  display: none;
}

.header-style-three .outer-box .logo-box:after{
  display: none;
}

.main-header .menu-right-content .theme-btn.btn-two{
  background: transparent;
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color) !important;
  padding: 12px 30px
}

.main-header .menu-right-content .theme-btn.btn-two:hover{
  color: #fff !important;
}

.accordion-box .block .acc-content{
  display:none;
}

.accordion-box .block .acc-content.current{
  display:block;  
}

figure.footer-logo img {
    height: 65px;
}

/*
==================================================================================================
Custom CSS Start
==================================================================================================
*/
.pt80{
  padding-top: 80px;
}

.pb80{
  padding-bottom: 80px;
}
.section___title {
    margin-bottom: 55px;
}
.section___title span {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    /* background: -webkit-linear-gradient(45deg, #3d7c2b, #ee8800 80%); */
    background: -webkit-linear-gradient(45deg, #444394, #444394 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section___title h2 {
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 10px;
    margin-top: 10px;
}
.section___title_side .small__title {
  font-size: 32px !important;
  font-weight: 800;
  margin-bottom: 10px;
  margin-top: 10px;
}
.section___title_side span {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    background: -webkit-linear-gradient(45deg, #3d7c2b, #ee8800 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section___title_side h2 {
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 10px;
}
.section___title p {
    color: #000;
    font-size: 16px;
}
.who-we-are-img img {
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.bg1 {
    background: #f3f3f3;
}
.bg-img1 {
  /* background-image: url(''); */
  background-image: linear-gradient(to right bottom, #444394f2, #444394fc), url(../images/bg-img/bg-img1.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.unique-opportunity-box {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    min-height: 165px;
    border: 2px solid #444394;
    animation: rotate-border 3s linear infinite;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: relative;
}
.unique-opportunity-box img {
    height: 65px;
    position: absolute;
    bottom: 10px;
    right: 0px;
    opacity: 0.2;
}
@keyframes rotate-border {
    0% {
        border-color: #3d7c2b;
    }
    50% {
        border-color: #ee8800;
    }
    100% {
        border-color: #3d7c2b;
    }
}
.content-box h5 {
  margin: 0px 0px 28px;
  color: #ee8800;
  font-size: 25px;
  text-shadow: 2px 2px #000;
}
.content-box11 p {
  color: #fff;
}
.unique-opportunity-box h5 {
    font-size: 22px;
    margin-bottom: 10px;
    position: relative;
}
.unique-opportunity-box h5::before {
    content: "";
    border-top: 3px solid #ee8800;
    width: 50px;
    position: absolute;
    left: 0;
    top: 28px;
    z-index: 1;
}
.dol-footprint-box{
  text-align: center;
}
.dol-footprint-box h3 {
    font-size: 45px;
    color: #fff;
}
.dol-footprint-box p {
    color: #ffad40;
    font-size: 16px;
    font-weight: 800;
}
.call__btn a i {
    font-size: 40px;
    color: #fff;
}
.call__btn a {
    font-size: 20px;
    color: #ffffff;
    background: #444394;
    padding: 10px 20px 10px 10px;
    border-radius: 5px;
}.pt40{
  padding-top: 40px;
}
.pb40{
  padding-bottom: 40px;
}
section#call-action {
    background-color: #f1a137;
}
section#call-action .text-box h2 {
    font-size: 32px;
}
section#page-title-section {
    padding: 110px 0px;
    /* background: linear-gradient(140deg, #5c5aff, #444394, #444394); */
}
.about__bg {
  background-image: linear-gradient(to right bottom, #444394c7, #444394), url(../images/inner-pages/about-bg.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
}
.deposit__services_bg {
  background-image: linear-gradient(to right bottom, #444394c7, #444394), url(../images/inner-pages/deposit-services-bg.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
}
.loan__services_bg {
  background-image: linear-gradient(to right bottom, #444394c7, #444394), url(../images/inner-pages/loan-services-bg.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
}
.other___services_bg {
  background-image: linear-gradient(to right bottom, #444394c7, #444394), url(../images/inner-pages/other-services-bg.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
}
.gallery___bg {
  background-image: linear-gradient(to right bottom, #444394c7, #444394), url(../images/inner-pages/gallery-bg.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
}
.blogs___bg {
  background-image: linear-gradient(to right bottom, #444394c7, #444394), url(../images/inner-pages/blog-bg.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
}
.contact___bg {
  background-image: linear-gradient(to right bottom, #444394c7, #444394), url(../images/inner-pages/contact-bg.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
}
.franchise-page-bg {
  background-image: linear-gradient(to right bottom, #44439499, #444394), url(../images/inner-pages/franchise-bg.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
  padding: 110px 0px;
}
.faqs-page-bg {
  background-image: linear-gradient(to right bottom, #44439499, #444394), url(../images/inner-pages/faq-bg.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
  padding: 110px 0px;
}
.career-page-bg {
  background-image: linear-gradient(to right bottom, #44439499, #444394), url(../images/inner-pages/career-bg.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
  padding: 110px 0px;
}
section#page-title-section .content-box h1 {
    color: #fff;
    font-size: 45px;
}
section#page-title-section .content-box h2 {
  color: #fff;
  font-size: 35px;
}
section#page-title-section .bread-crumb {
    color: #ed9826;
}
section#page-title-section .bread-crumb li a {
    color: #d3d3d38a;
}
/*
==================================================================================================
Custom CSS End
==================================================================================================
*/
.timeline-container {
    position: relative;
    margin: 0 auto;
    padding: 0px;
    border-left: 4px solid #4CAF50; /* Vertical timeline line */
}

.timeline-item {
    position: relative;
    margin-bottom: 20px;
    padding-left: 30px;
}

.timeline-item h5 {
    margin: 0;
    font-size: 20px;
    color: #4caf50;
}
.timeline-item span {
    color: #000;
    font-weight: 700;
    font-size: 18px;
}

.timeline-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -12px;
    width: 20px;
    height: 20px;
    background-color: #4CAF50;
    border: 4px solid white;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
section#about-section {
    background-image: linear-gradient(to right bottom, #eeeeeebd, #eeeeeea6), url(../images/bg-img/bg-img4.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    background-repeat: no-repeat;
}
.about-img-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 25px;
    padding-right: 20px;
}
.about-img-item:nth-child(1) {
    text-align: right;
}
.about-img-item {
    position: relative;
    z-index: 1;
}
.about-img-item .shape {
    position: absolute;
    left: -30px;
    top: 32px;
}
.about-img-item .about-counter {
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    column-gap: 20px;
    padding: 20px 25px;
    border-radius: 20px;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
    position: absolute;
    bottom: 0;
    right: 0;
}
.about-img-item .about-counter .counter-content .title {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: end; 
}
.about-img-item .about-counter .counter-content .title .odometer-auto-theme {
    font-family: inherit;
}
.about-img-item .about-counter .counter-content p {
    color: #221f3f;
    font-weight: 500;
    margin-top: -5px;
    margin-bottom: 5px;
    font-size: 14px;
}
.item-chart img {
    height: 90px;
    margin-bottom: 15px;
}
.about-img-item:nth-child(2) {
    margin-right: 10px;
}
.about-img-item .item-img {
    position: relative;
    z-index: 1;
}
.about-img-item .item-img .bg-shape {
    background-color: #ff9d15;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: -1;
    border-radius: 25px;
}
.about-img-item .item-img img {
    width: 100%;
    border-radius: 25px;
}
.about-img-item:nth-child(3) {
    margin-left: 10px;
}
.about-img-item .item-img .bg-shape.bottom {
    background-color: #57d288;
    right: auto;
    top: auto;
    left: -10px;
    bottom: -10px;
}
.about-img-item.chart {
    height: 100%;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
    max-width: 235px;
    width: 100%;
    padding: 10px;
}
.about-img-item.chart .item-chart-wrap {
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    z-index: 1;
}
.about-img-item.chart .item-chart-wrap:before {
    background-color: transparent;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border: 2px dashed #ff9d15;
    border-radius: 20px;
    z-index: -1;
}
.about-img-item.chart .item-chart {
    text-align: center;
}
.vision-mision .row-vision-mision h3 {
    font-size: 25px;
}
.vision-mision .row-vision-mision h3 span {
    border-bottom: 4px solid #ee8800;
}

/*============================*/
/* Timeline Container Styling */
.timeline-about {
    border-left: 5px solid #4CAF50;
}

/* Each Year Row */
.timeline-about-row {
    padding-left: 40px;
    position: relative;
}

/* Year Heading Styling */
.timeline-about-row h4 {
    margin: 0;
    font-size: 20px;
    color: #19931e;
    font-weight: 700;
    border-bottom: 2px solid #ee8800;
    display: inline-block;
}

/* List Item Styling */
.timeline-about-row ul {
    list-style: none;
    margin: 10px 0 0;
    padding-left: 25px;
    margin-bottom: 30px;
}

.timeline-about-row ul li {
    font-size: 16px;
    color: #000;
    margin: 8px 0;
    position: relative;
}

/* Bullet Point Customization */
.timeline-about-row ul li {
    list-style: circle;
}

/* Timeline Dots */
.timeline-about-row::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 0;
    width: 25px;
    height: 25px;
    background-color: #3d7c2b;
    border-radius: 50%;
    border: 4px solid #fff;
    z-index: 1;
    animation: pulse 2s infinite;
}

/* Pulsing Animation for Dots */
@keyframes pulse {
    0% {
        transform: scale(1);
/*        color: #fd9100;*/
        background-color: #3d7c2b;
    }
    50% {
        transform: scale(1.3);
        background-color: #fd9100;
    }
    100% {
        transform: scale(1);
        background-color: #3d7c2b;
    }
}


/* Responsive Design */
@media (max-width: 600px) {
    .timeline-about {
        padding: 15px;
    }
    .timeline-about-row h4 {
        font-size: 18px;
    }
    .timeline-about-row ul li {
        font-size: 14px;
    }
}
section.our-journey-section.pb80.pt80 {
    background: #f3f3f3;
}
.why-bharatam-image img {
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.why-bharatam-txt h5 {
    font-size: 22px;
    color: #000;
    margin-top: 20px;
}

.services-content .quite-text h4 {
  font-size: 22px;
  color: #444394;
}
  .services-content .services__row h5 {
      background: #3937b9;
      border-top-right-radius: 50px;
      color: #fff;
      padding: 4px 10px;
      font-size: 18px;
      margin-top: 10px;
  }
.services-content .services__row p {
    font-size: 14px;
    line-height: 22px;
}
.services-image img {
  border: 3px solid transparent;
  border-radius: 15px;
  background-image: linear-gradient(to right, #ef9010, #fff, #3d7c2b);
  background-clip: padding-box;
  padding: 4px;
  position: relative;
}
/* ========================================= */
.services___image1 {
  background: -webkit-linear-gradient(230deg, transparent 65%, #444394 50%);
  padding: 20px;
}
.services___image2 {
  background: -webkit-linear-gradient(-55deg, transparent 65%, #444394 50%);
  padding: 20px;
}
.services_image img {
  border-bottom: 5px solid #444394;
}
/* ================= */
.gallery__grid img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  transition: transform 0.3s ease;
}
.gallery__grid img:hover {
  transform: scale(1.05);
}

.franchise-page-content h2 {
  color: #fff;
  text-align: center;
  font-size: 35px;
  margin-bottom: 8px;
}
.franchise-page-content p {
  text-align: center;
  color: #fff;
  font-size: 18px;
}
/* --------- */
.services__row {
  background: #444394;
  margin-bottom: 30px;
  padding: 20px;
  border-radius: 0px 0px 20px 20px;
}
.services__row h5{  
  position: relative;
  color: #fff;
  display: inline;
}
.services__row p {
  color: #fff;
  font-size: 16px;
  margin-top: 10px;
}
.services__row h5::before {
  content: '';
  position: absolute;
  right: -55px;
  width: 30px;
  height: 2.5px;
  background-color: #f1a137;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.blog-dectription ul {
  padding-left: 20px;
  margin-bottom: 20px;
}
.blog-dectription ul li{
  list-style: circle;
  color: #000 ;
}
ul.blog-social-icon li {
  display: inline-block;
  margin-right: 15px;
  margin-top: 20px;
}
ul.blog-social-icon {
  padding: 0;
  margin: 0;
}
ul.blog-social-icon li a {
  font-size: 20px;
  color: #444394;
}

.dol-footprint-box img {
  height: 98px;
}
.media-vido-box iframe {
  width: 100%;
  height: 240px;
  border-radius: 10px;
  box-shadow: rgb(68 67 148) 0px 3px 8px;
}
.company-logo-box {
  margin-bottom: 25px;
}
.process__content ul li i {
  color: #454494;
  font-size: 28px;
  margin-right: 10px;
}
.process__content ul li {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  margin-left: 10px;
  background-color: #fff;
  margin-bottom: 15px;
  padding: 15px 15px;
  border-radius: 20px 20px 0px 0px;
}
/* ---------------------------- */
.career-content-box {
  background: #F6F6F6;
  padding: 50px 50px 50px 50px;
}
.career-content-box p {
  margin-bottom: 10px;
  text-align: justify;
}
.career-btn .send-button-resume {
  background: #fff;
  padding: 6px 20px;
  font-size: 20px;
  border: 1px solid #444394;
  border-radius: 50px;
  color: #000;
  font-weight: 600;
}
.career-btn {
  margin-top: 20px;
}
.faqs-section .accordion-button {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
.faqs-section .accordion-button:focus {
  box-shadow: none;
}
.faqs-section .accordion-button:not(.collapsed) {
  background-color: #403eaf;
  color: #fff;
}
ul.list___item li {
  color: #000;
  margin-bottom: 24px;
}
/* Animation keyframes */
@keyframes roundedBorder {
  0% {
    border-radius: 50%;
  }
  50% {
    border-radius: 10%;
  }
  100% {
    border-radius: 50%;
  }
}


/* Style for span animation */
ul.list___item li span {
  color: #fff;
  background: #444394;
  padding: 10px 9px;
  border-radius: 50px;
  border: 2px solid #cdccff;
  margin-right: 10px;
  font-size: 18px;
  letter-spacing: 0.5px;
  animation: roundedBorder 2s infinite; /* Apply animation */
}

ul.list___item li strong {
  font-size: 19px;
  font-weight: 800;
}
.franchise-slides .carousel-indicators{
  margin-bottom: 0rem;
}
.franchise-slides .carousel-indicators button {
  background: #444394;
  border-radius: 50px;
  width: 20px;
  height: 0px;
  line-height: unset;
}
.formate-table table {
  background-color: #fff;
}
.formate-table table th{
  background-color: #3d3c95;
  color: #fff;
  text-align:center;
}
.formate-table table td{
  color: #000;
}
section.banner-section .carousel-indicators {
  margin-bottom: 2.5rem;
}
section.banner-section .carousel-indicators button {
    background: #444394;
    z-index: 999;
    height: 0px;
    width: 20px;
    border-radius: 50px;
}
.error-msg,.error{
  font-size: 12px;
  color: red;
}
/* /------------------------------ */
.mobile-slide {
  display: none !important;
}
/* ====================================== */

/*Responsive Media Queries( Start-> )*/


@media screen and (min-width:1600px){

}
@media screen and (min-width:992px) and (max-width:1200px){

}
@media screen and (min-width:750px) and (max-width:991px){

}
@media screen and (max-width:749px){
.pb80 {
    padding-bottom: 40px;
}
.pt80 {
  padding-top: 40px;
}
.order__1{
  order: 1;
}
.order__2{
  order: 2;
}
.desktop-slide {
  display: none !important;
}
.mobile-slide {
  display: block !important;
}
figure.logo img {
    height: 55px;
}
.section___title h2 {
  font-size: 26px;
  margin-bottom: 5px;
    margin-top: 0px;
}
.section___title span {
  font-size: 14px;
}
.image_block_one .image-box .experience-box h2 {
  font-size: 30px;
  line-height: 40px;
}
.section___title_side h2 {
  font-size: 30px;
}
.unique-opportunity-box {
  min-height: unset;
}
.unique-opportunity-box h5 {
  font-size: 20px;
  margin-bottom: 8px;
}
.unique-opportunity-box h5::before {
  border-top: 2px solid #ee8800;
  width: 50px;
  top: 25px;
}
.section___title {
  margin-bottom: 38px;
}
.dol-footprint-box h3 {
  font-size: 28px;
  color: #fff;
}
.dol-footprint-box img {
  height: 75px;
}
.dol-footprint-box {
  margin-bottom: 20px;
}
section#call-action .text-box h2 {
  font-size: 23px;
  text-align: center;
}
.call__btn {
  text-align: center;
  margin-top: 20px;
}
.call__btn a {
  font-size: 18px;
  color: #ffffff;
  background: #444394;
  padding: 5px 15px 5px 5px;
  border-radius: 5px;
}
section#page-title-section {
  padding: 50px 0px;
}
section#page-title-section .content-box h1 {
  font-size: 30px;
}
section#page-title-section .bread-crumb li {
  font-size: 14px;
}
.about-img-item .shape {
  position: absolute;
  left: -28px;
  top: -55px;
}
.about-img-item .about-counter .counter-content p {
  margin-top: 0px;
}
.item-chart img {
  height: 75px;
  margin-bottom: 8px;
}
.about-img-item.chart .item-chart .item-content .title{
  font-size: 20px;
}
.content_block_three {
  margin-top: 30px;
}
.vision-mision .row-vision-mision h3 {
  font-size: 22px;
}
.vision-mision .row-vision-mision h3 span {
  border-bottom: 2px solid #ee8800;
}
.timeline-about-row {
  padding-left: 15px;
}
.timeline-about-row::before {
  left: -30px;
}
.why-bharatam-txt {
  margin-top: 30px;
}
.why-bharatam-txt h5 {
  font-size: 20px;
  margin-top: 10px;
}
.services-content {
  margin-top: 20px;
}
.franchise-page-content h2 {
  font-size: 24px;
  margin-bottom: 0px;
}
.content_block_four .content-box h2 {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 5px;
  margin-top: 22px;
}
.info-block-one .inner-box {
  margin-bottom: 30px;
  padding: 0px 20px 35px 20px;
  transition: all 500ms ease;
  min-height: unset;
}
.career-content-box {
    background: #F6F6F6;
    padding: 20px 20px 20px 20px;
}
.section___title_side .small__title {
  font-size: 25px !important;
}
.career-btn .send-button-resume {
  background: #fff;
  padding: 3px 10px;
  font-size: 16px;
  border: 1px solid #444394;
  border-radius: 50px;
  color: #000;
  font-weight: 600;
}
}
@media screen and (max-width:320px){

}


/*Responsive Media Queries( Start-> )*/