/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* -----Variables--- */
:root {
    --main-bg-white: #FFFFFF;
    --text-white: #ffffff;
    --text-black-1D1E25: #1D1E25;
    --text-grey-757B8A: #757B8A;
    --main-color-orange: #F37A22;
    --orange-F47A20:#F47A20;

    --main-color-red: #FF2B3C;
    --main-color-green: #4caf50;
}


/* ---Scrollbar Reset-- */

::-webkit-scrollbar {
    width: 5px;
    height: 3px;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background:var(--text-grey-757B8A);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--text-grey-757B8A);
}

/* ======Global css===== */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}

* {
    margin: 0;
    padding: 0;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*,
::before,
::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

body {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fff;
}

 
body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
  }
  
.custom-cursor {
    position: fixed;
    width: 35px;
    height: 35px;
    border: 3px solid #1D1E25; /* Border color */
    border-radius: 50%; /* Make it rounded */
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); /* Center the cursor */
    pointer-events: none; /* Ensure the cursor doesn't interfere with interactions */
    background-color:transparent; /* Background color */
    z-index: 9999; /* Ensure it appears above other elements */
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s; /* Add a transition effect */
 
}
body.link-hover .custom-cursor {
    background-color: #F47A20; 
    mix-blend-mode: difference; 
    width: 70px;
    height: 70px;
    border: 0;
}
body.hover .custom-cursor {
    background-color: #F47A20; 
    mix-blend-mode: difference; 
    width: 70px;
    height: 70px;
    border: 0;
}
/* ----Font Weight---- */
 
.f-20{
    font-size: 20px;
}
.f-32{
    font-size: 32px;
}
.font-dm-medium{
    font-weight: 500;
}
.font-dm-semiBold{
    font-weight: 600;
}
.font-dm-bold{
    font-weight: 700;
}
.text-color{
    color: var(--text-black-1D1E25);
}
.text-orange{
    color: var(--main-color-orange);
}
/* ======Global css===== */

.position-relative {
    position: relative;
}
.position-absolute{
    position: absolute;
}
.ox-hidden{
    overflow-x: hidden;
}
.sec-gap {
    padding-top: 78px;
    padding-bottom: 78px;
}
 
.section__title{
   letter-spacing: 2.16px;
   color: #323442;
   opacity: 1;
   font-size: 48px;
}
.base__line{
    display: inline-block;
    width: 160px;
    height: 8px;
    background: transparent -o-linear-gradient(200deg, #209CFF 0%, #68E0CF 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(250deg, #209CFF 0%, #68E0CF 100%) 0% 0% no-repeat padding-box;
}
.base__line-s{
    width: 103px;
}
.base__line-w{
    background: var(--main-bg-white);
}
 
/* =================== */
.navbar-brand{
    color: var(--main-color-green);
}
.navbar-brand img{
    position: relative;
    z-index: 99;
    width: 180px !important;
}
#header {
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    position: relative;
    z-index: 99;
}

#top__header{
    background: transparent;
}
.active-bg .navbar{
    padding-top: 0;
    padding-bottom:0;
}

#navbarNav {
    display: block;
}
/* .active-bg #header {
    position: fixed;
    background-color: transparent;
    box-shadow: 0.7px 8.9px 24.5px 0 rgb(8 8 24 / 10%);
    -webkit-box-shadow: 0.7px 8.9px 24.5px 0 rgb(8 8 24 / 10%);
} */

.navbar {
    background-color: transparent;
}
.navbar-brand img{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
/* .active-bg #header .navbar-brand>img {
   -webkit-transform: scale(0.7);
       -ms-transform: scale(0.7);
           transform: scale(0.7);
} */
.nav-item.empl-btn:hover{
    background-color: #fff;
    border: 1px solid var(--main-color-red);
}
.navbar .navbar-nav .nav-item.empl-btn:hover a.nav-link {
    color: var(--black-primary);
}
.nav-item.empl-btn {
    background-color: var(--main-color-red);
    font-weight: 700;
    border: 1px solid transparent;
}
.nav-item.empl-btn a{
    color: #fff ;
}
.nav-link.user-profile{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: .1rem !important;
    padding-bottom: 0 !important;
}
.nav-link.user-profile span.user-name {
    font-weight: 600;
}
.nav-link.user-profile span img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-left: 5px;
}

 
.navbar .navbar-nav .nav-item:nth-of-type(7):hover {
    background-color: transparent !important;
}

 
.navbar .navbar-nav .nav-item {
    margin-left: 0px;
    -webkit-transition: 0.3s all ease-in;
    -o-transition: 0.3s all ease-in;
    transition: 0.3s all ease-in;
    border-radius: 4px;
    /* position: relative; */
}
/* .navbar .navbar-nav .nav-item:nth-of-type(7){
    margin-left: 60px;
} */

.navbar .navbar-nav a.nav-link:hover {
    opacity: 1;
}
.navbar .navbar-nav a.nav-link {
    color:#000000;
    opacity: 1;
    padding: 0 16px;
    font-size: 18px;
    position: relative;
    font-weight: 400;
}
.navbar .navbar-nav .nav-item.active a.nav-link{
    color: #000000;
    font-weight: 600;
}
.navbar .navbar-nav a.nav-link:hover{
    color: #000000;
}
.navbar .navbar-nav   a.nav-link.sub-nav-link{
    font-size: 13px;
}
li.btn_nav_item{
    -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
            transform: translateY(4px);
}
a.px{
    padding-left: .8rem !important;
    padding-right: .8rem !important;
}
.fa.arrow_down_icon{
    color: #6C6969;
}
 
 .navbar .navbar-nav .nav-item a.nav-link::after {
    position: absolute;
    content: '';
    bottom: -2px;
    left: 50%;
    width: 0%;
    height: 2px;
    background-color: #000000;
    -webkit-transition: 0.2s all ease-in;
    -o-transition: 0.2s all ease-in;
    transition: 0.2s all ease-in;
}
.navbar .navbar-nav .nav-item a.nav-link.content-none::after {
    content: none;
}
 .navbar .navbar-nav .nav-item a.nav-link:hover:after {
     width: calc(100% - 32px);
     transform: translateX(-50%);
 }
  .navbar .navbar-nav .nav-item.active a.nav-link::after {
    width: calc(100% - 32px);
    transform: translateX(-50%);
  }

.navbar .navbar-nav .nav-item.empl-btn a.nav-link {
    color: var(--text-white);
}
.active-bg .navbar .navbar-nav .nav-item::after{
    bottom: -24px;
}

/* .active-bg #header .navbar .navbar-nav .nav-item.active a.nav-link {
    color: var(--text-white) !important;
} */

li.btn-grey-second {
    background-color: #fff;
    border: 1px solid var(--main-color-red);
  
}
li.btn-grey-second a{
     padding-left:1.2rem !important;
     padding-right: 1.2rem !important;
     font-weight: 700;
}
li.btn-grey-second:hover{
    background-color: var(--main-color-red);
}
li.btn-grey-second:hover a.nav-link{
    color: #000;
}
.notification {
    position: relative;
}
.btn-primary{
    background-color: #007bb9;
    border-color: #007bb9;
    outline: none;
}
.btn-primary:hover,.btn-primary:focus{
    background-color: #007bb9;
    border-color: #007bb9;
    -webkit-box-shadow: 2px 2px 13px #525151;
            box-shadow: 2px 2px 13px #525151;
    outline: none;
}
.btn-primary:active{
    background-color: #007bb9 !important;
    border-color: #007bb9 !important;
}
.notification>span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 1;
}

.notification>span i {
    color: var(--black-primary) !important;
}

.notification::before {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 50%;
    left: 0;
    top: -3px;
    background-color: #7070704D;
    padding: 10px;
    z-index: -1;
}

#header {
    /* position: fixed; */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 60;
    top: 0;
    /* padding-top: .8rem;
    padding-bottom: .8rem; */
}

.bar1,
.bar2,
.bar3 {
    width: 26px;
    height: 2px;
    background: transparent -o-linear-gradient(200deg, var(--orange-F47A20) 0%, var(--main-color-orange) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(250deg, var(--orange-F47A20) 0%, var(--main-color-orange) 100%) 0% 0% no-repeat padding-box;
    margin: 6px 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

div.bar3 {
    width: 13px;
}

#sidebarCollapse.active .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    -ms-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-9px, 6px);
}

#sidebarCollapse.active .bar2 {
    opacity: 0;
}

#sidebarCollapse.active div.bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -3px);
    -ms-transform: rotate(45deg) translate(-5px, -3px);
        transform: rotate(45deg) translate(-5px, -3px);
    width: 26px;
}
 
.dropdown:hover > .dropdown-menu{
    display: block;
}
 .top_search{
    right: 0;
    padding: .6rem;
    border: 2px solid var(--blue-dark-primary);
}
input.top_search:focus{
    background-color: #fff;
    outline: none;
    border: 2px solid var(--blue-dark-primary);
}
.input_group{
    display: none;
}
.input_group.active{
    display: block;
}

.mySearch.active .close_x{
    display: block;
}
.mySearch .search_input{
    display: block;
    cursor: pointer;
}
/* .mySearch.active .search_input{
    display: none;
} */
.close_x{
    display: none;
    right: 45px;
    position: absolute;
    top: 53%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer;
}
.mySearch.active .close_x{
    display: block;
}
.logo-img{
    width: 276px;
}
.input_group .btn.btn_search_input{
    outline: none;
    border: none;
    display: none;
    position: absolute;
    z-index: 99;
    background-color: var(--blue-dark-primary);
    padding: .6rem;
    border-radius: 0;
}
.input_group.active .btn.btn_search_input{
    display: block;

}
 .top_search::-webkit-input-placeholder{
    opacity: 0.5;
}
 .top_search::-moz-placeholder{
    opacity: 0.5;
}
 .top_search:-ms-input-placeholder{
    opacity: 0.5;
}
 .top_search::-ms-input-placeholder{
    opacity: 0.5;
}
 .top_search::placeholder{
    opacity: 0.5;
}
.fa2x{
    font-size: 22px !important;
    cursor: pointer;
}
/* ================================================================== */

 /* All custom input */
 /* /All custom input */

 /* All custom button */
 .btn.btn-register{
    background-color: transparent;
    border-color: var(--blue-dark-primary);
    border-radius: 2px !important;
    overflow: hidden;
    position: relative;
    z-index: 1;
    color: var(--black-primary);
 }
.btn.btn-register::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: transparent -o-linear-gradient(200deg, var(--blue-dark-primary) 0%, var(--blue-dark-primary) 100%) 0% 0% no-repeat padding-box;
    background: transparent -o-linear-gradient(200deg, var(--blue-dark-primary) 0%,  var(--blue-dark-primary) 100%) 0% 0% no-repeat padding-box;
    background: transparent -o-linear-gradient(200deg,  var(--blue-dark-primary) 0%,  var(--blue-dark-primary)100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(250deg,  var(--blue-dark-primary) 0%,  var(--blue-dark-primary)100%) 0% 0% no-repeat padding-box;
    z-index: -1;
    border-radius: 0 ;
    -webkit-clip-path: polygon(0 0, 100% 0%, 0% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0%, 0% 100%, 0% 100%);
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
  }  
 .btn.btn-register:hover{
    color: #ffffff !important;
  }
 .btn.btn-register:hover:before{
    width:270px;
    height:70px;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); 
 }
 a.nav-link.btn.btn-register{
    color: var(--black-primary);
    font-size: 13px;
    letter-spacing: 0.88px;
    padding: .5rem 1.5rem;
 }
  .btn.btn-gradient:focus{
    border: 1px solid #fff;
 }
 .btn.btn-gradient{
    background-color: transparent;
    border-color: var(--blue-dark-primary);
    width: 262px;
    height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 20px;
    font-weight: 500;
    color: var(--black-primary);
    letter-spacing: 1.5px;
    border-color:var(--blue-dark-secondary) ;
    margin-top: 30px;
    position: relative;
    z-index: 1;
    border-radius: 0 !important;
    overflow: hidden;
 }
  
 .btn.btn-gradient:hover:before{
    background: transparent -o-linear-gradient(200deg, #209CFF  0%, var(--blue-dark-primary) 100%) 0% 0% no-repeat padding-box;
    background: transparent -o-linear-gradient(200deg,   #209CFF 0%,var(--blue-dark-primary) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(250deg,   #209CFF 0%,var(--blue-dark-primary) 100%) 0% 0% no-repeat padding-box;
    width:270px;
    height:70px;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
 }
  .btn.btn-gradient:hover{
    color: #fff;
  }
 .btn.btn-gradient::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: transparent -o-linear-gradient(200deg, #68E0CF 0%, #209CFF 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(250deg, #68E0CF 0%, #209CFF 100%) 0% 0% no-repeat padding-box;
    z-index: -1;
    border-radius: 0 ;
    -webkit-clip-path: polygon(0 0, 100% 0%, 0% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0%, 0% 100%, 0% 100%);
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
  }
  .course_btn{
    bottom: 1.25rem;
    left: 1.25rem;
  }
 /* /All custom button */

 /* ======Custom css for web pages===== */
  .top-content {
      position: absolute;
      left: 5%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  }

   .pointer-move{
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      bottom: 20px;
      width: 36px;
      height: 45px;
      border: 3px solid #fff;
      opacity: 0.5;
      border-radius: 28px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .pointer-move span{
      width: 4px;
      height: 8px;
      border-radius: 3px;
      background-color: #fff;
  }
  .pointer-moving{
      -webkit-animation: updown 1.5s linear infinite;
       animation: updown 1.5s linear infinite;
  }
   
       @-webkit-keyframes  updown{
    
       20%{
           -webkit-transform:   translateY(-5px);
                   transform:   translateY(-5px);
       }
       40%{
           -webkit-transform:   translateY(-10px);
                   transform:   translateY(-10px);
       }
       60%{
                 -webkit-transform:   translateY(-15px);
                   transform:  translateY(-15px);
       }
       80%{
                 -webkit-transform:   translateY(5px);
                   transform:  translateY(5px);
       }
       100%{
                 -webkit-transform:   translateY(15px);
                   transform:  translateY(15px);
       }
   }
    @keyframes updown{
    
       20%{
           -webkit-transform:   translateY(-5px);
                   transform:   translateY(-5px);
       }
       40%{
           -webkit-transform:   translateY(-10px);
                   transform:   translateY(-10px);
       }
       60%{
                 -webkit-transform:   translateY(-15px);
                   transform:  translateY(-15px);
       }
       80%{
                 -webkit-transform:   translateY(5px);
                   transform:  translateY(5px);
       }
       100%{
                 -webkit-transform:   translateY(15px);
                   transform:  translateY(15px);
       }
   }
 
.main_all{
    margin-top: -152px;
}
.main_all_mt-0{
    margin-top: 0;
}
.hero-carousel{
    position: relative;
    background-color: #FAFAFA;
    background-image: url("../images/BG_slider.jpg");
    width: 100%;
    background-size: cover;
    padding: 90px 0 70px;
}
.hero-carousel_two{
    background-image: url("../images/dbs3.png");
    width: 100%;
    background-size: cover;
    padding: 0 0 146px;
    background-attachment: fixed;
    background-position: center;
    position: relative;
    z-index: 2;
    background-repeat: no-repeat;
}
.hero-carousel_two::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0071bc;
    opacity: 0.8; /* Adjust opacity for the desired level of transparency */
    z-index: -1;
}
.hero-carousel_two h1,.hero-carousel_two .title-p{
    color: #fff !important;
}
.position_bottom{
    position: absolute;
    bottom: 110px;
    right: 0;
}
.position_bottom_wave{
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
}
.carousel_one-itemsOne{
    margin-top: 84px;
}
.carousel_one-itemsTwo{
    margin-top: 150px;
}
.carousel_one-itemsThree{
    margin-top: 150px;
}
.hero-carousel h1{
    font-size: 50px !important;
    line-height: 1.2 !important;
    margin-bottom: 30px !important;
    color: #000 ;
    font-weight: 800;
    text-align: left;
}
.hero-carousel .title-p{
    font-size: 18px;
    color: #000;
    margin-bottom: 30px;
    font-weight: 300;
    line-height: 1.8;
}
.hero-carousel.hero-carousel_two .title-p{
    font-weight: 400;
}
.hero-carousel .title-p span{
    font-weight: 700;
}
.btn-primary-blue{
    background: #0071bc !important;
    font-size: 18px;
    font-weight: 300;
    padding: 10px 20px;
    border-radius: 9999px;
    box-shadow: none;
    color: #ffffff;
}
.btn-watch img{
    width: 50px !important;
}
.owl-theme.carousel_one .owl-nav{
    position: unset !important;
}
 
.owl-theme.carousel_one .owl-nav button.owl-prev,.owl-theme.carousel_one .owl-nav button.owl-next{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    bottom: 12px;
    margin-top: 0 !important;
    background-color: #0071bc;
    padding: 0;
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
.owl-theme.carousel_one .owl-nav button.owl-prev{
    left: -90px;
}
.owl-theme.carousel_one .owl-nav button.owl-next{
    right: -90px;
}
.owl-theme.carousel_one .owl-nav button.owl-prev:hover,.owl-theme.carousel_one .owl-nav button.owl-next:hover{
    background-color: #0071bc !important;
}
.owl-theme.owl-carousel.carousel_one .owl-nav button.owl-prev::before{
    content: '';
    position: absolute;
    font-size: 25px;
    left: 18px;
    bottom: 15px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
}
.owl-theme.owl-carousel.carousel_one .owl-nav button.owl-next::before{
    content: '';
    font-size: 25px;
    position: absolute;
    left: 22px;
    bottom: 15px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid white;
    color: #ffffff;
}
.owl-theme.owl-carousel.carousel_one .owl-nav button.owl-prev span::before,.owl-theme.owl-carousel.carousel_one .owl-nav button.owl-next span::before{
    content: none !important;
}
.owl-theme.carousel_one .owl-dots .owl-dot.active span{
    background-color: var(--orange-F47A20);
}

.btn-watch:focus{
    outline: none !important;
    border: none;
    box-shadow: none;
}
.new-x-ray{
    max-width: 550px;
}
.new-tree,._3banner{
    max-width: 548px;
}
#youtube-modal .modal-body iframe{
    border-radius: 9px;
    border: 10px solid #fff;
}
.__section_b{
    padding: 60px 0;
}
.section_title{
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 10px !important;
    color: #000;
}
.section_title_para{
    font-size: 18px;
    color: #000;
    font-weight: 300;
    font-style: italic;
    text-align: center;
}
.expert_cards_parent{
    text-decoration: none;
    color: #ffffff;
}
.expert_cards_parent:hover{
    text-decoration: none;
    color: #ffffff;
}
.expert_cards{
    background-color: #0071BC;
    padding: 30px;
    width: 100%;
    height: 450px;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    margin: 10px auto 10px;
}
.expert_cards_icon img{
    filter: brightness(0) invert(1);
    height: 80px;
    width: 80px;
    object-fit: contain;
    transition-delay: .05s;
    transition: .45s;
}
.expert_cards_inner{
    transition: 0.45s;
}
.expert_cards_body h3{
    font-size: 23px;
    font-weight: 600;
    margin: 30px 0 15px 0;
    width: 100%;
    color: #fff;
    position: relative;
    transition: inherit;
    transition-delay: .05s;
    transition: .45s;
}
.expert_cards_body ul{
    list-style: disc !important;
    padding-left: 18px;
    margin: 0 0 10px 0;
}
.expert_cards_body ul li p{
    color: #fff;
    transition: inherit;
    transition-delay: .1s;
    font-size: 15px;
}

.expert_cards_footer button{
    overflow: hidden;
    display: inline-block;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 700;
    color: #fff;
    position: relative;
    padding-right: 2rem;
    border: 0;
    background: transparent;
    padding: 0 2rem 0 0;
}
.expert_cards_footer button::before{
    animation: ts-link-arrow-effect-animation-out;
    animation-fill-mode: forwards;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.6, .01, 0, 1);
    background-color: #fff;
    bottom: 0;
    height: .125rem;
    margin: auto;
    left: 0;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    transform: scaleX(.2);
    transform-origin: left center;
    z-index: 0;
}

.expert_cards_footer button span{
    position: relative;
    transform: translateX(-200%);
    display: inline-block;
    transition: .6s cubic-bezier(.6, .01, 0, 1);
    font-weight: normal;
}
.expert_cards:hover .expert_cards_footer button{
    color: #ffffff;
}
.expert_cards:hover .expert_cards_footer button span{
    transform: translateX(0%);   
}
.expert_cards:hover .expert_cards_footer button::before{
    animation: ts-link-arrow-effect-animation-in;
    animation-fill-mode: forwards;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.6, .01, 0, 1);
}
.expert_cards:hover{
    background-color: #000000;
}
.expert_cards:hover .expert_cards_inner{
    transform: translateY(-0.625rem)
}
@keyframes  ts-link-arrow-effect-animation-in{
0% {
    transform-origin: left center;
    transform: scaleX(.2);
}
70% {
    transform-origin: left center;
    transform: scaleX(1);
}

71% {
    transform-origin: right center;
}
100% {
    transform-origin: right center;
    transform: scaleX(.2);
}
}

.gv-2em{
    margin-bottom: 2em;
}
.__section_c{
    padding: 0 0 20px;
}
.bg-liGht{
    background-color: #F7F9FC;
}
.brain-highlighted-img{
    max-width: 100%;
    width: 480px;
}
.brain-food-img{
    max-width: 100%;
    width: 510px;
}
.features_ul{
    list-style: disc !important;
    padding-left: 17px;
    position: relative;
}
.features_ul.features_ul-li ::marker{
    color: #28a745 !important;
}
.features_ul.features_ul-li::before{
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #28a745;
    left: 1.5px;
    top: 0;
}
.milestones{
    background: linear-gradient(90deg, #0071bc, #72ABD0);
}
.milestone_card{
    color: #ffffff;
}
.milestone_card h3{
    font-weight: bold;
    margin: 1.5rem 0 .3rem;
    font-size: 20px;
    color: #ffffff;
}
.features_ul li,.features_ul p{
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 10px;
    color: #353535;
}
.gv-4em{
    margin-bottom: 4em;
}
.gap0_5{
    margin-top: 0.5em;
}
.btnWa i{
    font-size: 22px;
    margin-left: 5px;
}
.btnWa:hover{
    background: #000 !important;
    color: #ffffff;
}
.__section_d{
    padding-top: 100px;
}
.carousel_two_cards_top{
    bottom: 0;
    box-shadow: rgba(0,0,0,.0980392) 2px 2px 2px 0;
    box-sizing: border-box;
    color: #fff;
    height: auto;
    position: relative;
    text-size-adjust: 100%;
    column-rule-color: #fff;
    background: #fff none repeat scroll 0 0 / auto padding-box border-box;
    border: 1px solid #f5f5f5;
    font: normal normal normal normal 13px / 20.8px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 25px;
    outline: #fff none 0;
    padding: 20px 25px 20px 25px;
}
.svgicons.svg-wprsp-verified{
    width: 18px;
    height: 18px;
    background: #a3a29e;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: bottom;
    margin-bottom: -3px;
    margin-right: 5px;
    margin-left: 2px;
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 24 24'%3E%3Cpath d='M23.016 12l-2.438-2.813 0.328-3.656-3.609-0.844-1.875-3.188-3.422 1.453-3.422-1.453-1.875 3.188-3.609 0.797 0.328 3.703-2.438 2.813 2.438 2.813-0.328 3.656 3.609 0.844 1.875 3.188 3.422-1.453 3.422 1.453 1.875-3.188 3.609-0.844-0.328-3.656zM10.078 13.734l-3.797-3.844 1.5-1.453 2.297 2.344 5.859-5.906 1.5 1.5z'%3E%3C/path%3E%3C/svg%3E%0A");
    cursor: pointer;
}
.carousel_two_cards_top .fa-quote-left{
    color: #bbb;
    font-size: 18px;
}
.carousel_two_cards_top .stars i{
    color: gold;
    font-size: 18px;
}
.review_text{
    color: #000;
    font-style: italic;
}
.google_small_icon{
    bottom: 3px;
    right: 3px;
}
.morelink {
    display: block;
}
.text-black{
    color: black;
}
.__section_e{
    background-image: url("../images/contact_musk.png");
    background-size: 100% 100%;
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 20px 20px;
    background-position: center 280px;
    width: 100%;
} 
.__section_f {
    background-image: url("../images/opd_bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    background-color: #0084c6;
    text-align: center;
    padding: 40px;
}
.bgSection{
    /* clip-path: polygon(50% 0%, 100% 10%, 100% 100%, 0% 100%, 0 10%); */
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: url("../images/BG_slider.jpg");
    width: 100%;
    background-attachment: fixed;
    background-position: center 50px;
    background-size: cover;
    background-repeat: no-repeat;
}
.deep_brain_secion{
    background-image: url("../images/deepbrain.jpg");
    width: 100%;
    background-size: cover;
    padding: 50px 0 50px;
    background-attachment: fixed;
    background-position: center;
    position: relative;
    z-index: 2;
}
.deep_brain_secion::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0071bc;
    opacity: 0.5; /* Adjust opacity for the desired level of transparency */
    z-index: -1;
}
.deep_brain_secion h3,.deep_brain_secion p.section_title_para{
    color: #fff ;
}
.deep_brain_secion p.section_title_para{
    font-weight: 500;
}
.deep_card{
    border-radius: 12px;
    position: relative;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(9px);
    transition: 0.35s ease-in;
    padding: 20px;
    margin-top: 35px;
    text-align: center;
    background-color:  #0071bc;
}
.deep_card:hover{
    transform: translateY(-12px);
    backdrop-filter: blur(15);
    background-color: #006eb7;
}
.deep_card h3{
    font-size: 22px;
    font-weight: bold;
    opacity: 1;
    margin-bottom: 20px;
}
.deep_card p{
    color: #fff;
}
.expect_section{
    padding: 50px 0;
}
.expect_section h3 span{
    color: #006eb7;
}
.components_card{
    margin-bottom: 30px;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 5px 5px 5px #666;
    -moz-box-shadow: 5px 5px 5px #666;
    -webkit-box-shadow: 5px 5px 5px #666;
    transition: 0.35s ease-in
}
.stage_card{
    padding: 20px;
    border-radius: 12px;
    box-shadow: #006eb7 5px 5px,#72ABD0 10px 10px, #72ABD0 15px 15px, #72ABD0 20px 20px;
    margin-top: 35px;
    transition: 0.35s ease-in-out;
    border: 0;
    border-top: 1px solid #72ABD0;
    border-left: 1px solid #72ABD0;
    background-color: #fff;
}
.stage_cardBg{
    background-color: #000000;
}
.stage_cardBg p{
    color: #fff;
}
.radius-12{
    border-radius: 12px;
}
.stage_card h3{
    font-size: 22px;
    margin: 15px 0;
    color: #006eb7;
    transition: 0.35s ease-in;
}
.stage_card:hover{
    transform: translateY(-12px);
    background-color: #000000;
}
.stage_card:hover  p{
     color: #fff;
}
.stage_card p{
    transition: 0.35s ease-in;
}
.stage_card .icon{
    width: 78px;
    height: 78px;
    border-radius: 50%;
    backdrop-filter: blur(15);
    background-color: #006eb7;
    color: #fff;
}
.stage_card .icon span{
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    text-align: center;
}
.components_card:hover{
    background-color: #fff;
}
.components_card h3{
    font-size: 22px;
    font-weight: 600;
    color: #0084c6;
    margin-bottom: 20px;
}
.sub_content h3{
    font-size: 30px !important;
}
.sub_content p{
    margin-bottom: 20px;
    font-weight: 600;
}
.common_blue_section .flex_left.flex_left--new p{
    font-size: 16px !important; 
    line-height: 1.55 !important;
    font-weight: 400 !important;
}
.__section_f h4{
    color: #ffffff;
    font-weight: 700;
    font-size: 55px;
    margin-bottom: 20px;
}
.__section_f h5{
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px;
}
.__section_f p{
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 28px;
}
.btn-green{
    background-color: rgba(38, 211, 103, 1);
    border-radius: 30px;
    font-size: 18px;
    padding-top: 12px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 12px;
    transition: all 0.3s, background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s;
    color: #ffffff;
}
.__section_g{
    padding-top: 40px;
    padding-bottom: 40px;
}
.btn-green:hover{
    background-color: #000;
    color: #ffffff;
}
.__section_g h4,.__section_h h4{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
}
.__section_g h5{
    color: #0071bc;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 35px;
}
.__section_g p,.__section_h p{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.8;
    color: #000;
    margin-bottom: 35px;
}
.__section_g p span,.__section_h span{
    font-weight: 700;
}
.profle_author_content img{
    max-width: 100%;
    width: 470px;
}
.profle_author_bx_inner{
    background: #ffffffc7;
    color: #000;
    width: 310px;
    border-radius: 5px;
    border-left: 9px solid #0071bc;
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.max-widthPara{
    max-width: 540px;
}
.profle_author_bx_inner p.p{
    font-size: 15px;
    color: #000;
    font-weight: normal;
    margin-bottom: 0;
    line-height: inherit;
}
.profle_author_bx_inner h3
{
    font-weight: bold;
    font-size: 20px;
}
.__section_h{
    background-color: #FAFAFA;
    padding: 30px 0 0;
    background-image: url("../images/Mask-Group-1.png");
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.__section_h .container{
    padding-top: 40px;
    padding-bottom: 40px;
}
.Marge{
    position: absolute;
    right: 0;
    width: 626px;
    top: 50%;
    transform: translateY(-50%);
}
.more-content {
    display: none;
}
.short-content,.more-content{
    color: #000000;
    font-style: italic;
}
.read-more-container{
    font-style: italic;
    cursor: pointer;
}
.read-more-container .dots{
    color: #96a6a7;
}
.read-more-container .read-more{
    color: #96a6a7;
    font-size: 14px;
}
.read-more-container:hover .read-more{
    color: #e94e38;
}
.carousel_two_cards_top{
    position: relative;
}
.carousel_two_cards_top::before{
    bottom: -30px;
    box-sizing: border-box;
    color: #fff;
    content: '';
    display: block;
    height: 30px;
    left: 80px;
    position: absolute;
    right: 445px;
    text-size-adjust: 100%;
    width: 30px;
    column-rule-color: #fff;
    perspective-origin: 15px 15px;
    transform-origin: 15px 15px;
    filter: drop-shadow(rgba(0, 0, 0, .0980392) 2px 2px 1px);
    border-top: 30px solid #fff;
    border-right: 30px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
    font: normal normal normal normal 13px / 20.8px "Helvetica Neue", Helvetica, Arial, sans-serif;
    outline: #fff none 0;
}
.carousel_two_cards_bottom img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin:0 20px;
}
.carousel_two_cards_bottom p{
    font-size: 13px;
    color: #000;
}
.carousel_two_cards_bottom .pt-8{
    padding-top: 8px;
}
.owl-carousel.carousel_two .owl-dots{
    text-align: center;
}
.owl-carousel.carousel_two .owl-dots .owl-dot{
    outline: none;
    border: none;
    background-color: transparent;
}
.owl-carousel.carousel_two .owl-dots .owl-dot span {
    display: block;
    width: 9px;
    height: 9px;
    margin: 0 4px;
    background: 0 0;
    border-radius: 5px;
    border: 1px solid #c3c3c3;
}
.owl-carousel.carousel_two .owl-dots .owl-dot.active span{
    background-color: #0071bc;
}

.owl-carousel.carousel_two .owl-nav button{
    width: 28px;
    height: 28px;
    border-radius: 50% !important;
    background-color: rgba(0, 0, 0, .2) !important;
    color: #ffffff !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 30px;
}
.owl-carousel.carousel_two .owl-nav button.owl-prev{
    left: -40px;
}
.owl-carousel.carousel_two .owl-nav button.owl-next{
    right: -40px;
}
.bgBlue{
    background-image: url("../images/bgBlue.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 450px;
    width: 100%;
}
.bgBlue_height{
    height: 570px;
}
.common_class .container{
    padding-top: 11em;
}
.common_class h1{
    margin-bottom: 15px;
    font-size: 60px;
    font-weight: 700;
    line-height: 66px;
    color: #fff;
}
.common_class p{
    padding-bottom: 0px;
    font-size: 26px;
    font-weight: 300 !important;
    margin-bottom: 0;
    color: #fff; 
    font-style: italic;
}
.contact_details-inner{
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    width: fit-content;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    transform: translateY(-25px);
}
.contact_details h5{
    font-weight: bold;
    color: #006EB6;
}
.contact_details p{
    font-size: 18px;
    color: #006EB6;
    margin-top: 10px;
    font-weight: 400 !important;
}
.contact_details a{
    color: #006EB6;
}
.contact_details a:hover{
    text-decoration: none;
}
.section_content{
    padding: 60px 0;
}
.section_content.bg{
    background-color: #F1F1F1;
}
.section_content h3{
    font-size: 40px;
    line-height: 46px;
    color: #4E4E4E;
    font-weight: 700;
    position: relative;
    margin-bottom: 30px;   
}
.section_content h3::after{
    content: '';
    background-image: url("../images/Rectangle-300.png");
    position: absolute;
    background-repeat: no-repeat;
    width: 82px;
    height: 5px;
    bottom: 13px;
    margin-left: 15px;
}

.section_content figure img{
    box-shadow: -13px 14px 1px #006eb6;
    width: 100%;
    border-radius: 10px 50px 10px 50px !important;
}
.figcol_right_b figure{
    position: relative;
    z-index: 1;
}
.figcol_right_b figure::before{
    content: "";
    background-color: #0071BC;
    background-repeat: no-repeat;
    max-width: 100%;
    height: auto;
    position: absolute;
    border-radius: 16% 10px 16% 10px;
    width: 100%;
    height: 100%;
    top: 20px;
    left: 20px;
    z-index: -1;
}
.figcol_right_b figure img{
    border-radius: 0 !important;
    box-shadow: none;
}
.figcol{
    padding-left: 30px;
    padding-right: 30px;
}
.figcol2{
    padding-left: 40px;
    padding-right: 40px;
}
.section_content ul{
    margin: 0;
    margin-top: 50px;
    list-style: none;
    padding-left: 25px;
}
.section_content ul li{
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    color: #4E4E4E;
    padding: 10px 0;
    position: relative; 
}

.section_content ul li::after {
box-shadow: 0 0 0 3px #0071bc;
left: -20px;
border-radius: 50%;
height: 5px;
width: 5px;
content: "";
top: 20px;
position: absolute;
display: block;
background-color: #fff;
}
.section_content ol{
    padding-top: 50px;
    counter-reset: section;
    padding-left: 40px;
}
.section_content ol li{
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    color: #4E4E4E;
    padding: 15px 0;
    list-style-type: none;
    position: relative;
}
.section_content ol li::before{
    counter-increment: section;
    content: "0" counter(section);
    margin-right: 10px;
    position: absolute;
    background-color: #016fb6;
    color: white;
    width: 40px;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    border-radius: 15px 15px 2px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.flex-1{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
.common_blue_section .flex_left{
    background-image: url("../images/blue_bg_left.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 0px 35px 0px 90px;
    justify-content: center;
}
.btn-primaryWhite{
    background: #ffffff !important;
    color: #0071bc;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 55px;
    padding: 0 30px;
    font-weight: 400;
    position: relative;
    transition: 0.35s ease-in;
}
a.btn.btn-primaryWhite i{
    color: #0071bc;
    margin-left: 4px;
}
.btn-primaryWhite:hover{
    background-color: #000000 !important;
    color: #ffffff;
}
.btn-primaryWhite:hover i{
    color: #ffffff !important;
}
.btn-border-white{
    font-size: 16px;
    text-transform: uppercase;
    background-color: transparent;
    line-height: 53px;
    border: 2px solid #fff;
    color: #fff;
    padding: 0 30px;border-radius: 50px;
    font-weight: 400;
}
.btn-border-white:hover{
    color: #0071BC;
    background-color: #ffffff !important;
}
.common_blue_section .flex_left h5{
    display: block;
    font-size: 22px;
    color: #fff;
    line-height: 26px;
    margin-bottom: 25px;
    font-weight: 500;
}
.common_blue_section .flex_left p{
    font-size: 24px;
    color: #fff;
    line-height: 34px;
    margin-bottom: 15px;
    font-weight: 300 !important;
}
.buttons_flex{
    margin-top: 30px;
    gap: 2.5em;
}
.services_sec{
    padding-bottom: 40px;
}
.marginTopY {
    margin-top: -135px;
    background-color: transparent;
    position: relative;
    z-index: 1;
}
.marginTopY::before{
    position: absolute;
    content: '';
    width: 100%;
    height: calc(100% - 274px + 40px);
    left: 0;
    top: 274px;
    z-index: -1;
    background-color: #ffffff;
}
.expert_cards.bg-white{
    box-shadow: 0px 3px 6px #00000066;
}
.expert_cards.bg-white .expert_cards_body h3{
   color: #0071BC;
}
.expert_cards_parent2,.expert_cards.bg-white .expert_cards_body ul li p{
    color: #4E4E4E;
}
.expert_cards.bg-white .expert_cards_footer button::before{
    background-color: #4e4e4e;
}
.expert_cards.bg-white:hover .expert_cards_footer button::before{
    background-color: #ffffff;
}
.expert_cards.bg-white .expert_cards_icon img{
    filter: none;
}
.expert_cards.bg-white:hover{
    background-color: #000000 !important;
}
.expert_cards.bg-white:hover .expert_cards_body h3,.expert_cards.bg-white:hover .expert_cards_body ul li p,.expert_cards.bg-white:hover .expert_cards_footer button{
    color: #ffffff;
}
.expert_cards.bg-white:hover .expert_cards_icon img{
    filter: brightness(0) invert(1);
}
.section_para_head{
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    color: #4E4E4E;
}
.section_para_head span{
    font-weight: 700;
}
.figcol .profile_img{
    border-bottom: 2px solid #0172bc;
    padding-left: 18px;
    box-shadow: none;
    border-radius: 0 !important;
    max-width: 400px;
}
.inner_ul{
    list-style: disc !important;
}
.inner_ul li{
    font-size: 15px !important;
    padding: 0 !important;
    line-height: 1.5 !important;
}
.inner_ul li::after{
    content: none !important;
}
 ul.about-timeline {
    list-style: none;
    margin-left: 5px;
    margin-bottom: 0;
    padding-left: 20px;
    border-left: 2px solid #0071BC;
}
ul.about-timeline li {
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    color: #4E4E4E;
    padding: 10px 0;
    position: relative;
}
ul.about-timeline li:after {
    box-shadow: 0 0 0 3px #0071bc;
    left: -24px;
    border-radius: 50%;
    height: 6px;
    width: 6px;
    content: "";
    top: 20px;
    position: absolute;
    display: block;
    background-color: #fff;
}
.grid_gallery {
    columns: 4;
    column-gap: 16px;
}

.grid_gallery .grid-item {
    display: -webkit-inline-box; /* For Safari */
    display: -ms-inline-flexbox; /* For IE */
    display: inline-flex; /* For modern browsers */
    justify-content: center; /* Center the content horizontally */
    position: relative;
    margin-bottom: 10px;
}

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


.grid_section{
    background-color: #F7F8F9;
    padding-top: 30px;
}
.grid_section .container{
    padding: 40px;
    margin: 0 auto 30px;
}
.coming_soon{
    background-color: #fff;
    height: 200px;
}
.coming_soon h3{
    font-size: 60px;
    font-weight: 600;
}
.dropdown-menu{
    box-shadow: 1px 1px 0 rgba(0,0,0,.1);
    width: 200px;
    border: none;
    border-radius: 0;
    background-color: #f5f5f5;
    padding: 10px;
}
.sub_link{
    color: #000;
    text-decoration: none;
    padding: 5px 16px !important;
    line-height: 1.2 !important;
}
.sub_link:hover{
    text-decoration: none;
    color: #000;
}
.section_para_head_2{
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    color: #4E4E4E;
}
.section_para_head_2 span{
    font-weight: 700;
}
.blue_text{
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 15px;
    color: #006eb6;
    margin-top: 15px;
    font-weight: 700;
}
.text_right_div h2{
    font-size: 30px;
    line-height: 36px;
    color: #000;
    font-weight: 700;
    position: relative;
    margin-bottom: 5px;
    margin-top: 15px;
}
.text_right_div h2::before{
    content: '';
    background-image: url("../images/Rectangle-300.png");
    position: absolute;
    background-repeat: no-repeat;
    width: 50px;
    height: 4px;
    bottom: 10px;
    margin-left: -60px;
    border-radius: 50px;
}
.text_right_div h5{
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 15px;
    color: #4E4E4E;
}
.testimonials_content{
    padding: 30px 0;
    background-color: #FFFFFF;
}
.owl-ThreeItems{
    display: flex;
    justify-content: center;
    align-items: center;
}
.owl-carousel.owl-Three .owl-nav button{
    background-color: rgba(0, 0, 0, 0.7) !important;
    text-align: center;
    width: 30px;
    height: 50px;
    border-radius: 0 !important;
    position: absolute;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
 }
.owl-Three .owl-nav button.owl-prev{
    left: 0;
}
.owl-Three .owl-nav button.owl-next{
    right: 0;
}
.owl-Three .owl-nav button svg{
    fill: #fff;
    height: 100%;
    width: 100%;
}
.owl-Three .owl-nav button.owl-prev::before{
    content: '';
    color: #fff;
    font-size: 25px;
    position: absolute;
    left: 18px;
    bottom: 15px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
}

.owl-Three .owl-nav button.owl-next::before{
    content: '';
    color: #fff;
    font-size: 25px;
    position: absolute;
    left: 22px;
    bottom: 15px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid white;
}
.testimonials_content_bg{
    background-color: #F1F1F1;
}
.bg-LiGht.__section_d{
    background-color: #F1F1F1;
    padding-bottom: 90px;
}
.blogs_article{
    padding: 60px 0;
}
.time_tag{
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    color: #4E4E4E;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
}
.blogs_contents h4{
    font-size: 24px;
    line-height: 30px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
    margin-bottom: 10px;
}
.blogs_contents p{
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color: #000;
    margin-bottom: 10px;
}
.btn_read_artice{
    background-color: #1e73be;
    color: #fff;
    padding: 10px 25px;
    display: inline-block;
    transition: all 0.5s ease-in-out;
    position: relative;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: 0.05em;
    border: 1px solid #0071bc;
    border-radius: 9999px;
}
.btn_read_artice::after{
content: "";
line-height: 1;
transition: all 0.5s ease-in-out;
position: absolute;
background-image: url("../images/Group-2618-1.png");
width: 15px;
right: 15px;
height: 11px;
display: inline-block;
background-repeat: no-repeat;
opacity: 0;
top: 14px;
}
.btn_read_artice:hover::after{
opacity: 1;
right: 15px;
}
.btn_read_artice:hover{
padding-right: 35px;
padding-left: 15px;
background-color: #fff;
color: #1e73be;
text-decoration: none;
}
.blogImage{
  aspect-ratio: 4 / 2;
  width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blogs_contents.mt{
    margin-top: 50px;
    position: relative;
}
.blogs_contents.mt .blogImage{
    height: 244px;
}
.btnWhite{
    padding: 0 30px;
    line-height: 50px;
    color: #0071bc;
    background-color: #fff;
    border: 2px solid #fff;
    margin-top: 20px;
    font-weight: 700;
    border-radius: 50px;
}
.btnWhite:hover{
    background-color: transparent;
    color: #fff;
    border: 2px solid #ffffff;
}
.img_white{
    filter: invert(16) grayscale(13) brightness(1.5);
    margin-bottom: 20px;
}
.common_classHeight{
    height: auto;
    padding:50px ;
}
.common_class.common_classHeight h1{
    font-style: normal;
    font-weight: 800;
    margin-bottom: 20px;
    font-size: 42px;
}
.services_content{
    padding: 50px;
}
.services_content h3{
    color: #000 !important;
    font-size: 26px !important;
    line-height: 32px !important;
    font-weight: 600;
    font-size: 32px;
}
.services_content p{
    margin: 20px 0 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.8;
    letter-spacing: 0.5px;
    color: #575760;
}
.h2_border{
    color: #000;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #000 !important;
    font-size: 26px !important;
    line-height: 32px !important;
    padding: 20px 0px 20px 30px !important;
    border-left: 7px solid #006eb7;
    margin: 20px 0px;
    font-size: 26px;
}
.Functional-Neurosurgery-list{
    margin-top: 10px;
    margin: 0 0 1.5em 3em;
}
.Functional-Neurosurgery-list li{
    list-style: none;
    position: relative;
    margin: 10px 0;
    color: #000;
    font-weight: 400;
}
.Functional-Neurosurgery-list li::after{
    position: absolute;
    content: "\f138";
    left: -22px;
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 1;
    color: #006eb7;
    top: 0;
}
u{
    font-weight: 400;
    font-size: 26px;
}
.subHeading{
    font-weight: 700;
    font-size: 20px;
    color: #000;
}
#accordion .card{
    margin-top: 15px;
    border: 0;
    border-radius: 0;
}
#accordion .card .card-header{
   padding: 0;
   border-radius: 0;
}
#accordion .card .card-header h5 button{
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    position: relative;
    padding: 15px 20px;
    transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s;
    background-color: #0071bc;
    border-radius: 0;
    width: 100%;
    text-align: left;
}
#accordion .card .card-header h5 button.btn-link::before{
    content: "\f107";
    position: absolute;
    color: #fff;
    right: 20px;
    font-family: "FontAwesome";
    font-weight: 900;
    transition: 0.35s ease-in;
}
#accordion .card .card-header h5 button.btn-link.collapsed::before{
    transform: rotate(270deg);
}
#accordion .card .card-header h5 button:hover{
    text-decoration: none;
}
.accordion_card_body{
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.8;
    color: #353535;
    padding: 30px 20px;
    border: 1px solid #aaaaaa;
    border-top: 0;
}
.services_content p.mt-0{
    margin-top: 0 !important;
}
.services_content p.mb-0{
    margin-bottom: 0 !important;
}
.accordion_card_body ul{
    margin: 0 0 1.5em 3em;
    list-style: disc !important;
}
.accordion_card_body ul li{
    margin-bottom: 10px;
    font-size: 14px;
    color: #555555;
    font-weight: 400;
}
.accordion_card_body p b{
    font-weight: 700 !important;
}
.faqsSec{
    padding: 40px 0;
}
.faqsSec h3{
    font-size: 32px;
    line-height: 1.2;
    color: #000;
    font-weight: 700;
}
.accordion_card_body-home p{
    font-size: 14px !important;
    color: #555555;
    line-height: 1.5 !important;
    font-weight: 400;
}
.accordion_card_body-home p span{
    font-weight: 700;
}
.new_section{
    padding-top: 60px;
}
/* .our-videos{
    padding-top: 60px;
} */



















.owl-theme.carousel_two .owl-dots{
    margin-top: 100px !important;
}
.owl-theme.carousel_two .owl-dots .owl-dot span{
    width: 72px;
    height: 6px;
    background: #F2F4FC;
    border-radius: 0;
    opacity: 1;
}
.owl-theme.carousel_two .owl-dots .owl-dot.active span{
    background: #F37A22;
}
.downlaodable_sec{
    background-color: #FAFAFA;
}
.sec-subTitle{
    font-size: 48px;
    color: var(--text-black-1D1E25);
}
.sec-para{
    color: var(--text-grey-757B8A);
    line-height: 25px;
}
.downlaodable_sec{
    padding-top: 290px;
}
.downlaodable_content{
    -webkit-transform: translateY(-162px);
        -ms-transform: translateY(-162px);
            transform: translateY(-162px);
}
.downlaodable_content p{
    margin: 25px auto;
}
.iPhoneOne{
    bottom: 0;
    left: 0;
}
.iPhonetwo{
    bottom: 0;
    right: -30px;
}
.bg-container{
    background-color: #F9FAFF;
    border-radius: 20px;
    /* border: 1px solid #E9ECF2; */
    padding: 99px 95px;
    margin-top: 44px;
}
.icon_box{
    background-color: var(--orange-F47A20);
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.work_cards{
    gap: 38px;
    padding: 45px 0;
    position: relative;
}
.work_cards::before{
    position: absolute;
    content: '';
    width: 90%;
    height: 1px;
    background-color: #E9ECF2;
    bottom: 0;
    left: 0;
}
.work_cards-cnone{
    padding-bottom: 0;
}
.work_cards-cnone::before{
    content: none;
}
.work_cards-right h5{
    color: var(--text-black-1D1E25);
    font-size: 24px;
}
.video{
    background-color: #FAFAFA;
}
.play_icon{
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.sec-para-two{
    font-size: 18px;
    color: #757B8A;
    line-height: 28px;
}
.video_box{
    max-width: 490px;
    width: 100%;
}
.videoBg{
    width: 100%;
}
.video_content{
    padding-left: 70px;
}
.video_content h3{
    margin-bottom: 20px;
}

.faqs{
    background-color: #ffffff;
}
.faqs h3{
    font-size: 56px;
    color: #000000;
    margin-bottom: 60px;
    text-transform: capitalize;
}
.question{
    background-color: #ffffff;
}
.question-btn {
    border: none;
    border-top: 2px solid #DEDEDE;
    background-color: transparent;
    cursor: pointer;
    padding: 16px;
    border-radius: 0px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.img-plus-minus{
    width: 75px;
}
.question.show-text .question-btn{
    padding-bottom: 0;
}
.faq_haeder{
     color: #000000;
     font-size: 26px;
     font-weight: 500;
}
.faq_para{
    color: #786F77;
    font-size: 22px;
    font-weight: 500;
    max-width: 770px;
}
.question-btn:focus{
    outline: none;
}
.question-text{
    padding: 0 40px 28px 16px;
}
.minus-icon {
    display: none;
}
.show-text .plus-icon {
    display: none;
}
.question-text {
    display: none;
}
.show-text .question-text {
    display: block;
}
.show-text .minus-icon {
    display: inline;
}
.our_testimonial{
    background-color: #FAFAFA;
}
.blogs_sec{
    background-color: #F4F4F6;
}
.blogs_sec-bg{
    background-color: #F6FAFF;
    padding-bottom: 100px;
}
.blogCard_parent{
    text-decoration: none;
}
.blogCard_parent:hover{
    text-decoration: none;
}
.blogCard{
    background-color: #F9FBFE;
    border-radius: 10px;
    padding: 10px 10px 20px 10px;
    margin-top: 40px;
}
.blogs_dateTime{
    color: #959EAD;
    font-size: 14px;
    margin: 15px 0 10px;
}
.blogs_img{
    max-height: 240px;
    overflow: hidden;
    border-radius: 10px;
    height: 240px;
}
.blogCard:hover .blogs_img img{
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}
.blogs_img img{
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: 0.35s linear;
    -o-transition: 0.35s linear;
    transition: 0.35s linear;
    border-radius: 10px;
}
.blogs_content h3{
    color: #1D1E25;
    font-size: 24px;
    letter-spacing: 0.2px;
    line-height: 32px;
    height: 94px;
}
.blogs_content p{
    font-size: 14px;
    color: #F37A22;
}
.blogs_content p img{
    margin-left: 8px;
}
.aboutBg{
    top: 0;
    left: 0;
    max-height: 554px;
    /* -o-object-fit: cover;
       object-fit: cover; */
}
.contatiner_texts{
    z-index: 2;
}
.aboutUsBanner{
    height: 554px;
    overflow: hidden;
    background-color: #F6FAFF;
}
.aboutUsBannerBg{
    background-color: #FAFAFA;
    height: 574px;
}
.aboutUsBannerPost,.post_contents{
    background-color: #FAFAFA;
}
.aboutUsBannerContact{
    background-color:#F1F1F1 ;
}
.aboutUsBanner p{
    color: #FFFFFF;
    font-size: 35px;
}
.about_content{
     background-color: #F6FAFF;   
}
.about_content-inner p{
    color: #757B8A;
    font-size: 24px;
    line-height: 40px;
}
.about_content-inner h5{
    font-size: 40px;
    margin: 35px 0;
}
.img_shadow img{
    max-width: 510px;
    width: 100%;
}
.mission_sec{
    background-color: #FAFAFA;
}
.about_content-title{
    font-size: 48px !important;
}
.testimonial_cards-bottom{
    -webkit-transform: translateX(200px);
        -ms-transform: translateX(200px);
            transform: translateX(200px);
}
.testi_pfl{
    gap: 20px;
}
.testi_pfl img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.testi_pfl h3{
    font-size: 20px;
    line-height: 26px;
    color: #1D1E25;
}
.testi_pfl h6{
    color: #808D9E;
    font-size: 14px;
}
 
.testi_contents p{
    color: #1D1E25;
    margin: 20px 0;
}
.testimonial_cards-cmn{
    margin-top: 115px;
}
.post-title{
    color: #1D1E25;
    font-size: 48px;
    line-height: 59px;
}
.post_img_box{
    position: relative;
    margin-top: 85px;
    z-index: 1;
}
.post_img_box::before{
    position: absolute;
    top: -45px;
    left: -47px;
    content: '';
    width: 100%;
    height: 100%;
    border: 6px solid #F47A20;
    z-index: -1;
}
.post_body{
    margin-top: 55px;
}
.post_body p{
    color: #757B8A;
    line-height: 27px;
    font-size: 17px;
}
.post_contents{
    padding-top: 80px;
    padding-bottom: 50px;
}
.avatar {
    max-width: 40px;
    min-width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 10px;
}
.post-footer .title {
    font-weight: 400;
    color: #1a1a1a;
    opacity: .8;
    text-transform: capitalize;
}
.contact_section{
    background-color: #F1F1F1;
    padding-bottom: 66px;
    padding-top: 66px;
}
.contact_cards-parents{
    gap: 22px;
}
.contact_cards{
   background-color: #FFFFFF;
   border-radius: 12px;
   text-align: center;
   height: 170px;
   max-width: 418px;
   width: 100%;
}
.contact_cards h3{
    font-size: 20px;
    color: #1D1E25;
    margin: 10px 0 8px;
}
.contact_cards a,.contact_cards p{
    color: #757B8A;
    -webkit-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.contact_cards a:hover,.contact_cards p:hover{
    text-decoration: none;
    color: var(--orange-F47A20);
}
.contact_box{
    padding: 0;
    max-width: 600px;
    background: #fff;
    box-shadow: 0px 0px 10px #0000004f;
    border-radius: 14px;
}
.contact_box h5{
    padding: 40px 20px 30px;
    border-bottom: 1px solid #0000004d;
    font-size: 30px;
    font-weight: 500;
}
.contact_box p{
    color: #757B8A;
    margin: 9px 0  40px;
}
#appointment_form{
    padding: 50px 60px;
}
#appointment_form label{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #353535;
}
.red-span{
    color: #e80000;
}
#appointment_form .form-group{
    margin-bottom: 25px;
}
#appointment_form .form-control{
    height: 44px;
    font-weight: 500;
    background: #f7f7f7;
    border: 1px solid #c4c4c4;
    border-radius: 0;
    box-shadow: none;
    color: #787878;
    transition: all .5s;
}
#appointment_form .form-control:focus{
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #ffffff;
}
#appointment_form .form-control::-webkit-input-placeholder{
    color: #757B8A;
    font-size: 16px;
    font-weight: 500;
}
#appointment_form .form-control::-moz-placeholder{
    color: #757B8A;
    font-size: 16px;
    font-weight: 500;
}
#appointment_form .form-control:-ms-input-placeholder{
    color: #757B8A;
    font-size: 16px;
    font-weight: 500;
}
#appointment_form .form-control::-ms-input-placeholder{
    color: #757B8A;
    font-size: 16px;
    font-weight: 500;
}
#appointment_form .form-control::placeholder{
    color: #757B8A;
    font-size: 16px;
    font-weight: 500;
}
 
.btn-primary.contact_us_button{
    background-color: #F37A22;
    border-radius: 6px;
    font-size: 20px;
    color: #ffffff;
    border: 1px solid #F37A22;
    padding: 0.375rem 1.2rem !important;
}
.g_map-sec{
    background-color: #FFFFFF;
    padding: 100px 0;
}
.g_map-sec h3{
    font-size: 48px;
    color: #1D1E25;
}
.g_map-sec p{
    color: #757B8A;
    margin: 10px;
}
.feature_map{
    margin-top: 20px;
}
.blog_static-card{
    cursor: pointer;
}
#floating_notif{
    position: fixed;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--orange-F47A20);
    width: 300px;
    z-index: 1000;
    padding: 15px;
    border-radius: 18px 18px 18px 0;
}
.hidden_noti{
    display: none;
}
#floating_notif p{
    color: #ffffff;
    font-weight: 500;
    font-size: 18px;
}
#floating_notif::before{
    position: absolute;
    content: '';
    width: 30px;
    height: 50px;
    background-color: var(--orange-F47A20);
    left: 0;
    bottom: -48px;
    clip-path: polygon(0% 0%, 100% 0, 0 100%);
}
#floating_notif a{
    color: var(--text-black-1D1E25);
    text-decoration: none;
}
.carousel_images{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.carousel_images img{
    max-width: 100%;
}
.owl-theme.carousel_three .owl-dots .owl-dot span{
    width: 14px;
    height: 14px;
    border-radius: 0;
    background-color: #F47A20;
}
.owl-theme.carousel_three .owl-dots .owl-dot.active span,.owl-theme.carousel_three .owl-dots .owl-dot span:hover{
    opacity: 1;
    background-color:  #F47A20 !important;
}
.feature_sec{
    background-color: #FAFAFA;
}
.title_head{
    font-weight: 600;
}
.underlinr-features {
    width: 26%;
    margin: 1rem 0;
    border-top: 1px solid  var(--orange-F47A20);
}
.check__fa {
    margin-right: 10px;
    color: var(--orange-F47A20);
}
.check__para {
    text-indent: -13px;
}

.para {
    color: rgba(40, 43, 49, 0.8);
    letter-spacing: 0.31px;
    margin-bottom: 14px;
}
.site-usages-para p{
    margin-bottom: 20px;
}
.site-usages-para h5{
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 18px;
}
.site-usages-para h6{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 18px;
}
.site-usages-para .sub_title{
    font-weight: bold;
    margin-bottom: 18px;
}
ul.list-style{
    list-style-type: disc;
    padding-left: 30px;
}
ul.list-style li{
    margin-bottom: 15px;
}
.leadscreen img{
    max-width: 100%;
}

.blink{
    -webkit-animation: blink 1s linear infinite;
            animation: blink 1s linear infinite;
    font-weight: bold;
}
@-webkit-keyframes blink{
    0% {
          opacity: 0;
    }
    50% {
         opacity: 1;
    }
    100% {
        opacity: 1;
        
    }
   }
@keyframes blink{
    0% {
          opacity: 0;
    }
    50% {
         opacity: 1;
    }
    100% {
        opacity: 1;
        
    }
   }

   .btn-play {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }
  
.parent-url:hover{
    text-decoration: none;
}
 
.breadcrumb{
    background-color: transparent;
}
.breadcrumb-item+.breadcrumb-item {
    font-size: 13px;
    color: #fff;
    font-weight: 500 !important;
}
.breadcrumb-item.active{
    -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
            transform: translateY(-4px);
}
.breadcrumb-item.active a{
    color: #fff;
    font-weight: 500 !important;
    font-size: 13px;
    margin-top: -5px;
}
.breadcrumb-item+.breadcrumb-item::before{
    color: #fff;
}
.team-meber.mb-5 {
    background-color: #fff;
    padding: 1rem;
    border-radius: 7px;
    /* box-shadow: 2px 2px 13px 2px #bdbcbc; */
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
            box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
    position: relative;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}
.team-meber.mb-5:hover{
    -webkit-box-shadow: none;
            box-shadow: none;
}
.team-meber.mb-5::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    -webkit-transition: 2s linear;
    -o-transition: 2s linear;
    transition: 2s linear;
    border-top: 3px solid var(--blue-dark-primary);
    border-left: 3px solid var(--blue-dark-primary);
    opacity: 0;
}
.navbar-brand img {
    filter: invert(0);
}
.team-meber.mb-5::after{
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    -webkit-transition: 2s linear;
    -o-transition: 2s linear;
    transition: 2s linear;
    border-bottom: 3px solid var(--blue-dark-primary);
    border-right: 3px solid var(--blue-dark-primary);
    opacity: 0;
}
.team-meber.mb-5:hover::before{
    border-top: 3px solid var(--blue-dark-primary);
    border-left: 3px solid var(--blue-dark-primary);
}
.team-meber.mb-5:hover::after{
    border-bottom: 3px solid var(--blue-dark-primary);
    border-right: 3px solid var(--blue-dark-primary);
}
.team-meber.mb-5:hover::after,.team-meber.mb-5:hover::before{
    width: 40%;
    height: 40%;
    opacity: 1;
}
.team-dis::before {
    content: "";
    display: block;
    border-top: 3px solid #c5c5c5;
    width: 45px;
    position: absolute;
}
.team-link i {
    color: var(--blue-dark-primary);
    margin-right: 4px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.team-link a:hover i{
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
}
.team-profile img {
    width: 100px;
    height: 100px;
    -o-object-fit: contain;
       object-fit: contain;
}
 /* /Custom css for web pages */


 /* css for pop up modals */
 .modal.show{
     background-color: rgba(0, 0, 0, .4);
 }
 .popup-close:hover i{
     color: #fff;
     -webkit-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
             transform: rotate(360deg);
  }
  .popup-close i{
     -webkit-transform:  rotate(0);
         -ms-transform:  rotate(0);
             transform:  rotate(0);
     -webkit-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
     transition: 0.2s ease-in-out;
  }
 .popup-close{
     width: 30px;
     height: 30px;
     background-color: #ff0000 !important;
     color: #fff;
     opacity: 1;
     border-radius: 4px;
     position: absolute;
     right: 4px;
     top:4px;
     z-index: 99;
 }
 .modal.show{
    background-color: #000000d1;
 }
 /* Css for Footer */
 .page-footer{
     width: 100%;
     padding-top: 80px;
     background-color: #F5F5F5;
 }
 .footer_title{
    font-size: 64px;
    color: #ffffff;
 }
 .footer-content{
    letter-spacing: 1.08px;
    color: #FFFFFF;
    font-size: 22px;
    opacity: 0.4;
 }
 .logo_white{
    margin-top: 30px;
 }
 .footer_container{
     width: 90%;
 }
 .footer__flex {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     padding-top: 40px;
     padding-bottom: 40px;
 }
 .footer__flex__items{
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
          color: #ffffff;
          line-height: 24px;
          opacity: 1;
          gap: 18px;
          margin-top: 32px;
 }
 .footer__flex__items h6 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 25px;
    color: #000;
    position: relative;
 }
 .footer__flex__items h6::before{
    position: absolute;
    content: '';
    width: 70px;
    height: 2px;
    background-color:#000;
    left: 0;
    bottom: -10px;
 }

 .page-footer_container{
    margin-top: 60px;
    border-top: 1px solid #0000004d;
 }
 .bottom_container{
    padding-bottom: 30px;
    padding-top: 30px;
 }
 .carLayer{
    left: 0;
    bottom: 0;
 }
 .footer__flex__items a:hover {
     text-decoration: none;
     opacity: 1;
 }
 .footer__flex__items li{
    margin-bottom: 30px;
 }
 .footer__flex__items a{
    line-height: 1.2 !important;
    color: #000 !important;
    font-size: 20px;
    padding: 0px 9px !important;
    font-weight: 400;
 }
 .footer__ul--link{
    color: #000;
    text-decoration: none;
    line-height: 1.2 !important;
    color: #000;
    font-size: 18px;
    font-weight: 400;
 }
 .footer__ul--link:hover{
    text-decoration: none;
    color: #000;
 }
 .footer__ul--link i{
    transition: 0.35s linear;
    transform: scale(1);
 }
 .footer__ul--link:hover i{
    transform: scale(1.1);
 }
 .social li{
    margin-left: 2rem !important;
 }
 .floating_contact{
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 99;
    background-color: #25D366;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.06), 0 2px 32px 0 rgba(0,0,0,.16);
    width: 60px;
    height: 60px;
    border-radius: 50%;
 }
 .floating_contact:hover{
    text-decoration: none;
 }
 .floating_contact i{
    color: #ffffff;
    font-size: 28px;
 }
 .bg-grey{
     background-color: #303030;
     padding-top: 29px;
     padding-bottom: 29px;
 }
 .call-span:hover{
     color: #51CADE;
     text-decoration: none;
 }
 .call-span:hover p{
     color: #51CADE;
 }
 .call-span small{
     letter-spacing: 0.81px;
     color: #51CADE;
     line-height: 1;
     font-size: 18px;
     font-weight: 500;
 }
 .call-span p{
     letter-spacing: 1.26px;
     color: #FFFFFF;
     font-weight: 500;
     font-size: 28px;
     line-height: 1;
 }
 .call-span i.fa{
     font-size:30px;
     color:#fff !important;
     margin:8px 5px 0 0
 }
 .call-span:hover .bounce{
      -webkit-animation: none;
              animation: none;
      -webkit-transform: translateX(-10px) scale(1.2);
          -ms-transform: translateX(-10px) scale(1.2);
              transform: translateX(-10px) scale(1.2);
  }
    .call-span .bounce{
      -webkit-transition: 0.3s linear !important;
      -o-transition: 0.3s linear !important;
      transition: 0.3s linear !important;
  }
 .bounce{
       -webkit-animation: bounce 1.5s ease-in infinite;
               animation: bounce 1.5s ease-in infinite;
  }
    @-webkit-keyframes bounce{
       0%, 20%, 60%, 100%{
           -webkit-transform: rotate(0);
                   transform: rotate(0);
       }
       40%{
           -webkit-transform:  rotate(45deg) translateX(-5px);
                   transform:  rotate(45deg) translateX(-5px);
       }
       80%{
           -webkit-transform: rotate(30deg) translateX(-7px);
                   transform: rotate(30deg) translateX(-7px);
       }
   }
    @keyframes bounce{
       0%, 20%, 60%, 100%{
           -webkit-transform: rotate(0);
                   transform: rotate(0);
       }
       40%{
           -webkit-transform:  rotate(45deg) translateX(-5px);
                   transform:  rotate(45deg) translateX(-5px);
       }
       80%{
           -webkit-transform: rotate(30deg) translateX(-7px);
                   transform: rotate(30deg) translateX(-7px);
       }
   }
 .social__ul li{
     margin-left: 16px;
 }
  .copyrigt-footer{
      position: relative;
      padding: 32px 0;
  }
  .copyrigt-footer::before{
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #000000;
      opacity: 0.1;
      z-index: -1;
  }
  .text_muted:hover{
      color: #51CADE;
      text-decoration: none;
  }
  .text_muted{
    letter-spacing: 0.72px;
    color: #FFFFFF;
    opacity: 0.5;
  }
  .scrollTop {
      width: 40px;
      height: 40px;
      background: transparent -o-linear-gradient(338deg, #000 0%, #000 100%) 0% 0% no-repeat padding-box;
      background: transparent linear-gradient(112deg, #000 0%, #000 100%) 0% 0% no-repeat padding-box;
      -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
              box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
      position: fixed;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      bottom: 500px;
      right: 8px;
      border: none;
      z-index: 1;
      visibility: hidden;
      opacity: 0;
      border-radius: 2px;
      -webkit-transition: 2s ease;
      -o-transition: 2s ease;
      transition: 2s ease;
      cursor: pointer;
      color: #fff;
  }
  .social{
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
  }
  .social li{
       margin-left: 13px;
  } 
  .social li img{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
   }
  .social li:hover img{
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
   }

  .scrollTop.active {
      bottom: 40px;
      visibility: visible;
      opacity: 0.6;
  }
  .social__ul li a img{
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%);
  }
  .social__ul li:hover a img{
      -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
              transform: scale(1.2);
      -webkit-filter: grayscale(0);
              filter: grayscale(0);
  }
  .modal-width {
    max-width: 60%;
}
.send-enquiry {
    position: fixed;
    right: -46px;
    color: #000000 !important;
    background-color: #ffc107;
    border-color: #ffc107;
    top: 50%;
    z-index: 10;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}
 
.para-row p{
    text-align: justify;
}
.content-text{
     letter-spacing: 0.72px;
    color: #FFFFFF;
}
.opacity_less{
    letter-spacing: 0.72px;
    color: #FFFFFF;
    opacity: 0.5;
}
.anchor-text-footer:hover{
    color: #fff;
    opacity: 1;
}
.anchor-text-footer{
    color: #fff;
    opacity: 0.8;
}
.contact_text{
    color: #212529;
}
.contact_text:hover{
    text-decoration: none;
    color: #212529;
}
.contact_text .fa{
    color: #007BB9;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.marker_icon{
    color: #007BB9;
}
.cirlce-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: black;
    display: inline-block !important;
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
}
span.text_underline_span{
    display: inline-block !important;
    text-decoration: underline;
}
 
.text-title{
   margin-top: 0;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 6px;
    line-height: 36px;
    color: #1f2326;
}
 
.video-wrapper > video {
    width: 100%;
    vertical-align: middle;
}

.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
    display: none;
}

.video-overlay-play-button {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px calc(50% - 50px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.95;
    cursor: pointer;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background-image: -o-linear-gradient(transparent, #000);
    background-image: linear-gradient(transparent, #000);
    -webkit-transition: opacity 150ms;
    -o-transition: opacity 150ms;
    transition: opacity 150ms;
}

.video-overlay-play-button:hover {
    opacity: 1;
}

.video-overlay-play-button.is-hidden {
    display: none;
}
 
.all-blog-cards .category{
    padding: 0px 0px;
}
.blog-titles {
    display: inline-block;
    padding: 5px 2px;
    font-size: 16px;
}
button:focus {
    outline: unset;
    outline: unset;
}
#searchData::-webkit-input-placeholder{
    font-weight: 400 !important;
    font-size: 1rem;
    color: gray;
}
#searchData::-moz-placeholder{
    font-weight: 400 !important;
    font-size: 1rem;
    color: gray;
}
#searchData:-ms-input-placeholder{
    font-weight: 400 !important;
    font-size: 1rem;
    color: gray;
}
#searchData::-ms-input-placeholder{
    font-weight: 400 !important;
    font-size: 1rem;
    color: gray;
}
#searchData::placeholder{
    font-weight: 400 !important;
    font-size: 1rem;
    color: gray;
}
.blog_sec_img {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 230px;
    width: 100%;
}
.student_testimonials .slider__item{
    height: 176px;

}
/*========== New Styles======== */
.blink-button {
    background-color: #28a745; /* Green color */
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    animation: blink-effect 1.5s infinite;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
  }
  
  .blink-button:hover {
    transform: scale(1.1);
  }
  
  @keyframes blink-effect {
    0% {
      opacity: 1;
      box-shadow: 0px 0px 10px rgba(40, 167, 69, 0.8);
    }
    50% {
      opacity: 0.6;
      box-shadow: 0px 0px 20px rgba(40, 167, 69, 0.5);
    }
    100% {
      opacity: 1;
      box-shadow: 0px 0px 10px rgba(40, 167, 69, 0.8);
    }
  }
  
.top_contact_info{
    background-color: #0071bc;
    padding: .35rem 0;
}
.top_social_platforms{
    gap: .8rem;
}
.top_social_platform{
    gap: .8rem;
}
.top_social_platforms li a{
    color: #ffffff;
    font-weight: 500;
}
.top_social_platforms li a svg path{
    fill: #ffffff !important;
}
.top_social_platforms li a:hover{
    text-decoration: none;
}
.top_social_platform li a{
    color: #ffffff;
    font-weight: 500;
}
.top_social_platform li a svg path{
    fill: #ffffff !important;
}
.top_social_platform li a:hover{
    text-decoration: none;
}
/* end blog */
/* media query */
@media (min-width: 992px){
  .modal-lg, .modal-xl {
    max-width: 700px;
  }
}
@media (min-width: 768px) {
    /* .active-bg #header .navbar .navbar-nav a.nav-link {
        color: var(--black-primary);
    } */
    #closeMenu {
        display: none;
    }
    div.ml-row {
        margin-left: -4px;
    }
    .copyright-parent {
        width: 79%;
    }
    .modal_left {
        -ms-flex: 0 0 35.333333%;
        -webkit-box-flex: 0;
                flex: 0 0 35.333333%;
        max-width: 35.333333%;
    }
    /* .modal_right {
        -ms-flex: 0 0 63.666667%;
        flex: 0 0 63.666667%;
        max-width: 63.666667%;
    } */
    .modal_right-height {
        height: 538px;
    }
/* 
    .blink-button {
        background-color: #28a745;
        color: white;
        border: none;
        border-radius: 5px;
        padding: 10px 15px;
        font-size: 10px !important;
        cursor: pointer;
        animation: blink-effect 1.5s infinite;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        transition: transform 0.2s;
    } */
    .hero-carousel h1 {
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 30px;
        color: #000;
        font-weight: 800;
        text-align: left;
    }
    
    
}

@media (min-width: 992px) {
    /* div.colz-parent {
        -ms-flex: 0 0 72%;
        flex: 0 0 72%;
        max-width: 72%;
    } */
    div.col-lg-3.colz {
        -ms-flex: 0 0 29%;
        -webkit-box-flex: 0;
                flex: 0 0 29%;
        max-width: 29%;
        padding-left: 0;
        padding-right: 13px;
    }
    div.colz-sm {
        -ms-flex: 0 0 9%;
        -webkit-box-flex: 0;
                flex: 0 0 9%;
        max-width: 9%;
        padding-left: 0;
    }
    .modal_lg {
        max-width: 67%;
    }
}
@media only screen and (min-width: 1025px) {
    .blogs_contents.mt{
        height: 665px;
    }
    .blogs_contents.mt .btn_read_artice{
        position: absolute;
        bottom: 0;
    }    
}
@media only screen and (min-width: 1200px) {
    /* div.colz-parent {
        -ms-flex: 0 0 72%;
        flex: 0 0 72%;
        max-width: 72%;
    } */
    div.col-lg-3.colz {
        -ms-flex: 0 0 30%;
        -webkit-box-flex: 0;
                flex: 0 0 30%;
        max-width: 30%;
        padding-left: 0;
        padding-right: 13px;
    }
    div.colz-sm {
        -ms-flex: 0 0 9%;
        -webkit-box-flex: 0;
                flex: 0 0 9%;
        max-width: 9%;
        padding-left: 0;
    }
    .blogs_contents.mt{
        height: 637px;
    }
    .components_card{
        height: 159px;
    }
    .deep_card{
        height: 255px;
    }
    .stage_card.stage_card-height{
        height: 320px;
    }

}
@media only screen and (min-width: 1440px) {
    .container{
        max-width: 1210px;
    }
}

@media only screen and (max-width:1360px) {
    .crircle__div {
        width: 477px;
        height: 477px;
    }
}


@media only screen and (max-width:1280px) {
   .section__title{
       font-size: 42px;
   }
}
@media only screen and (max-width:1200px) {
    .grid_gallery{
       columns: 3;
    }
 } 
@media only screen and (max-width:1199px) {
  .top-content h1{
      font-size: 45px;
  }
  .crircle__div{
      width: 417px;
      height: 417px;
  }
  .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
      width: 70% !important;
  }
  .aboutUsBanner{
    height: 405px;
}
.container_texts{
    bottom: 70px;
}
   
}
@media only screen and (max-width:1147px) {
   .owl-theme.owl-1 .owl-nav {
      left: 0 !important;
      bottom: -53px !important;
   }
}
@media only screen and (max-width:1105px) {
    .navbar .navbar-nav .nav-item{
      margin-left: 1px;
    }
}

@media only screen and (max-width:1138px) {
   .owl-2-body h3{
      font-size: 18px;
   }
}
@media only screen and (max-width:998px) {
    .owl-theme.owl-1 .owl-nav {
        left: 0 !important;
        bottom: -53px !important;
    }
    .owl-2-body h3{
        font-size: 24px;
    }
}
@media only screen and (max-width:991px) {
    .grid_gallery{
        columns: 2;
     }
    .colz-sm {
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .navbar .navbar-nav .nav-item {
        margin-left: 5px;
    }
    .navbar .navbar-nav a.nav-link {
        color:black !important;
        font-size: 15px;
        line-height: 35px;
    }
    .navbar .navbar-nav .nav-item:nth-of-type(6){
        margin-left: 0 !important;
     }
    
    .top-content h1{
        font-size: 26px;
    }
    .top-content p,
    .about__us p {
        font-size: 16px;
        line-height: 32px;
    }
    .flex__counter_items b, .plus-counter{
        font-size: 40px;
    }
    .crircle__div{
        width: 278px;
        height: 278px;
    }
    .section__title{
        font-size: 40px;
    }
    .footer__flex__items h6{
        font-size: 20px;
        margin: 18px 0 15px 0;
    }
    .footer__flex__items p, .footer__flex__items a{
        font-size: 18px;
        line-height: normal !important;
    }
    .footer_container {
        width: 98%;
    }
      .active-bg #header {
          position: fixed;
      }

      #header {
          
          background-color: white;
      }
      .Marge {
        position: absolute;
        right: 0;
        width: 400px;
        top: 45%;
        transform: translateY(-50%);
    }
      #top__header {
          padding-top: 0;
          padding-bottom: 0;
      }

      #sidebarCollapse:focus {
          outline: none;
          border: none;
      }

      #sidebarCollapse {
          /* width: 40px; */
          z-index: 1024;
          padding-left: 10px;
          padding-right: 10px;
          text-align: center;
          outline: none;
          border: none;
          background-color: transparent;
          -webkit-transform: scale(1);
              -ms-transform: scale(1);
                  transform: scale(1);
          -webkit-transition: ease-in 0.1s;
          -o-transition: ease-in 0.1s;
          transition: ease-in 0.1s;
      }

      #sidebarCollapse>i {
          font-size: 22px;
          color: var(--main-color-red);
          margin-top: 2px;
      }

      #sidebarCollapse.active {
          -webkit-transform: scale(1);
              -ms-transform: scale(1);
                  transform: scale(1);
      }

      .mobile-nav {
          width: 50%;
          /* height: 0px;
          min-height: 0px; */
          position: fixed;
          right: -100%;
          top:0;
          background: white;
          z-index: 999;
          -webkit-transition: opacity .3s linear, right .3s ease-out;
          -o-transition: opacity .3s linear, right .3s ease-out;
          transition: opacity .3s linear, right .3s ease-out;
          display: block;
          overflow-y: auto;
      }

      .mobile-nav.active {
          top: 0;
          right: 0;
          width: 50%;
          height: 100%;
      }
      #side-click-close.active {
          display: block;
          height: 100vh;
       }

      #side-click-close {
          background-color: rgba(0, 0, 0, .5);
          width: 100%;
          height: 0;
          position: fixed;
          left: 0;
          top: 0;
          z-index: 999;
          display: none;
        }
    body.stop-scroll {
          overflow-y: hidden;
        }
        .carousel_one-captions{
           bottom: 140px;
        }
        .aboutUsBanner{
            height: 300px;
        }
        .container_texts{
            bottom: 70px;
        }
}
@media only screen and (max-width:786px) {
    .owl-2-body h3 {
          font-size: 18px;
    }
}


@media only screen and (max-width:767px) {
    .sub-heading, 
    .more_course h2{
       font-size: 30px;
    }
    .clint_div{
        text-align: center;
    }
    .mt_row-sm{
        margin-top: 93px;
    }
    .owl-theme.test_carousel .owl-nav {
        top: -87px !important;
        right: 0;
        margin-top: 0;
    }
    .social{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

   
     .navbar .navbar-nav .nav-item:nth-of-type(6){
        margin-left: 18px !important;
     }
     .mySearch{
        padding-left: .5rem !important;
     }
     .top_search{
        padding: .6rem .6rem .6rem 3rem;
     }
     .input_group, .input_group .btn.btn_search_input{
         display: block;
     }
    .stories-dd {
        width: 100%;
        -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
                box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .top-content p{
        margin-top: 5px;
    }
    .colz,
    .colz-sm {
        margin-top: 10px;
    }
    .sec-gap,
    .gap-top,
    .contact {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .footer__copyright {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar {
        padding: 0;
    }
  
    ul.main-ul {
        padding-top: 10px;
        padding-bottom: 20px;
        border-top: 1px solid #ccc;
    }
    .navbar .navbar-nav a.nav-link {
        color: black !important;
        font-size: 16px;
    }
    .navbar .navbar-nav .nav-item.active a.nav-link{
        font-weight: 600;
    }
    /* .navbar .navbar-nav .nav-item.active a.nav-link {
        color: #fff;
    } */
    .navbar .navbar-nav .nav-item a.nav-link::after,
    .active-bg .navbar .navbar-nav .nav-item a.nav-link::after {
     bottom: -6px;
     height: 2px;
    }
    
    .navbar .navbar-nav .nav-item {
        margin-right: 18px;
        margin-left: 18px;
        margin-top: 18px;
    }
    #aboutNavbarDropdown svg path{
        fill: #fff;
    }
    li.btn-grey-second,
    li.empl-btn {
        width: 160px;
        text-align: center;
    }
    /* .navbar .navbar-nav .nav-item:nth-of-type(6){
          margin-top: 10px;
      } */
    #header {
        background-color: white;
        /* box-shadow: 0.7px 8.9px 24.5px 0 rgb(8 8 24 / 10%);
          -webkit-box-shadow: 0.7px 8.9px 24.5px 0 rgb(8 8 24 / 10%); */
    }
   
    #closeMenu:focus {
        outline: none;
        border: none;
    }
    #closeMenu {
        position: absolute;
        right: 16px;
        top: 10px;
        outline: none;
        border: none;
        background-color: transparent;
    }
    #closeMenu.active>img {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
    }
    #closeMenu>img {
        font-size: 40px;
        color: #fff;
        -webkit-transition: ease-in 0.3s;
        -o-transition: ease-in 0.3s;
        transition: ease-in 0.3s;
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0);
    }
    .top_search{
        width: 100%;
    }
    .mobile-nav.active{
        width: 100%;
      }

    .notification>span {
        top: 12px;
    }
    .navbar-brand>img {
        width: 75px !important;
        filter: invert(0) !important;
        
    }
    .navbar-brand {
        color: var(--main-color-green);
        
    }
    .active-bg #header .navbar-brand>img {
        -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
                transform: scale(1.05);
    }
   .flex_now_wrap{
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
        padding-bottom: 15px;
        margin-left: 0;
   }
   .flex_now_wrap::-webkit-scrollbar-track {
    -webkit-box-shadow: var(--second-box-shadow);
            box-shadow: var(--second-box-shadow);
    border-radius: 10px;
    background-color: #F9F9FB;
   }

  .flex_now_wrap::-webkit-scrollbar-thumb {
    background:var(--blue-dark-primary);
   }

    .flex__counter_items{
        margin-right: 10px;
    }
    .flex__counter_items p{
        font-size: 13px !important;
    }
    .top__banner {
        /* background: url(../assets/banner-top.png); */
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .common_container{
        width: 90%;
    }
    .sec-gap-y{
        padding-top: 15px;
    }
    .main_all{
        margin-top: 0;
    }
    .carousel_one-captions{
        bottom: 60px;
        width: 90%;
        text-align: center;
    }
    .carousel_one-captions .c-title, .c-title{
        font-size: 20px;
    }
    .downlaodable_sec{
        overflow: hidden;
        padding-top: 40px;
    }
    .mob_images{
        padding-bottom: 325px;
    }
    .iPhonetwo{
        right: unset;
        left: 140px;
    }
    .store_btns{
        text-align: center;
    }
    .downlaodable_content p > br,.video_content h3 > br{
        display: none;
    }
    .bg-container{
        width: 96%;
        padding: 15px;
    }
    .work_cards-cnone-mob{
        padding-bottom: 45px;
    }
    .work_cards-cnone-mob::before{
        content: '';
    }
    .work_cards-cnone.pb{
        padding-bottom: 45px;
    }

    .videoBg,.video_box{
        max-width: 100%;
    }
    .video_content{
        padding:10px 0 0 0 !important;
    }
    .downlaodable_content {
        -webkit-transform: translateY(-0);
        -ms-transform: translateY(-0);
        transform: translateY(-0);
    }
    .img-plus-minus{
        width: 45px;
    }
    .faq_haeder{
        text-align: left;
    }
    .testimonial_cards-bottom {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .testimonial_cards-cmn{
        margin-top: 50px;
    }
    .footer_title{
        font-size: 48px;
    }
    .footer_title > br{
        display: none;
    }
    .page-footer_container{
        padding-top: 0;
        margin-top: 0;
    }
    .page-footer{
        background-size: cover;
        clip-path: polygon(0% 0%, 75% 0, 100% 15%, 100% 100%, 0 100%);
        padding-top: 0;
    }
    .faqs h3{
        font-size: 48px;
    }
    .img_shadow img{
        width: 100%;
        margin-top: 10px;
    }
    .aboutUsBanner{
        height: 140px;
    }
    .container_texts{
        bottom: 60px;
    }
    .contact_box{
        margin-top: 22px;
    }
    .blog{
        padding-bottom: 40px;
    }
    .course{
        padding-bottom: 115px;
    }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        width: 90% !important;
    }

    .swiper-button-next, .swiper-button-prev{
         top: 110% !important;
    }
    .connected_with{
          padding-top: 30px;
          padding-bottom: 30px;
    }
    .owl-2-items{
        height: auto;
    }
    .owl-theme.owl-3 .owl-nav {
        top: -46px !important;
        right: 15px !important;
    }
    .story .section__title{
        padding-left: 35px;
    }
  
    .story .base__line {
        margin-left: 35px;
    }
    .owl-3{
        padding-top: 40px;
    }
  
   .top-content h1{
       font-size: 25px;
   }
   .top-content p {
       width: 205px;
   }
   .topBanner{
       height:200px;
   }
   .footer__flex{
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
           -ms-flex-direction: column;
               flex-direction: column;
   }
   .section__title{
       font-size: 30px;
   }
   .flex__counter_items b, .plus-counter{
       font-size: 32px;
   }
   .crircle__div{
       width: 330px;
       height: 330px;
       margin-left: auto;
       margin-right: auto;
   }
 
    .story .container-fluid{
     padding: 0;

    }
    .pad-r {
        padding-right: 6px;
    }
    .pad-l {
        padding-left: 6px;
    }
    /* .colz{
           margin-bottom: 12px;
       } */
    .flex-no-wrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
    }
    .flex-no-wrap::-webkit-scrollbar {
        display: none;
    }
    .col-sm {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
                flex: 0 0 46%;
        max-width: 46%;
        padding-right: 0;
    }
    .card.category__card>div>div h4 {
        font-size: 13px;
    }
    .feature__card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .feature__card__right {
        margin-top: 10px;
    }
    .contact .container {
        width: 100%;
    }
    .footer_heading {
        margin-bottom: 4px;
    }
    .col-sm {
        margin-bottom: 0 !important;
    }
    .top__content {
        padding: 10px;
    }
    .padingr-4 {
        padding-right: 4px;
    }
    .padingl-4 {
        padding-left: 4px;
    }
    .feature__card {
        padding: 8px;
    }
    .feature__card__desg>span {
        margin-right: 20px;
        display: block;
    }
    /* .feature__card__desg>span:nth-of-type(2) {
        margin-right: 0;
    } */
    .feature__card__desg>span:nth-of-type(4) {
        position: absolute;
        top: 8px;
        right: 15px;
        margin-right: 0;
    }
    .feature__card__left>h5 {
        font-size: 17px;
    }
    .feature__card__left>h5 .exp {
        margin-left: 8px;
    }
    button.btn.btn-apply {
        position: initial;
    }
    .colz-sm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
    .btn.btn-home {
        width: 100%;
    }
    .footer-column {
        padding-left: 8px;
        padding-right: 8px;
    }
    .footer__ul,
    .footer__ul>li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
      .footer__ul>li{
          margin-bottom: 10px;
          text-align: center;
      }
    .footer__ul>li>a {
        font-size: 15px;
        padding: 0;
    }
    .tag-parent>select {
        width: auto;
        margin-bottom: 10px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .feature__card__title>button {
        margin-bottom: 10px;
    }
    .details__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .details__inner-right>h1 {
        font-size: 25px;
    }
    span.skill_tag {
        margin-bottom: 8px;
    }
    .sub_title {
        font-size: 25px;
    }
    .common_text,
    .desc_div>p,
    .privacy__second p {
        font-size: 14px;
    }
    .desc_div>i {
        -webkit-transform: translateY(3px);
            -ms-transform: translateY(3px);
                transform: translateY(3px);
    }
    .terms__banner {
        height: 89px;
    }
    .terms__banner h1 {
        font-size: 20px;
    }
    div.feature__card.all__job__cards {
        padding-left: 15px;
        padding-right: 15px;
    }
    button.btnApply{
        margin-left: 0 !important;
    }
    .details__description>.container-fluid {
        width: 96%;
    }
    .px-gutter{
        padding-left: 0;
        padding-right: 0;
    }
    .container-width{
        width: 100%;
    }
    section.topbanner{
        height: auto;
    }
    .topbanner h1{
        font-size: 24px;
    }
    .contact_title{
        font-size: 23px !important;
    }
    .modal_right{
        min-height: 412px;
    }
    .modal_right.modal_right-password {
        min-height: 246px;
    }
    .close-modal{
        top: 5px;
        right: -5px;
    }
    .modal_right>div{
        margin-top: 22px;
    }
    .left_bottom > img{
        width: 180px !important;
    }
    .details__inner-right>div span.decs{
        display: block;
    }
    .user-profile-section .container-fluid{
        padding: 15px;
    }
     .feature__card__right > div{
        margin-top: 5px;
    }
    .topbanner h1{
    padding-top: 0;
    padding-bottom: 0;
    }
    form#job_seeker_profile_update > .row > .col-12 {
        padding: 0px;
    }
    .question-text.faq-card-body {
        padding-left: 16px;
        padding-right: 40px;
    }
    section.topbanner.job__topbanner{
        padding-bottom: 0px;
    }
    input#remember_me {
        top: -1px;
    }
    .modal_left.modal_left-blue,.modal_right{
        border-radius: 0px !important;
    }
    .modal_right {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .dropdown-menu.dropdown-menu-right.profile-dropdown{
        bottom: 0px;
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
        width: 100%;
        position: static !important;

    }
    .modal_left {
        border-radius: 0px 0px 0px 0px !important;
    }
    .all_city_names {
        max-height: 190px;
        top: 35% !important;
        width: 90% !important;
    }
    .topnav__search i.fa-search {
        display: none;
    }
    .clip_o{
        top: 15px
    }
    .desc_div{
        display: block;
    }
    .my-jobs .btn-searchclear {
        margin-top: 1rem;
    }
    .about__us p{
        font-size: 20px;
        line-height: 32px;
    }
    #header .container-fluid {
        width: 95%;
    }
    .social__ul li a img{
        width: 40px;
    }
    .owl-3 .owl-stage{
        padding-left: 35px !important;
    }
    .top-content p{
        font-size: 16px;
    }

    .top-content {
        position: unset;
        /* top: 45%;
        left: 2%; */
        left: unset;
        top: unset;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
         transform: translateY(0);
    }
    .modal-width {
        max-width: 100%;
    }

   .btn.btn-gradient{
         margin-top: 10px;
         width: 230px;
         height: 40px;
         font-size: 16px;
     }
     .pointer-move {
         bottom: 10px;
     }
     .custom_carosel-item img{
         height: 230px !important;
     }

    .custom_carosel-item h2{
         font-size: 30px;
     }
     .ins_story_card{
         margin-bottom: 20px;
     }
     .transform-section .common_container, .courses_details .common_container{
         width: 95%;
     }
     .courses_details{
         height: 320px !important;
     }
     .courses_details h2{
         font-size: 25px;
         margin-top: 20px;
     }
     .fixed-form{
         position: static;
         width: 100%;
     }
     .sample-code {
         font-size: 13px;
     }
     .front__card{
         margin-bottom: 20px;
     }
     .front__card h4{
         font-size: 18px;
     }
     .img-center{
        text-align: center;
     }
     img.thumbs_lady{
        width: 60% !important;
        margin: 0 auto;
     }
     .p_feature h4 {
        font-size: 26px;
     }
     .f_card_box h4{
        font-size: 16px;
     }
     body p{
         font-size: .8rem !important;
         line-height: 1.5 !important;
         letter-spacing: normal !important;
     }
     h1,h2, h3, h4, h5, h6{
         letter-spacing: normal !important;
         line-height: 1.2 !important;
     }
     .hero-carousel_two{
         padding: 30px 0;
     }
     .our-videos{
        padding-top: 0;
     }
     .stage_card{
        width: 95%;
        margin-left: auto;
        margin-right: auto;
     }
     .common_blue_section{
        flex-direction: column-reverse;
     }
     .common_blue_section .flex_left{
        padding: 20px;
     }
     #appointment_form{
        padding: 10px;
     }
     .__section_f h4{
        font-size: 25px;
     }
     .__section_h .container,.faqsSec{
        padding-top: 0;
     }
     .owl-carousel.carousel_two .owl-nav button.owl-next{
        right: 0;
     }
     .owl-carousel.carousel_two .owl-nav button.owl-prev{
        left: 0;
     }
     .profle_author_bx_inner{
        left: 150px;
        width: 287px;
     }
     .blink-button {
        background-color: #28a745;
        color: white;
        border: none;
        border-radius: 5px;
        width: 92px;
        padding: 10px 0px;
        font-size: 10px !important;
        cursor: pointer;
        animation: blink-effect 1.5s infinite;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        transition: transform 0.2s;
    }
    .__section_f h5 {
        color: #fff;
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .top_contact_info{
        background-color: #0071bc;
    
    }
    .hero-carousel h1{
        font-size: 22px !important;
        line-height: 1.2;
        margin-bottom: 30px;
        color: #000;
        font-weight: 800;
        text-align: left;
    }
    .__section_g h4, .__section_h h4{
        font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
    }
    .__section_g h5{
        color: #0071bc;
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 35px;
    }
    
.btn-primary-blue{
    background: #0071bc !important;
    font-size: 12px;
    font-weight: 300;
    padding: 10px 20px;
    border-radius: 9999px;
    box-shadow: none;
    color: #ffffff;
}
.section_title{
    width: 100%;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 10px !important;
    color: #000;
}
.contact_box h5{
    
        padding: 40px 20px 30px;
        border-bottom: 1px solid #0000004d;
        font-size: 20px;
        font-weight: 500;
    }
    #appointment_form .form-control{
        height: 30px;
        font-weight: 500;
        background: #f7f7f7;
        border: 1px solid #c4c4c4;
        border-radius: 0;
        box-shadow: none;
        color: #787878;
        transition: all .5s;
    }
    #appointment_form .form-control:focus{
        -webkit-box-shadow: none;
                box-shadow: none;
        background-color: #ffffff;
    }
    #appointment_form .form-control::-webkit-input-placeholder{
        color: #757B8A;
        font-size: 16px;
        font-weight: 500;
    }
    #appointment_form .form-control::-moz-placeholder{
        color: #757B8A;
        font-size: 16px;
        font-weight: 500;
    }
    #appointment_form .form-control:-ms-input-placeholder{
        color: #757B8A;
        font-size: 16px;
        font-weight: 500;
    }
    #appointment_form .form-control::-ms-input-placeholder{
        color: #757B8A;
        font-size: 16px;
        font-weight: 500;
    }
    #appointment_form .form-control::placeholder{
        color: #757B8A;
        font-size: 16px;
        font-weight: 500;
    }
    .faqsSec h3{
        font-size: 20px;
    line-height: 1.2;
    color: #000;
    font-weight: 700;
    }
    .sub_content h3{
        font-size: 23px !important;
    }
    .logo-img{
        width: 100px;
    }
    .tele-logo{
        width: 20px;
    }
    .stage_card .icon {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        backdrop-filter: blur(15);
        background-color: #006eb7;
        color: #fff;
    }
    .stage_card .icon span {
        font-weight: bold;
        font-size: 16px;
        line-height: 1;
        text-align: center;
    }
    .common_class h1 {
        margin-top: 40px;
        font-size: 30px;
        font-weight: 700;
        line-height: 66px;
        color: #fff;
    }
    .section_content ul li {
        font-size: 16px;
        font-weight: 400;
        line-height: 32px;
        color: #4E4E4E;
        padding: 10px 0;
        position: relative;
    }
    
.section_content h3 {
    font-size: 20px;
    line-height: 46px;
    color: #4E4E4E;
    font-weight: 700;
    position: relative;
    margin-bottom: 30px;
    top: 25px;
}
.expert_cards {
    background-color: #0071BC;
    padding: 30px;
    width: 100%;
    height: auto;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    margin: 95px auto 10px;
}
.section_content ol {
    padding-top: 50px;
    counter-reset: section;
    padding-left: 60px;
}
.coming_soon h3 {
    font-size: 35px;
    font-weight: 600;
}
.expert_cards_icon img {
    filter: brightness(0) invert(1);
    height: 70px;
    width: 70px;
    object-fit: contain;
    transition-delay: .05s;
    transition: .45s;
}
.expert_cards_body h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0 15px 0;
    width: 100%;
    color: #fff;
    position: relative;
    transition: inherit;
    transition-delay: .05s;
    transition: .45s;
}
.blogs_contents h4 {
    font-size: 15px;
    line-height: 30px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
    margin-bottom: 10px;
}
.top_social_platform,.col-md-6 {
    flex-direction: column;
    justify-content: center;
}
.top_social_platforms{
justify-content: center;
padding-bottom: 10px;
}
.btn-green {
    background-color: rgba(38, 211, 103, 1);
    border-radius: 30px;
    font-size: 12px;
    padding-top: 12px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 12px;
    transition: all 0.3s, background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s;
    color: #ffffff;
}
#accordion .card .card-header h5 button {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 32px;
    position: relative;
    padding: 15px 20px;
    transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s;
    background-color: #0071bc;
    border-radius: 0;
    width: 100%;
    text-align: left;
}
.section_content ol li {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #4E4E4E;
    padding: 15px 0;
    list-style-type: none;
    position: relative;
}
.bgBlue_height {
    height: 400px;
}
.common_class .container {
    padding-top: 2em;
}
.bgBlue {
    background-image: url(../images/bgBlue.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 200px;
    width: 100%;
}
.tele-logo{
    width: 20px;
}
.time_tag {
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
    color: #4E4E4E;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
}
.btn_read_artice {
    background-color: #1e73be;
    color: #fff;
    padding: 10px 25px;
    display: inline-block;
    transition: all 0.5s ease-in-out;
    position: relative;
    font-size: 10px;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: 0.05em;
    border: 1px solid #0071bc;
    border-radius: 9999px;
}
.footer__flex__items h6 {
    font-size: 15px;
    margin: 18px 0 15px 0;
}
.footer__flex__items p, .footer__flex__items a {
    font-size: 15px;
    line-height: normal !important;
}
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .navbar-brand img {
        position: relative;
        z-index: 99;
        width: 100px !important;
    }
    .logo-img {
        width: 180px !important;
    }
    .hero-carousel h1 {
        font-size: 30px !important;
        line-height: 1.2;
        margin-bottom: 30px;
        color: #000;
        font-weight: 800;
        text-align: left;
    }
    .common_class h1 {
        margin-bottom: 15px;
        font-size: 40px;
        font-weight: 700;
        line-height: 66px;
        color: #fff;
    }
    .common_class p {
        padding-bottom: 0px;
        font-size: 20px;
        font-weight: 300 !important;
        margin-bottom: 0;
        color: #fff;
        font-style: italic;
    }
    .section_content h3 {
        font-size: 35px;
        line-height: 46px;
        color: #4E4E4E;
        font-weight: 700;
        position: relative;
        margin-bottom: 30px;
    }
    .section_content ul li {
        font-size: 20px;
        font-weight: 400;
        line-height: 32px;
        color: #4E4E4E;
        padding: 10px 0;
        position: relative;
    }
    .navbar .navbar-nav a.nav-link {
        color: #000000;
        opacity: 1;
        padding: 0 16px;
        font-size: 16px;
        position: relative;
        font-weight: 400;
    }
    .footer__flex__items h6 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 25px;
        color: #000;
        position: relative;
    }
    .tele-logo{
        width: 25px;
    }
    .btn-primaryWhite {
        background: #ffffff !important;
        color: #0071bc;
        font-size: 10px;
        text-transform: uppercase;
        line-height: 55px;
        padding: 0 30px;
        font-weight: 400;
        position: relative;
        transition: 0.35s ease-in;
    }
    
}
@media only screen and (min-width:768px) and (max-width:992px){
    #header{
        background-color: white;
    }
    .navbar-brand img {
        filter:  invert(0) !important;
        width: 120px !important;
    }
    .logo-img {
        width: 140px !important;
    }
    .common_class h1 {
        margin-bottom: 15px;
        font-size: 35px;
        font-weight: 700;
        line-height: 66px;
        color: #fff;
    }
    .hero-carousel h1 {
        font-size: 30px !important;
        line-height: 1.2;
        margin-bottom: 30px;
        color: #000;
        font-weight: 800;
        text-align: left;
    }
    .common_class p {
        padding-bottom: 0px;
        font-size: 22px;
        font-weight: 300 !important;
        margin-bottom: 0;
        color: #fff;
        font-style: italic;
    }
    .tele-logo{
        width: 25px;
    }
    .footer__flex__items li {
        margin-bottom: 30px;
        width: 188px;
    }
    .profle_author_content img {
        max-width: 100%;
        width: 470px;
        padding-top: 40px;
    }
    .__section_g h5 {
        color: #0071bc;
        font-size: 27px;
        font-weight: 500;
        margin-bottom: 25px;
    }
    .blink-button {
        background-color: #28a745;
        color: white;
        border: none;
        border-radius: 5px;
        padding: 10px 20px;
        font-size: 10px;
        cursor: pointer;
        animation: blink-effect 1.5s infinite;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        transition: transform 0.2s;
    }
    .btn-primaryWhite {
        background: #ffffff !important;
        color: #0071bc;
        font-size: 7px;
        text-transform: uppercase;
        line-height: 47px;
        padding: 0 15px;
        font-weight: 400;
        height: 48px;
        position: relative;
        transition: 0.35s ease-in;
    }
    .btn-border-white {
        font-size: 14px;
        text-transform: uppercase;
        background-color: transparent;
        line-height: 46px;
        border: 2px solid #fff;
        color: #fff;
        padding: 0 18px;
        border-radius: 50px;
        font-weight: 400;
    }
    .__section_g h4, .__section_h h4 {
        font-size: 25px;
        font-weight: bold;
        margin-bottom: 10px;
        color: #000;
    }
    .common_blue_section .flex_left p {
        font-size: 20px;
        color: #fff;
        line-height: 34px;
        margin-bottom: 15px;
        font-weight: 300 !important;
    }
    .btn-primary-blue {
        background: #0071bc !important;
        font-size: 15px;
        font-weight: 300;
        padding: 10px 10px;
        border-radius: 9999px;
        box-shadow: none;
        color: #ffffff;
    }
    .section_title {
        width: 100%;
        text-align: center;
        font-size: 30px;
        font-weight: 500;
        margin-bottom: 10px !important;
        color: #000;
    }
    .__section_f h4 {
        color: #ffffff;
        font-weight: 700;
        font-size: 35px;
        margin-bottom: 20px;
    }
    .__section_f h5 {
        color: #fff;
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 20px;
    }

.btn-green {
    background-color: rgba(38, 211, 103, 1);
    border-radius: 30px;
    font-size: 15px;
    padding-top: 12px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 12px;
    transition: all 0.3s, background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s;
    color: #ffffff;
}
.faqsSec h3 {
    font-size: 30px;
    line-height: 1.2;
    color: #000;
    font-weight: 700;
}
.section_content ul li {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    color: #4E4E4E;
    padding: 10px 0;
    position: relative;
}
.section_content h3 {
    font-size: 35px;
    line-height: 46px;
    color: #4E4E4E;
    font-weight: 700;
    position: relative;
    margin-bottom: 30px;
}

}
@media only screen and (max-width:766px) {
        .owl-2-body h3 {
          font-size: 24px;
    }
}

@media only screen and (max-width:575px) {
    /* .mobile-nav {
          width: 100%;
      } */
}

@media only screen and (max-width:390px) {
    .top__banner__box h1,
    .category h3,
    .featured__job h3,
    .contact_title {
        font-size: 20px;
    }
    .contact_title span {
        font-size: 12px;
    }
}

@media only screen and (max-width:375px) {
 .crircle__div {
      height: 280px;
      width: 280px;
  }
  .owl-2-body h3{
      font-size: 18px;
  }
}
@media only screen and (max-width:360px) {
  .common_container,
  .footer_container {
      width: 97%;
  }

  .crircle__div {
      height: 260px;
      width: 260px;
  }
  .topBanner {
      height: 200px;
  }
}