/**************FONT_STYLE********************** */
@import "//stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css";
@import "//cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css";
@import "//use.fontawesome.com/releases/v5.5.0/css/all.css";
@import "//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css";
@import "//cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.css";
@import "//cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css";
@font-face {
  font-family: "Cera Pro";
  src: url("fonts/CeraPro-Italic.eot");
  src: local("Cera Pro Italic"), local("CeraPro-Italic"), url("fonts/CeraPro-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-Italic.woff") format("woff"), url("fonts/CeraPro-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: "Cera Pro";
  src: url("fonts/CeraPro-Regular.eot");
  src: local("Cera Pro Regular"), local("CeraPro-Regular"), url("fonts/CeraPro-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-Regular.woff") format("woff"), url("fonts/CeraPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Cera Pro";
  src: url("fonts/CeraPro-BlackItalic.eot");
  src: local("Cera Pro Black Italic"), local("CeraPro-BlackItalic"), url("fonts/CeraPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-BlackItalic.woff") format("woff"), url("fonts/CeraPro-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic; }
@font-face {
  font-family: "Cera Pro";
  src: url("fonts/CeraPro-Light.eot");
  src: local("Cera Pro Light"), local("CeraPro-Light"), url("fonts/fonts/CeraPro-Light.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-Light.woff") format("woff"), url("fonts/CeraPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "Cera Pro";
  src: url("fonts/CeraPro-BoldItalic.eot");
  src: local("Cera Pro Bold Italic"), local("CeraPro-BoldItalic"), url("fonts/fonts/CeraPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-BoldItalic.woff") format("woff"), url("fonts/CeraPro-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: "Cera Pro";
  src: url("fonts/CeraPro-Black.eot");
  src: local("Cera Pro Black"), local("CeraPro-Black"), url("fonts/fonts/CeraPro-Black.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-Black.woff") format("woff"), url("fonts/CeraPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: "Cera Pro";
  src: url("fonts/CeraPro-Medium.eot");
  src: local("Cera Pro Medium"), local("CeraPro-Medium"), url("fonts/fonts/CeraPro-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-Medium.woff") format("woff"), url("fonts/CeraPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Cera Pro";
  src: url("fonts/CeraPro-Bold.eot");
  src: local("Cera Pro Bold"), local("CeraPro-Bold"), url("fonts/CeraPro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-Bold.woff") format("woff"), url("fonts/CeraPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "Cera Pro";
  src: url("fonts/CeraPro-Thin.eot");
  src: local("Cera Pro Thin"), local("CeraPro-Thin"), url("fonts/CeraPro-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-Thin.woff") format("woff"), url("fonts/CeraPro-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: "Cera Pro";
  src: url("fonts/CeraPro-MediumItalic.eot");
  src: local("Cera Pro Medium Italic"), local("CeraPro-MediumItalic"), url("fonts/CeraPro-MediumItalic.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-MediumItalic.woff") format("woff"), url("fonts/CeraPro-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: "Cera Pro";
  src: url("fonts/CeraPro-LightItalic.eot");
  src: local("Cera Pro Light Italic"), local("CeraPro-LightItalic"), url("fonts/CeraPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-LightItalic.woff") format("woff"), url("fonts/CeraPro-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: "Cera Pro";
  src: url("fonts/CeraPro-ThinItalic.eot");
  src: local("Cera Pro Thin Italic"), local("CeraPro-ThinItalic"), url("fonts/CeraPro-ThinItalic.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-ThinItalic.woff") format("woff"), url("fonts/CeraPro-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic; }
html {
  overflow-x: hidden; }

html, body, div, 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, sub, sup, tt, var, 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;
  vertical-align: baseline;
  font-family: "Cera Pro", Arial, Helvetica, sans-serif;
  font-size: 13px; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  overflow-x: hidden;
  overflow-x: -moz-scrollbars-none;
  background: #f3f8fc; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none; }

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

h1 {
  font-size: 32px; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 10px; }

p {
  font-size: 13px;
  line-height: 26px;
  font-weight: 400;
  color: #223038;
  margin-bottom: 15px; }
  @media only screen and (max-width: 576px) {
    p {
      font-size: 13px;
      line-height: 22px; } }

a {
  display: block;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms; }

a:hover {
  text-decoration: none !important; }

a:focus {
  outline: none;
  text-decoration: none !important; }

input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
  background-color: inherit !important;
  background-image: none !important;
  color: inherit !important; }

::selection, ::-moz-selection {
  background: #7c1235; }

.clear {
  clear: both; }

.animated2.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn; }

.animated2.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.animated2.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown; }

.animated2.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight; }

.animated2.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

.animated2 {
  visibility: visible;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s; }

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

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.pad0 {
  padding: 0px !important; }

.plft0 {
  padding-left: 0px; }

.prit0 {
  padding-right: 0px; }

.mtop0 {
  margin-top: 0px !important; }

.mauto {
  margin: 0 auto;
  display: block; }

@media only screen and (min-width: 1200px) {
  .hidden-xl {
    display: none; } }
@media (max-width: 1200px) and (min-width: 992px) {
  .hidden-lg {
    display: none; } }
@media only screen and (max-width: 992px) {
  .scrollup {
    bottom: 20px; }

  .order0 {
    order: 0;
    -webkit-order: 0; }

  .order1 {
    order: 1;
    -webkit-order: 1; }

  .md-hidden {
    display: none; } }
@media only screen and (min-width: 768px) {
  .self_container {
    max-width: 100%; } }
@media (max-width: 992px) and (min-width: 768px) {
  .hidden-md {
    display: none; } }
@media only screen and (max-width: 768px) {
  .container {
    max-width: none; } }
@media (max-width: 768px) and (min-width: 576px) {
  .hidden-sm {
    display: none; } }
@media only screen and (max-width: 576px) {
  .hidden-xs {
    display: none; } }
@media only screen and (max-width: 468px) {
  .mob-full {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }
/* BASE STYLE */
/*******************************FIXED_RIGHT_SEC******************************* */
.fixed-right {
  position: fixed;
  right: 20px;
  bottom: 110px;
  z-index: 2; }
  @media only screen and (max-width: 992px) {
    .fixed-right {
      right: 10px; } }
  @media only screen and (max-width: 576px) {
    .fixed-right {
      top: auto;
      bottom: 85px; } }
  .fixed-right .call-right {
    position: relative;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    background: url(../images/icons/sd-call.png) center center no-repeat #a1cd43;
    z-index: 1;
    margin: 20px 0;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); }
  .fixed-right .whatsapp .call-right {
    background: url(../images/icons/sd-whtzap.png) center center no-repeat #5aa920;
    background-size: 24px; }
  .fixed-right .whatsapp .slide-left {
    background: #5aa920;
    padding: 6.5px 20px; }
  .fixed-right .slide-left {
    position: absolute;
    background: #a1cd43;
    width: 0;
    height: 44px;
    right: 12px;
    top: 20px;
    font-size: 13px;
    line-height: 15px;
    color: #FFFFFF;
    padding: 13.5px 20px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    z-index: 0;
    opacity: 0;
    overflow: hidden;
    transition: ease-in-out 0.5s;
    border-radius: 25px 15px 15px 25px; }
  .fixed-right .slide-left {
    top: 0px; }
    .fixed-right .slide-left span {
      opacity: 0;
      font-weight: 400; }
  .fixed-right .mail-right {
    position: relative;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    background: url(../images/icons/sd-mail.png) center center no-repeat #00aeef;
    z-index: 1;
    margin-bottom: 20px;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); }
  .fixed-right .quick-contact {
    position: relative; }
    .fixed-right .quick-contact.mail {
      padding: 0px;
      margin: 0px; }
    @media only screen and (min-width: 576px) {
      .fixed-right .quick-contact:hover .slide-left, .fixed-right .quick-contact:hover span {
        opacity: 1;
        transition: ease-in-out 0.5s;
        width: 170px; }
      .fixed-right .quick-contact.mail .slide-left {
        background: #00aeef; } }

/*******************************SLIDER_BOTTOM_SCROLL_UP******************************* */
.scrollup {
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  position: fixed;
  bottom: 50px;
  right: 20px;
  display: none;
  background: url(../images/icons/top.png) #9bcb43 no-repeat center;
  background-size: 14px;
  border-radius: 5px;
  z-index: 2; }
  .scrollup:hover, .scrollup:focus {
    color: #76787e; }
  @media only screen and (max-width: 992px) {
    .scrollup {
      right: 10px; } }

@keyframes animate {
  0% {
    transform: translate(-50%, 5px); }
  80% {
    transform: translate(-50%, 15px);
    opacity: 0.1; }
  100% {
    transform: translate(-50%, 29px);
    opacity: 0.1; } }
@-webkit-keyframes kenburns_zoomInOut {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2); } }
@-moz-keyframes kenburns_zoomInOut {
  0% {
    -moz-transform: scale(1); }
  100% {
    -moz-transform: scale(1.2); } }
@-ms-keyframes kenburns_zoomInOut {
  0% {
    -ms-transform: scale(1); }
  100% {
    -ms-transform: scale(1.2); } }
@-o-keyframes kenburns_zoomInOut {
  0% {
    -o-transform: scale(1); }
  100% {
    -o-transform: scale(1.2); } }
@keyframes kenburns_zoomInOut {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.2); } }
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0; } }
@keyframes zoominoutsinglefeatured {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1.2, 1.2); }
  100% {
    transform: scale(0.8); } }
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
/******************LOCATION_ICON_ANIMATION************************* */
@keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-10px); } }
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-10px); } }
/******************LOCATION_ICON_ANIMATION************************* */
@keyframes bounce1 {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-10px); } }
@-webkit-keyframes bounce1 {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-10px); } }
@keyframes pulse {
  0% {
    opacity: 0;
    transform: scale(1); } }
@media only screen and (min-width: 1400px) {
  .container {
    max-width: 70%; } }
@media (max-width: 992px) and (min-width: 768px) {
  .container {
    max-width: 95%; } }

/***********HEADER************* */
@media only screen and (min-width: 992px) {
  .header .menu_icon {
    display: none; }

  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }

  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 auto; } }
@media only screen and (max-width: 992px) {
  .collapse:not(.show) {
    display: none !important;
    width: 100%; }

  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column; } }
#Header {
  background: transparent; }
  #Header .main_nav_section .navbar .nav-list .link {
    color: #fff;
    font-size: 16px; }
    @media only screen and (min-width: 1400px) {
      #Header .main_nav_section .navbar .nav-list .link {
        font-size: 16px; } }
    @media (min-width: 1030px) and (max-width: 1200px) {
      #Header .main_nav_section .navbar .nav-list .link {
        font-size: 15px; } }
    @media (min-width: 992px) and (max-width: 1030px) {
      #Header .main_nav_section .navbar .nav-list .link {
        font-size: 14px; } }
  #Header .main_nav_section .navbar .nav-list.active .link {
    color: #fff; }
  #Header .main_nav_section .first_sec {
    padding: 0; }
    #Header .main_nav_section .first_sec .logo_sec.home_logo {
      display: flex;
      padding: 20px 60px;
      background: #fff;
      justify-content: center; }
      @media (max-width: 1100px) and (min-width: 992px) {
        #Header .main_nav_section .first_sec .logo_sec.home_logo {
          padding: 20px 60px; } }
      @media only screen and (max-width: 992px) {
        #Header .main_nav_section .first_sec .logo_sec.home_logo {
          padding: 5px 30px;
          background: none; } }
      @media only screen and (max-width: 576px) {
        #Header .main_nav_section .first_sec .logo_sec.home_logo {
          padding: 5px 20px;
          background: none; } }
    #Header .main_nav_section .first_sec .logo_sec.sticky_logo {
      display: none; }
  #Header .main_nav_section .sec_div {
    display: flex;
    background: #00aeef;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 992px) {
      #Header .main_nav_section .sec_div {
        order: 1;
        background: none;
        height: 0; } }
    #Header .main_nav_section .sec_div .phone {
      padding: 0 0 0 35px;
      color: #fff;
      position: relative;
      margin-left: 25px; }
      @media only screen and (min-width: 1400px) {
        #Header .main_nav_section .sec_div .phone {
          margin-left: 90px; } }
      @media (max-width: 1100px) and (min-width: 992px) {
        #Header .main_nav_section .sec_div .phone {
          padding: 0 0 0 35px; } }
      @media only screen and (max-width: 992px) {
        #Header .main_nav_section .sec_div .phone {
          position: absolute;
          bottom: 15px;
          right: 75px; } }
      @media only screen and (max-width: 768px) {
        #Header .main_nav_section .sec_div .phone {
          bottom: 30px;
          right: 75px; } }
      @media only screen and (max-width: 576px) {
        #Header .main_nav_section .sec_div .phone {
          right: 55px; } }
      @media only screen and (max-width: 340px) {
        #Header .main_nav_section .sec_div .phone {
          bottom: 22px; } }
      #Header .main_nav_section .sec_div .phone .contact_head {
        font-size: 12px;
        font-weight: 400; }
        @media only screen and (min-width: 1400px) {
          #Header .main_nav_section .sec_div .phone .contact_head {
            font-size: 12px; } }
        @media only screen and (max-width: 992px) {
          #Header .main_nav_section .sec_div .phone .contact_head {
            color: #000000c7; } }
        @media only screen and (max-width: 768px) {
          #Header .main_nav_section .sec_div .phone .contact_head {
            display: none; } }
      #Header .main_nav_section .sec_div .phone .number {
        font-size: 16px; }
        @media only screen and (min-width: 1200px) {
          #Header .main_nav_section .sec_div .phone .number {
            font-size: 18px; } }
        @media only screen and (max-width: 992px) {
          #Header .main_nav_section .sec_div .phone .number {
            color: #000000c7; } }
        @media only screen and (max-width: 768px) {
          #Header .main_nav_section .sec_div .phone .number {
            display: none; } }
      #Header .main_nav_section .sec_div .phone::before {
        content: "";
        left: 0;
        background: url(../images/icons/call.png) no-repeat center;
        width: 25px;
        height: 25px;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        transition: ease-in-out all 0.5s; }
        @media only screen and (max-width: 992px) {
          #Header .main_nav_section .sec_div .phone::before {
            filter: invert(1);
            opacity: 0.7; } }
        @media only screen and (max-width: 400px) {
          #Header .main_nav_section .sec_div .phone::before {
            background-size: 75%; } }
      #Header .main_nav_section .sec_div .phone:hover::before {
        top: -15px; }
        @media only screen and (max-width: 992px) {
          #Header .main_nav_section .sec_div .phone:hover::before {
            top: 0px; } }
  #Header.sticky .main_nav_section .logo_sec.home_logo {
    display: none; }
  #Header.sticky .main_nav_section .logo_sec.sticky_logo {
    display: flex;
    padding: 10px 90px;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 992px) {
      #Header.sticky .main_nav_section .logo_sec.sticky_logo {
        justify-content: center;
        padding: 5px 30px; } }
    @media only screen and (max-width: 576px) {
      #Header.sticky .main_nav_section .logo_sec.sticky_logo {
        justify-content: center;
        padding: 5px 20px; } }
  @media only screen and (min-width: 1200px) {
    #Header.sticky .main_nav_section .nav-list {
      padding: 29px 13px !important; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #Header.sticky .main_nav_section .nav-list {
      padding: 38px 8px !important; } }
  #Header.sticky .main_nav_section .nav-list::after {
    content: "";
    background: #fff;
    opacity: 50%;
    height: 2px;
    width: 0px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px !important;
    margin: auto;
    transition: ease-in-out all 0.3s; }

#Header {
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 99999;
  background: white; }
  #Header .header_top {
    background: #201f2c;
    padding: 5px 0; }
    @media only screen and (min-width: 576px) {
      #Header .header_top .row {
        justify-content: flex-end; } }
    @media only screen and (max-width: 576px) {
      #Header .header_top .row {
        justify-content: center; } }
    #Header .header_top ul {
      display: flex;
      align-items: center; }
      #Header .header_top ul li {
        padding: 0 15px;
        border-right: 1px solid #393849; }
        @media only screen and (max-width: 468px) {
          #Header .header_top ul li {
            padding: 0 5px; } }
        #Header .header_top ul li a {
          font-size: 12px;
          color: #b49659;
          text-transform: uppercase; }
          @media only screen and (max-width: 768px) {
            #Header .header_top ul li a {
              font-size: 12px; } }
        #Header .header_top ul li:last-child {
          border: none; }
  @media only screen and (max-width: 992px) {
    #Header .main_nav_section {
      position: relative;
      padding: 0; } }
  #Header .main_nav_section .row {
    margin: 0; }
  #Header .main_nav_section .logo_sec .logo {
    max-width: 220px; }
    @media (max-width: 1200px) and (min-width: 992px) {
      #Header .main_nav_section .logo_sec .logo {
        max-width: 235px; } }
    @media (max-width: 992px) and (min-width: 468px) {
      #Header .main_nav_section .logo_sec .logo {
        max-width: 150px; } }
    @media only screen and (max-width: 468px) {
      #Header .main_nav_section .logo_sec .logo {
        max-width: 205px; } }
  #Header .main_nav_section .logo_sec.home_logo {
    display: none; }
  #Header .main_nav_section .logo_sec.sticky_logo {
    display: block; }
  #Header .main_nav_section .navbar {
    padding: 0px 0;
    padding-right: 20px;
    border-right: solid 1px #ffffff40; }
    @media only screen and (min-width: 1400px) {
      #Header .main_nav_section .navbar {
        padding-right: 90px; } }
    @media only screen and (max-width: 992px) {
      #Header .main_nav_section .navbar {
        position: absolute;
        top: 100%;
        left: 0px;
        background: #428fd0;
        width: 100%;
        padding: 0;
        z-index: 999; } }
    @media only screen and (min-width: 992px) {
      #Header .main_nav_section .navbar .navbar-nav .dropdown:hover .first_drop {
        display: block; } }
    #Header .main_nav_section .navbar .navbar-nav .dropdown-menu {
      position: absolute;
      border: 0;
      border-radius: 0;
      top: 100%;
      padding: 0;
      margin: 0; }
      @media only screen and (max-width: 992px) {
        #Header .main_nav_section .navbar .navbar-nav .dropdown-menu {
          position: relative; } }
      @media only screen and (max-width: 768px) {
        #Header .main_nav_section .navbar .navbar-nav .dropdown-menu {
          width: 100%; } }
      #Header .main_nav_section .navbar .navbar-nav .dropdown-menu .dropdown-item {
        display: block;
        padding: 15px 35px;
        text-align: left;
        font-size: 14px;
        color: #3c2314;
        font-weight: 400;
        transition: 0.5s linear;
        border-bottom: 1px solid #796b6b24; }
        #Header .main_nav_section .navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
          background: #428fd0;
          color: #fff; }
    #Header .main_nav_section .navbar .nav-list {
      position: relative;
      padding: 10px 10px;
      transition: 0.5s; }
      @media only screen and (min-width: 1200px) {
        #Header .main_nav_section .navbar .nav-list {
          padding: 49px 13px; } }
      @media (max-width: 1200px) and (min-width: 992px) {
        #Header .main_nav_section .navbar .nav-list {
          padding: 38px 8px; } }
      @media only screen and (max-width: 992px) {
        #Header .main_nav_section .navbar .nav-list {
          padding: 0px;
          border-bottom: 1px solid #c2e9f91a; }
          #Header .main_nav_section .navbar .nav-list:last-child {
            border: none; } }
      #Header .main_nav_section .navbar .nav-list::after {
        content: "";
        background: #fff;
        opacity: 50%;
        height: 2px;
        width: 0px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 30px;
        margin: auto;
        transition: ease-in-out all 0.3s; }
        @media only screen and (max-width: 992px) {
          #Header .main_nav_section .navbar .nav-list::after {
            display: none; } }
      #Header .main_nav_section .navbar .nav-list:hover::after {
        width: 15px; }
  @media only screen and (max-width: 992px) {
    #Header .menu_icon {
      position: absolute;
      top: 0px;
      right: 0px;
      height: 100%; }
      #Header .menu_icon .navbar-toggler {
        height: 100%;
        width: 50px;
        background: #1fa4dd;
        cursor: pointer;
        border: none;
        border-radius: 0px;
        outline: none;
        box-shadow: none;
        color: #fff;
        padding: 14px 14px; }
        #Header .menu_icon .navbar-toggler i {
          font-size: 22px; }
        #Header .menu_icon .navbar-toggler .main-icon-bar .icon {
          width: 100%;
          height: 2px;
          background: white;
          margin-bottom: 5px;
          transition: ease-in-out all 0.3s; }
          #Header .menu_icon .navbar-toggler .main-icon-bar .icon:nth-child(2) {
            width: 80%; }
          #Header .menu_icon .navbar-toggler .main-icon-bar .icon:last-child {
            margin-bottom: 0px;
            width: 70%; }
        #Header .menu_icon .navbar-toggler:hover .icon {
          width: 100% !important; } }
  #Header.sticky {
    background: white;
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0px;
    animation: ease-in-out;
    transition-delay: 0.5s;
    animation-name: fadeInDown;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    padding-top: 0px;
    -moz-transition: all 0s ease-in;
    -webkit-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
    border-top: 0px; }
    #Header.sticky .header_top {
      display: none; }
    @media only screen and (max-width: 576px) {
      #Header.sticky .main_nav_section .logo_sec .logo {
        max-width: 190px; } }

/*********************MAIN_SLIDER***************** */
#main-slider {
  margin: 0 !important; }
  #main-slider .carousel-inner .carousel-item {
    background-repeat: no-repeat !important;
    background-position: center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    max-height: 100vh; }
    #main-slider .carousel-inner .carousel-item img {
      width: 100%;
      margin: auto; }
    @media only screen and (max-width: 576px) {
      #main-slider .carousel-inner .carousel-item .desk_slide {
        display: none !important; } }
    @media only screen and (min-width: 576px) {
      #main-slider .carousel-inner .carousel-item .mob_slide {
        display: none !important; } }
  #main-slider .carousel-inner .carousel-caption {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    width: auto;
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    bottom: 115px;
    max-width: 25%;
    z-index: 15; }
    @media (max-width: 1500px) and (min-width: 1400px) {
      #main-slider .carousel-inner .carousel-caption {
        max-width: 29%; } }
    @media (max-width: 1400px) and (min-width: 576px) {
      #main-slider .carousel-inner .carousel-caption {
        max-width: 29%;
        left: 10%; } }
    @media only screen and (max-width: 1200px) {
      #main-slider .carousel-inner .carousel-caption {
        left: 65px; } }
    @media only screen and (max-width: 992px) {
      #main-slider .carousel-inner .carousel-caption {
        bottom: 20px;
        left: 40px; } }
    @media only screen and (max-width: 768px) {
      #main-slider .carousel-inner .carousel-caption {
        bottom: 10px;
        left: 15px; } }
    @media only screen and (max-width: 576px) {
      #main-slider .carousel-inner .carousel-caption {
        display: none; } }
    #main-slider .carousel-inner .carousel-caption .caption {
      font-size: 40px;
      font-family: "Cera Pro", Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      color: #008cd0;
      font-weight: bold;
      line-height: 58px;
      margin-bottom: 10px; }
      @media only screen and (max-width: 1200px) {
        #main-slider .carousel-inner .carousel-caption .caption {
          font-size: 33px;
          line-height: 34px; } }
      @media only screen and (max-width: 992px) {
        #main-slider .carousel-inner .carousel-caption .caption {
          font-size: 28px;
          line-height: 30px; } }
      @media only screen and (max-width: 768px) {
        #main-slider .carousel-inner .carousel-caption .caption {
          font-size: 18px;
          line-height: 24px;
          margin-bottom: 5px; } }
    #main-slider .carousel-inner .carousel-caption .sub_head {
      font-size: 16px;
      color: #000;
      text-transform: capitalize;
      margin-bottom: 0px; }
      @media only screen and (max-width: 1200px) {
        #main-slider .carousel-inner .carousel-caption .sub_head {
          font-size: 14px; } }
      @media only screen and (max-width: 768px) {
        #main-slider .carousel-inner .carousel-caption .sub_head {
          font-size: 12px;
          line-height: 24px; } }
    #main-slider .carousel-inner .carousel-caption .btn {
      border: 1px solid #008cd0;
      background: #008cd0;
      width: 196px;
      height: 50px;
      font-size: 14px;
      color: white;
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 30px;
      padding: 20px 35px;
      transition: 0.5s ease-in-out; }
      #main-slider .carousel-inner .carousel-caption .btn:hover {
        background: #9bcb43;
        border: 1px solid #9bcb43; }
      @media only screen and (max-width: 1200px) {
        #main-slider .carousel-inner .carousel-caption .btn {
          width: 155px;
          height: 45px;
          padding: 10px 18px; } }
      @media only screen and (max-width: 768px) {
        #main-slider .carousel-inner .carousel-caption .btn {
          width: 135px;
          height: 35px;
          padding: 10px 18px;
          font-size: 12px;
          margin-top: 10px; } }
      #main-slider .carousel-inner .carousel-caption .btn .icon_arrow {
        width: 32px;
        height: 11px;
        background: url("../images/icons/button_arrow.png") no-repeat center;
        display: inline-block; }
    @media only screen and (max-width: 576px) {
      #main-slider .carousel-inner .carousel-caption {
        display: none; } }
  #main-slider .carousel-indicators {
    right: 0;
    left: auto;
    margin-left: 0;
    margin-right: -5px;
    bottom: 85px;
    z-index: 1;
    transform: rotate(90deg); }
    #main-slider .carousel-indicators li {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #7a7a7a;
      margin-right: 15px;
      font-size: 0px; }
      @media only screen and (max-width: 576px) {
        #main-slider .carousel-indicators li {
          margin-right: 7px; } }
      #main-slider .carousel-indicators li.active {
        background: #9bcb43; }
      #main-slider .carousel-indicators li:last-child {
        margin-right: 0px; }
    @media only screen and (max-width: 992px) {
      #main-slider .carousel-indicators {
        bottom: 60px; } }

/***********HOME************* */
#services {
  padding: 85px 0;
  position: relative; }
  @media only screen and (max-width: 576px) {
    #services {
      padding: 25px 0; } }
  #services::before {
    content: "";
    position: absolute;
    background: #071b23;
    width: 100%;
    height: 50%;
    top: 0;
    z-index: -1; }
    @media only screen and (max-width: 576px) {
      #services::before {
        display: none; } }
  #services .container {
    z-index: 1;
    background: #fff;
    padding: 70px 75px;
    box-shadow: 22px 0px 65px rgba(9, 79, 103, 0.2); }
    @media only screen and (max-width: 576px) {
      #services .container {
        padding: 40px 15px;
        box-shadow: none; } }

#browse {
  padding: 100px 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom; }
  @media (max-width: 992px) and (min-width: 768px) {
    #browse {
      padding: 75px 0; } }
  @media only screen and (max-width: 768px) {
    #browse {
      padding: 55px 0; } }
  @media only screen and (max-width: 576px) {
    #browse {
      padding: 25px 0; } }
  #browse .item_box {
    text-align: center;
    z-index: 1;
    position: relative; }
    #browse .item_box .title {
      font-size: 40px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 28px; }
      @media (max-width: 992px) and (min-width: 768px) {
        #browse .item_box .title {
          font-size: 32px;
          margin-bottom: 15px; } }
      @media only screen and (max-width: 768px) {
        #browse .item_box .title {
          font-size: 30px;
          margin-bottom: 20px; } }
      @media only screen and (max-width: 768px) {
        #browse .item_box .title {
          font-size: 24px;
          margin-bottom: 15px; } }
    #browse .item_box p {
      font-size: 16px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 35px; }
      @media only screen and (max-width: 768px) {
        #browse .item_box p {
          font-size: 14px;
          margin-bottom: 20px; } }
    #browse .item_box .book_appointment {
      background: url(../images/icons/right.png) 195px no-repeat #008cd0;
      padding: 18px 46px 18px 33px;
      border-radius: 5px;
      color: #fff;
      transition: 0.7s;
      width: fit-content;
      margin: auto;
      font-size: 15px;
      font-weight: 400;
      text-transform: capitalize;
      transition: 0.5s ease-in-out; }
      @media only screen and (max-width: 768px) {
        #browse .item_box .book_appointment {
          background: url(../images/icons/right.png) 170px no-repeat #008cd0;
          padding: 16px 32px 16px 14px; } }
      @media only screen and (max-width: 576px) {
        #browse .item_box .book_appointment {
          background: url(../images/icons/right.png) 150px no-repeat #008cd0;
          padding: 16px 32px 16px 14px;
          font-size: 13px; } }
      #browse .item_box .book_appointment:hover {
        background: url(../images/icons/right.png) 205px no-repeat #9bcb42; }
        @media only screen and (max-width: 768px) {
          #browse .item_box .book_appointment:hover {
            background: url(../images/icons/right.png) 178px no-repeat #9bcb42; } }
        @media only screen and (max-width: 576px) {
          #browse .item_box .book_appointment:hover {
            background: url(../images/icons/right.png) 155px no-repeat #9bcb42; } }

#client_say {
  padding: 100px 0;
  padding-bottom: 40px; }
  @media (max-width: 992px) and (min-width: 768px) {
    #client_say {
      padding: 70px 0; } }
  @media only screen and (max-width: 768px) {
    #client_say {
      padding: 55px 0; } }
  @media only screen and (max-width: 768px) {
    #client_say {
      padding: 40px 0;
      padding-bottom: 40px; } }
  #client_say .courses_slide .slick-dots {
    position: absolute;
    right: 0;
    background: transparent;
    bottom: -35px;
    display: flex; }
    @media only screen and (max-width: 576px) {
      #client_say .courses_slide .slick-dots {
        bottom: -10px; } }
    #client_say .courses_slide .slick-dots button {
      background: #008cd021;
      border: none;
      position: relative;
      outline: none;
      box-shadow: none;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      padding: 0;
      font-size: 0;
      margin-right: 15px; }
    #client_say .courses_slide .slick-dots .slick-active button {
      background: #008cd0;
      border: none;
      position: relative;
      outline: none;
      box-shadow: none;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      padding: 0;
      font-size: 0; }
  #client_say .courses_slide .item .content_box {
    position: relative;
    padding: 60px 35px;
    background: #fff;
    margin: 20px 15px; }
    @media (max-width: 768px) and (min-width: 576px) {
      #client_say .courses_slide .item .content_box {
        padding: 35px 15px; } }
    @media only screen and (max-width: 576px) {
      #client_say .courses_slide .item .content_box {
        padding: 40px 15px; } }
    #client_say .courses_slide .item .content_box::before {
      content: "";
      background: url(../images/icons/drop.png) no-repeat;
      height: 50px;
      width: 50px;
      position: absolute;
      top: -17px; }
    #client_say .courses_slide .item .content_box .txt_sec p {
      font-size: 14px;
      color: #444343;
      font-weight: 400;
      line-height: 25px;
      margin-bottom: 45px; }
    #client_say .courses_slide .item .content_box .logo {
      display: flex;
      align-items: center; }
      #client_say .courses_slide .item .content_box .logo .icon_box {
        border-radius: 50%;
        overflow: hidden;
        margin-right: 25px; }
      #client_say .courses_slide .item .content_box .logo .name {
        text-transform: capitalize;
        font-size: 14px;
        color: #444343;
        font-weight: 400; }

#articles {
  padding: 40px 0; }
  #articles .article_slide .slick-dots {
    position: absolute;
    right: 0;
    background: transparent;
    bottom: -35px;
    display: flex; }
    #articles .article_slide .slick-dots button {
      background: #008cd021;
      border: none;
      position: relative;
      outline: none;
      box-shadow: none;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      padding: 0;
      font-size: 0;
      margin-right: 15px; }
    #articles .article_slide .slick-dots .slick-active button {
      background: #008cd0;
      border: none;
      position: relative;
      outline: none;
      box-shadow: none;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      padding: 0;
      font-size: 0; }

#contact_section {
  background: #008cd0;
  display: flex;
  align-items: center;
  margin-top: 85px; }
  @media only screen and (max-width: 576px) {
    #contact_section {
      margin-top: 40px; } }
  #contact_section a {
    padding: 0 45px; }
    #contact_section a:hover {
      color: #fff; }
  #contact_section .time {
    padding: 0 40px; }
  #contact_section .btn {
    padding: 9px 14px;
    border: solid 1px #fff;
    transition: 0.5s ease-in-out; }
    #contact_section .btn:hover {
      border: solid 1px #9bcb43; }
  #contact_section .cntct-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    border-right: solid 1px #ffffff24; }
    @media only screen and (max-width: 576px) {
      #contact_section .cntct-box {
        padding: 20px 0; } }
    #contact_section .cntct-box:last-child {
      border-right: 0; }
    #contact_section .cntct-box .contact_head {
      margin-bottom: 5px; }

.common_main_head {
  text-align: center; }
  .common_main_head p {
    font-size: 20px;
    color: #000;
    font-weight: 400; }
    @media only screen and (max-width: 576px) {
      .common_main_head p {
        font-size: 16px;
        margin-bottom: 5px; } }
  .common_main_head .head {
    font-size: 36px;
    font-weight: bold;
    color: #008cd0;
    margin-top: 20px;
    margin-bottom: 50px; }
    @media only screen and (max-width: 768px) {
      .common_main_head .head {
        font-size: 30px;
        margin-top: 0; } }
    @media only screen and (max-width: 576px) {
      .common_main_head .head {
        font-size: 26px;
        margin-top: 0; } }

.phone {
  padding: 0 30px;
  color: #fff;
  position: relative;
  margin-left: 25px; }
  .phone .contact_head {
    font-size: 11px;
    font-weight: 400; }
  .phone::before {
    content: "";
    left: 0;
    background: url(../images/icons/call.png) no-repeat center;
    width: 25px;
    height: 23px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    transition: ease-in-out all 0.5s; }
  .phone:hover::before {
    top: -15px; }

.mail {
  padding: 0 30px;
  color: #fff;
  position: relative;
  margin-left: 25px; }
  .mail .contact_head {
    font-size: 11px;
    font-weight: 400; }
  .mail::before {
    content: "";
    left: 0;
    background: url(../images/icons/mail.png) no-repeat center;
    width: 25px;
    height: 23px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    transition: ease-in-out all 0.5s; }
  .mail:hover::before {
    top: -15px; }

.time {
  padding: 0 30px;
  color: #fff;
  position: relative;
  margin-left: 25px; }
  .time .contact_head {
    font-size: 11px;
    font-weight: 400; }
  .time::before {
    content: "";
    left: 0;
    background: url(../images/icons/clock.png) no-repeat center;
    width: 30px;
    height: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    transition: ease-in-out all 0.5s; }
  .time:hover::before {
    top: -15px; }

.appointment_form a {
  padding: 9px 14px;
  border-radius: 5px;
  border: solid 1px #fff; }
  .appointment_form a .appointment {
    background: url(../images/icons/icon1.png) no-repeat left;
    background-repeat: no-repeat;
    padding-left: 30px;
    height: 30px;
    display: flex;
    font-size: 15px;
    color: #fff;
    align-items: center;
    font-weight: 500; }

/************INNER_BANNER************ */
.inner-page #banner {
  background-size: cover !important;
  background-position: center center !important;
  text-align: center;
  position: relative; }
  .inner-page #banner::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 200px;
    background: linear-gradient(rgba(44, 87, 145, 0), #055775b5);
    z-index: 1; }
  .inner-page #banner .banner_caption {
    padding: 300px 0 115px;
    width: 100%;
    text-align: center; }
    @media (max-width: 1400px) and (min-width: 995px) {
      .inner-page #banner .banner_caption {
        padding: 243px 0 23px; } }
    @media (max-width: 1200px) and (min-width: 576px) {
      .inner-page #banner .banner_caption {
        padding: 150px 0 70px; } }
    @media only screen and (max-width: 576px) {
      .inner-page #banner .banner_caption {
        padding: 80px 15px 40px; } }
    .inner-page #banner .banner_caption .page_title {
      font-family: "Cera Pro", Arial, Helvetica, sans-serif;
      font-size: 40px;
      font-weight: bold;
      color: #fff;
      text-transform: capitalize;
      line-height: normal;
      margin-bottom: 5px;
      position: relative;
      z-index: 10; }
      @media only screen and (max-width: 576px) {
        .inner-page #banner .banner_caption .page_title {
          font-size: 28px;
          font-weight: 600; } }
.inner-page .breadcrumb_sec .breadcrumb {
  background: transparent;
  text-align: right;
  justify-content: flex-end;
  padding: 25px 0;
  margin-bottom: 0px;
  position: relative;
  z-index: 10; }
  @media only screen and (max-width: 992px) {
    .inner-page .breadcrumb_sec .breadcrumb {
      padding: 12px 0; } }
  @media only screen and (max-width: 576px) {
    .inner-page .breadcrumb_sec .breadcrumb {
      justify-content: flex-end; } }
  .inner-page .breadcrumb_sec .breadcrumb li {
    font-size: 12px;
    color: white;
    text-transform: uppercase;
    line-height: normal;
    padding: 0 10px;
    position: relative; }
    .inner-page .breadcrumb_sec .breadcrumb li::after {
      content: "";
      position: absolute;
      right: 0px;
      top: 0px;
      width: 1px;
      height: 100%;
      border-right: 1px solid white;
      transform: rotate(25deg); }
    .inner-page .breadcrumb_sec .breadcrumb li a {
      font-size: 12px;
      color: white; }
      @media only screen and (max-width: 992px) {
        .inner-page .breadcrumb_sec .breadcrumb li a {
          font-size: 11px; } }
    .inner-page .breadcrumb_sec .breadcrumb li:first-child a {
      color: #9bcb43; }
    .inner-page .breadcrumb_sec .breadcrumb li:last-child {
      border-right: 0px; }
      .inner-page .breadcrumb_sec .breadcrumb li:last-child::after {
        display: none; }

#welcome_sec {
  padding: 115px 0;
  position: relative; }
  @media only screen and (max-width: 576px) {
    #welcome_sec {
      padding: 30px 0;
      padding-bottom: 60px; } }
  #welcome_sec::before {
    content: "";
    background: url(../images/icons/home_icon1.png) no-repeat;
    width: 330px;
    height: 330px;
    position: absolute;
    opacity: 0.2;
    top: 35px;
    left: 25px; }
    @media only screen and (max-width: 992px) {
      #welcome_sec::before {
        background-size: 70%; } }
    @media only screen and (max-width: 768px) {
      #welcome_sec::before {
        background-size: 60%;
        top: 75px; } }
    @media only screen and (max-width: 576px) {
      #welcome_sec::before {
        background-size: 60%;
        top: 12px; } }
  #welcome_sec .sec1 {
    position: relative; }
    #welcome_sec .sec1 .talk {
      position: absolute;
      top: -190px;
      background: #9bcb43;
      padding: 40px 22px;
      right: -600px; }
      @media only screen and (max-width: 1200px) {
        #welcome_sec .sec1 .talk {
          right: -455px; } }
      @media only screen and (max-width: 992px) {
        #welcome_sec .sec1 .talk {
          padding: 25px 0px;
          right: 19px;
          top: -190px; } }
      @media only screen and (max-width: 768px) {
        #welcome_sec .sec1 .talk {
          padding: 15px 0px;
          right: 40px;
          top: -165px; } }
      @media only screen and (max-width: 576px) {
        #welcome_sec .sec1 .talk {
          display: none; } }
      #welcome_sec .sec1 .talk::after {
        content: "";
        width: 0;
        height: 0;
        border-left: 0px solid transparent;
        border-right: 22px solid transparent;
        border-top: 22px solid #9bcb43;
        position: absolute;
        bottom: -22px;
        left: 90px; }
      #welcome_sec .sec1 .talk .phone {
        color: #fff;
        margin-left: 0; }
        @media only screen and (max-width: 992px) {
          #welcome_sec .sec1 .talk .phone {
            margin: 0;
            padding: 0 9px; } }
        #welcome_sec .sec1 .talk .phone::before {
          display: none; }
        #welcome_sec .sec1 .talk .phone .contact_head {
          font-size: 14px;
          font-weight: 400;
          margin-left: 25px;
          line-height: 28px; }
        #welcome_sec .sec1 .talk .phone .number {
          font-size: 36px;
          color: #fff;
          font-weight: bold;
          text-transform: uppercase;
          padding: 0 30px;
          margin-left: 25px;
          position: relative; }
          @media (max-width: 992px) and (min-width: 768px) {
            #welcome_sec .sec1 .talk .phone .number {
              font-size: 32px; } }
          @media only screen and (max-width: 768px) {
            #welcome_sec .sec1 .talk .phone .number {
              font-size: 24px; } }
          #welcome_sec .sec1 .talk .phone .number::before {
            content: "";
            left: 0;
            background: url(../images/icons/call.png) no-repeat center;
            width: 25px;
            height: 25px;
            top: 0;
            bottom: 0;
            margin: auto;
            position: absolute;
            transition: ease-in-out all 0.5s; }
    #welcome_sec .sec1 .title {
      font-size: 30px;
      color: #393939;
      font-weight: 500;
      text-transform: capitalize;
      margin-bottom: 55px; }
      @media (max-width: 992px) and (min-width: 768px) {
        #welcome_sec .sec1 .title {
          font-size: 28px; } }
      @media only screen and (max-width: 768px) {
        #welcome_sec .sec1 .title {
          font-size: 26px;
          margin-bottom: 20px; } }
      @media only screen and (max-width: 576px) {
        #welcome_sec .sec1 .title {
          font-size: 24px;
          margin-bottom: 20px; } }
      #welcome_sec .sec1 .title span {
        color: #008cd0; }
    #welcome_sec .sec1 p {
      font-size: 14px;
      line-height: 30px;
      font-weight: 400; }
      @media only screen and (max-width: 576px) {
        #welcome_sec .sec1 p {
          line-height: 26px; } }
  #welcome_sec .sec2 {
    margin-top: 90px;
    position: relative; }
    #welcome_sec .sec2 .intro_sec {
      display: grid;
      grid-template-columns: 236px 236px;
      width: fit-content;
      margin: auto;
      box-shadow: 5px 0px 22px rgba(9, 79, 103, 0.1); }
      @media only screen and (max-width: 576px) {
        #welcome_sec .sec2 .intro_sec {
          grid-template-columns: 140px 140px; } }
      #welcome_sec .sec2 .intro_sec .box {
        text-align: center;
        padding: 29px 0px;
        position: relative; }
        @media only screen and (max-width: 576px) {
          #welcome_sec .sec2 .intro_sec .box {
            padding: 10px 0; } }
        @media only screen and (max-width: 576px) {
          #welcome_sec .sec2 .intro_sec .box img {
            max-width: 30%; } }
        #welcome_sec .sec2 .intro_sec .box p {
          font-size: 14px;
          color: #2c2622;
          font-weight: 500; }
          @media only screen and (max-width: 576px) {
            #welcome_sec .sec2 .intro_sec .box p {
              font-size: 13px; } }
        #welcome_sec .sec2 .intro_sec .box .intro_icon {
          top: 0;
          position: relative;
          transition: 0.5s ease-in-out; }
        #welcome_sec .sec2 .intro_sec .box:hover .intro_icon {
          top: -20px; }
        @media only screen and (max-width: 576px) {
          #welcome_sec .sec2 .intro_sec .box:hover .intro_icon {
            top: 0; } }
      #welcome_sec .sec2 .intro_sec .box1::before {
        content: "";
        position: absolute;
        height: 28px;
        width: 28px;
        border-right: solid 3px #9bcb43;
        border-bottom: solid 3px #9bcb43;
        top: -35px;
        left: -35px; }
        @media only screen and (max-width: 576px) {
          #welcome_sec .sec2 .intro_sec .box1::before {
            top: -30px;
            left: -30px; } }
      #welcome_sec .sec2 .intro_sec .box2::before {
        content: "";
        position: absolute;
        height: 28px;
        width: 28px;
        border-left: solid 3px #9bcb43;
        border-bottom: solid 3px #9bcb43;
        top: -35px;
        right: -35px; }
        @media only screen and (max-width: 576px) {
          #welcome_sec .sec2 .intro_sec .box2::before {
            top: -30px;
            right: -30px; } }
      #welcome_sec .sec2 .intro_sec .box3::after {
        content: "";
        position: absolute;
        height: 28px;
        width: 28px;
        border-top: solid 3px #9bcb43;
        border-right: solid 3px #9bcb43;
        bottom: -35px;
        left: -35px; }
        @media only screen and (max-width: 576px) {
          #welcome_sec .sec2 .intro_sec .box3::after {
            bottom: -30px;
            left: -30px; } }
      #welcome_sec .sec2 .intro_sec .box4::after {
        content: "";
        position: absolute;
        height: 28px;
        width: 28px;
        border-top: solid 3px #9bcb43;
        border-left: solid 3px #9bcb43;
        bottom: -35px;
        right: -35px; }
        @media only screen and (max-width: 576px) {
          #welcome_sec .sec2 .intro_sec .box4::after {
            bottom: -30px;
            right: -30px; } }

.content_box {
  padding: 0 18px; }
  .content_box .img_box {
    position: relative;
    width: fit-content;
    margin-bottom: 35px;
    overflow: hidden; }
    .content_box .img_box::after {
      content: "";
      height: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 100%;
      background: #00000052;
      position: absolute;
      visibility: hidden;
      transition: ease-in-out all 0.5s; }
    .content_box .img_box:hover::after {
      visibility: visible;
      height: 100%;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 0; }
    .content_box .img_box .date {
      position: absolute;
      background: #008cd0;
      bottom: 0;
      right: 0;
      text-align: center;
      padding: 11px 12px;
      z-index: 10; }
      @media only screen and (max-width: 768px) {
        .content_box .img_box .date {
          padding: 7px 7px; } }
      .content_box .img_box .date .num {
        font-size: 26px;
        color: #fff;
        font-weight: bold;
        padding-bottom: 10px; }
      .content_box .img_box .date span {
        font-size: 11px;
        font-weight: 500;
        color: #fff; }
  .content_box .txt_sec .head1 {
    font-size: 18px;
    color: #181818;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 20px; }
  .content_box .txt_sec p {
    font-size: 13px;
    color: #4e4f4f;
    font-weight: 400;
    margin: 0;
    line-height: 24px; }

.frst {
  margin-bottom: 45px; }
  .frst .head_sec {
    padding-right: 50px; }
    .frst .head_sec .head {
      font-size: 20px;
      color: #000;
      font-weight: 400;
      margin-bottom: 30px; }
      .frst .head_sec .head span {
        font-size: 36px;
        color: #008cd0;
        font-weight: bold;
        display: block;
        line-height: 48px; }
        @media (max-width: 992px) and (min-width: 768px) {
          .frst .head_sec .head span {
            font-size: 32px; } }
        @media only screen and (max-width: 768px) {
          .frst .head_sec .head span {
            font-size: 30px; } }
        @media only screen and (max-width: 576px) {
          .frst .head_sec .head span {
            font-size: 26px; } }
    .frst .head_sec p {
      font-size: 13px;
      color: #4f4f4f;
      font-weight: 400;
      margin-bottom: 45px; }
    .frst .head_sec a {
      font-size: 12px;
      color: #4e4e4e;
      font-weight: 400;
      text-transform: uppercase;
      position: relative; }
      .frst .head_sec a::after {
        content: "";
        position: absolute;
        background: url(../images/icons/right1.png) no-repeat right;
        height: 12px;
        width: 30px;
        transition: 0.5s linear;
        left: 100px; }
      .frst .head_sec a:hover::after {
        right: 30px;
        width: 50px; }
  .frst .effect_box {
    overflow: hidden; }
    .frst .effect_box .cntnt_box img {
      transition: 0.5s ease-in-out; }
      .frst .effect_box .cntnt_box img:hover {
        -webkit-transform: scale(1.08);
        transform: scale(1.08); }
    .frst .effect_box .cntnt_box1 {
      height: 160px;
      background-size: cover;
      background-position-y: -25px;
      background-repeat: no-repeat;
      transition: 0.5s ease-in-out; }
      .frst .effect_box .cntnt_box1:hover {
        -webkit-transform: scale(1.08);
        transform: scale(1.08); }
  .frst .head {
    font-size: 20px;
    font-weight: bold;
    color: #0b0b0b;
    margin-top: 35px;
    text-transform: uppercase; }
    @media (max-width: 992px) and (min-width: 768px) {
      .frst .head {
        font-size: 18px; } }
    @media only screen and (max-width: 768px) {
      .frst .head {
        font-size: 18px; } }
  .frst .two_item {
    margin-top: 15px;
    position: relative;
    padding-right: 70px; }
    .frst .two_item p {
      font-size: 13px;
      font-weight: 400;
      color: #0b0b0b;
      margin: 0; }
    .frst .two_item a {
      height: fit-content;
      padding: 5px 18px;
      border-radius: 22px;
      border: solid 1px #00000024;
      font-size: 12px;
      color: #373636;
      font-weight: 400;
      text-transform: capitalize;
      position: absolute;
      top: 0;
      right: 0;
      transition: 0.5s ease-in-out; }
      .frst .two_item a:hover {
        border: solid 1px #1f9fdd;
        color: #000; }

/********************ABOUT_PAGE*********************** */
#about_page #mission_vission {
  padding: 70px 0;
  position: relative; }
  #about_page #mission_vission::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 68, 95, 0.5);
    top: 0;
    z-index: 0; }
  @media only screen and (max-width: 768px) {
    #about_page #mission_vission {
      padding: 50px 0 20px; } }
  #about_page #mission_vission .row {
    align-items: center;
    position: relative; }
  #about_page #mission_vission .sectitle_sec .sub_title {
    font-size: 20px;
    color: white;
    line-height: 1.45; }
  #about_page #mission_vission .sectitle_sec .title {
    font-size: 28px;
    color: white;
    line-height: 40px; }
  @media only screen and (max-width: 992px) {
    #about_page #mission_vission .sectitle_sec {
      margin-bottom: 35px; } }
  #about_page #mission_vission .box .title {
    font-size: 20px;
    color: white;
    font-weight: 500;
    margin-bottom: 25px; }
  #about_page #mission_vission .box .info, #about_page #mission_vission .box .info p {
    font-size: 13px;
    color: #fefefe;
    line-height: 2; }
  @media only screen and (min-width: 768px) {
    #about_page #mission_vission .box {
      padding-right: 55px; } }
  @media only screen and (max-width: 768px) {
    #about_page #mission_vission .box {
      padding-bottom: 40px; } }
#about_page #who_we_are {
  background: white;
  padding: 120px 0 45px; }
  @media only screen and (max-width: 992px) {
    #about_page #who_we_are {
      padding: 80px 0; } }
  @media only screen and (max-width: 768px) {
    #about_page #who_we_are {
      padding: 60px 0; } }
  @media only screen and (max-width: 576px) {
    #about_page #who_we_are {
      padding: 40px 0; } }
  #about_page #who_we_are .box {
    margin-bottom: 40px; }
    #about_page #who_we_are .box .icon_box {
      margin-bottom: 30px;
      max-height: 56px;
      min-height: 56px;
      overflow: hidden; }
      @media only screen and (max-width: 768px) {
        #about_page #who_we_are .box .icon_box {
          margin-bottom: 20px; } }
      @media only screen and (max-width: 576px) {
        #about_page #who_we_are .box .icon_box {
          margin-bottom: 15px; } }
    #about_page #who_we_are .box .title {
      font-size: 20px;
      color: #000;
      line-height: normal;
      margin-bottom: 30px;
      font-weight: 500; }
      @media only screen and (max-width: 768px) {
        #about_page #who_we_are .box .title {
          margin-bottom: 20px; } }
      @media only screen and (max-width: 576px) {
        #about_page #who_we_are .box .title {
          margin-bottom: 15px; } }
    #about_page #who_we_are .box .info, #about_page #who_we_are .box .info p {
      font-size: 13px;
      color: #7c7c7d;
      line-height: 2;
      margin-bottom: 0px; }
    @media only screen and (min-width: 992px) {
      #about_page #who_we_are .box {
        padding-right: 15px; } }

/*******************************SEVICES_PAGE********************************* */
@media only screen and (max-width: 768px) {
  #service {
    overflow: hidden; }
    #service .col-lg-4 {
      order: 1; }
    #service .col-lg-8 {
      order: 0; } }

#sticky {
  background: #9bcb43;
  padding: 40px 40px;
  position: relative;
  box-shadow: 0px 13px 21px 0px rgba(0, 1, 1, 0.2); }
  #sticky.stick {
    position: fixed;
    top: 74px;
    padding: 40px 74px;
    z-index: -5; }
  @media only screen and (max-width: 576px) {
    #sticky {
      margin-bottom: 40px; } }
  #sticky .title {
    font-size: 24px;
    color: white;
    font-weight: 700;
    line-height: 49px;
    margin-bottom: 35px; }
    #sticky .title strong {
      display: block;
      text-transform: uppercase;
      font-size: 35px;
      font-weight: 700; }
    @media only screen and (max-width: 992px) {
      #sticky .title {
        font-size: 19px;
        line-height: 40px; }
        #sticky .title strong {
          font-size: 30px; } }
    @media only screen and (max-width: 992px) and (max-width: 576px) {
      #sticky .title strong {
        font-size: 25px; } }

  #sticky li {
    margin-bottom: 20px; }
    #sticky li:last-child {
      margin-bottom: 0px; }
  #sticky .call {
    font-size: 18px;
    color: white;
    font-weight: 700;
    line-height: 0.834;
    padding-left: 35px;
    background: url(../images/icons/ad-call.png) no-repeat center left; }
  #sticky .mail {
    font-size: 16px;
    color: white;
    line-height: 0.938;
    padding-left: 35px;
    margin: 0;
    background: url(../images/icons/ad-mail.png) no-repeat center left; }
    #sticky .mail::before {
      display: none; }

.service-content {
  padding-left: 45px;
  padding-top: 70px;
  padding-bottom: 100px; }
  @media only screen and (max-width: 992px) {
    .service-content {
      padding-left: 0px;
      padding-bottom: 45px; } }
  @media only screen and (max-width: 576px) {
    .service-content {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .service-content .common-title {
    font-size: 12px;
    color: #7b7b7b;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 25px; }
    @media only screen and (max-width: 992px) {
      .service-content .common-title {
        margin-bottom: 15px; } }
  .service-content .service-title {
    margin-bottom: 30px;
    font-size: 36px;
    color: #008cd0;
    font-weight: bold;
    display: block; }
    @media only screen and (max-width: 992px) {
      .service-content .service-title {
        font-size: 27px;
        margin-bottom: 25px; } }
    @media only screen and (max-width: 576px) {
      .service-content .service-title {
        font-size: 24px;
        margin-bottom: 25px; } }
  .service-content p {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    color: #434444; }
    @media only screen and (max-width: 576px) {
      .service-content p {
        line-height: 25px; } }
  .service-content .img_sec {
    margin-bottom: 50px; }
    @media only screen and (min-width: 992px) {
      .service-content .img_sec {
        margin-top: 50px; } }
    @media only screen and (max-width: 992px) {
      .service-content .img_sec {
        margin-top: 35px; } }
  .service-content .service_main_head {
    font-size: 26px;
    color: #393939;
    font-weight: 500;
    margin-bottom: 10px; }
    @media only screen and (max-width: 576px) {
      .service-content .service_main_head {
        font-size: 22px; } }
  .service-content .service_main_sub {
    font-size: 18px;
    color: #393939;
    font-weight: 400;
    margin-bottom: 20px; }
    @media only screen and (max-width: 576px) {
      .service-content .service_main_sub {
        font-size: 16px; } }

/********************CONTACT_PAGE_LAYOUT******************* */
#contact_page .contct_info_sec {
  padding: 95px 0 120px; }
@media(max-width: 1400px) and (min-width: 992px) {
  #contact_page .contct_info_sec {
    padding: 65px 0; } }
@media(max-width: 992px) and (min-width: 768px) {
  #contact_page .contct_info_sec {
    padding: 55px 0; } }
  @media only screen and (max-width: 768px) {
    #contact_page .contct_info_sec {
      padding: 45px 0; } }
  #contact_page .contct_info_sec .main_head {
    margin-bottom: 65px; }
    @media only screen and (max-width: 992px) {
      #contact_page .contct_info_sec .main_head {
        margin-bottom: 45px; } }
    #contact_page .contct_info_sec .main_head::before {
      display: none; }
    #contact_page .contct_info_sec .main_head .head {
      color: #9bcb43; }
  @media only screen and (max-width: 992px) {
    #contact_page .contct_info_sec .box {
      margin-bottom: 35px;
      padding: 0;
      margin-left: 0; } }
  #contact_page .contct_info_sec .box .title {
    font-size: 17px;
    color: #000;
    line-height: normal;
    padding: 5px 0;
    padding-left: 35px;
    background: url("../images/icons/contact_sprint.png") no-repeat center left;
    margin-bottom: 50px; }
    @media (max-width: 992px) and (min-width: 768px) {
      #contact_page .contct_info_sec .box .title {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 768px) {
      #contact_page .contct_info_sec .box .title {
        margin-bottom: 20px; } }
  @media only screen and (max-width: 992px) {
    #contact_page .contct_info_sec .box .info_box {
      padding-left: 5px; } }
  #contact_page .contct_info_sec .box .sub {
    font-size: 12px;
    color: #898a8c;
    line-height: normal;
    margin-bottom: 10px; }
  #contact_page .contct_info_sec .box ul li {
    font-size: 14px;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 2.321; }
    #contact_page .contct_info_sec .box ul li a {
      font-size: 14px;
      color: #1b1b1b; }
  #contact_page .contct_info_sec .box.address .title {
    background-position: 0 -65px; }
  #contact_page .contct_info_sec .box.phone .title {
    background-position: 0 -32px; }
  #contact_page .contct_info_sec .box.mail .title {
    background-position: 0 -92px; }
  #contact_page .contct_info_sec .box.working .title {
    background-position: 0 -5px; }
  #contact_page .contct_info_sec .box.working li:last-child {
    color: #cd2035; }
#contact_page .form_sec {
  margin-bottom: 100px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    #contact_page .form_sec {
      margin-bottom: 0px; } }
  @media only screen and (min-width: 1200px) {
    #contact_page .form_sec {
      display: flex;
      justify-content: flex-end; }
      #contact_page .form_sec .sec_title {
        font-size: 11px;
        color: #00adef;
        text-transform: uppercase;
        line-height: normal;
        letter-spacing: 3px;
        transform: rotate(-90deg);
        width: fit-content;
        width: -moz-fit-content;
        height: 15px;
        position: absolute;
        left: 0px;
        margin: auto;
        bottom: 0px;
        top: 0px; }
      #contact_page .form_sec .form_row {
        width: 95%; } }
  @media only screen and (max-width: 1200px) {
    #contact_page .form_sec .sec_title {
      display: none; } }
  #contact_page .form_sec form {
    padding: 95px 0 70px; }
    @media only screen and (max-width: 992px) {
      #contact_page .form_sec form {
        padding: 50px 0; } }
    @media only screen and (max-width: 576px) {
      #contact_page .form_sec form {
        padding: 40px 0; } }
  #contact_page .form_sec .form_bg {
    background: url("../images/form_bg.jpg") no-repeat center;
    background-size: cover;
    background-attachment: fixed; }
    #contact_page .form_sec .form_bg .container {
      position: relative; }
      @media only screen and (min-width: 768px) {
        #contact_page .form_sec .form_bg .container [class*="col-md-6"]:nth-child(odd), #contact_page .form_sec .form_bg .container [class^="col-md-6"]:nth-child(odd) {
          padding-right: 30px; }
        #contact_page .form_sec .form_bg .container [class*="col-md-6"]:nth-child(even), #contact_page .form_sec .form_bg .container [class^="col-md-6"]:nth-child(even) {
          padding-left: 30px; } }
    #contact_page .form_sec .form_bg .form_title {
      font-size: 35px;
      font-family: "Cera Pro", Arial, Helvetica, sans-serif;
      color: white;
      line-height: normal;
      margin-bottom: 20px; }
      @media (max-width: 992px) and (min-width: 468px) {
        #contact_page .form_sec .form_bg .form_title {
          font-size: 28px;
          margin-bottom: 10px; } }
      @media only screen and (max-width: 468px) {
        #contact_page .form_sec .form_bg .form_title {
          font-size: 24px;
          margin-bottom: 10px; } }
    #contact_page .form_sec .form_bg .form_info {
      font-size: 16px;
      color: white;
      line-height: normal;
      margin-bottom: 35px; }
      @media (max-width: 992px) and (min-width: 468px) {
        #contact_page .form_sec .form_bg .form_info {
          font-size: 14px;
          margin-bottom: 25px; } }
      @media only screen and (max-width: 468px) {
        #contact_page .form_sec .form_bg .form_info {
          font-size: 13px;
          margin-bottom: 15px; } }
    #contact_page .form_sec .form_bg .form-group::after {
      content: "";
      display: flex;
      clear: both; }
    #contact_page .form_sec .form_bg .form-control {
      font-size: 14px;
      color: white;
      line-height: normal;
      height: 60px;
      padding: 0px;
      background: transparent;
      border-radius: 0px;
      border: none;
      border-bottom: 1px solid rgba(255, 255, 255, 0.6);
      outline: none;
      box-shadow: none; }
      #contact_page .form_sec .form_bg .form-control::placeholder {
        font-size: 14px;
        color: white; }
      @media only screen and (max-width: 992px) {
        #contact_page .form_sec .form_bg .form-control {
          font-size: 12px; }
          #contact_page .form_sec .form_bg .form-control::placeholder {
            font-size: 12px; } }
    #contact_page .form_sec .form_bg textarea {
      margin-top: 15px; }
    #contact_page .form_sec .form_bg .submit {
      background: #9aca42;
      width: 207px;
      height: 62px;
      font-size: 15.56px;
      color: white;
      border: none;
      box-shadow: none;
      outline: none;
      cursor: pointer;
      float: right;
      margin-top: 35px;
      text-transform: uppercase; }
      @media only screen and (max-width: 992px) {
        #contact_page .form_sec .form_bg .submit {
          width: 170px;
          height: 50px;
          font-size: 13px; } }
      @media only screen and (max-width: 576px) {
        #contact_page .form_sec .form_bg .submit {
          width: 150px;
          height: 40px;
          font-size: 13px;
          margin-top: 25px; } }
#contact_page #contact-map {
  filter: gray;
  -webkit-filter: grayscale(99%); }
  @media only screen and (min-width: 1200px) {
    #contact_page #contact-map iframe {
      height: 605px; } }
  @media (max-width: 1200px) and (min-width: 768px) {
    #contact_page #contact-map iframe {
      height: 450px; } }
  @media (max-width: 768px) and (min-width: 468px) {
    #contact_page #contact-map iframe {
      height: 350px; } }
  @media only screen and (max-width: 468px) {
    #contact_page #contact-map iframe {
      height: 250px; } }

/***********BLOG_PAGE************* */
#blog_page #menu_details {
  padding: 80px 0; }
  #blog_page #menu_details .advnce_section .content1 .heading .main_head {
    font-size: 24px;
    color: #008cd0;
    margin-bottom: 20px; }
  #blog_page #menu_details .advnce_section .content1 .heading p {
    color: #444343;
    font-size: 16px; }
  #blog_page #menu_details .advnce_section .discription p {
    font-size: 14px;
    color: #444343;
    margin-top: 15px; }
  #blog_page #menu_details .more_menu .head .sub_head {
    font-size: 20px;
    color: #9bcb43; }
  #blog_page #menu_details .more_menu .more_menu_details .more_detailed {
    display: flex;
    padding-bottom: 25px;
    border-bottom: 1px dashed #d5d9dc;
    margin-top: 30px; }
    #blog_page #menu_details .more_menu .more_menu_details .more_detailed .img_box {
      height: 100px;
      width: 160px;
      overflow: hidden; }
      #blog_page #menu_details .more_menu .more_menu_details .more_detailed .img_box img {
        height: 100px;
        width: 160px;
        overflow: hidden;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out; }
        #blog_page #menu_details .more_menu .more_menu_details .more_detailed .img_box img:hover {
          -webkit-transform: scale(1.1);
          transform: scale(1.1); }
    #blog_page #menu_details .more_menu .more_menu_details .more_detailed .rev {
      position: absolute;
      left: 200px; }
      #blog_page #menu_details .more_menu .more_menu_details .more_detailed .rev .review {
        font-size: 14px;
        line-height: 20px;
        font-weight: normal;
        color: #0e0e0e;
        text-decoration: none;
        transition: 0.5s linear; }

/***********BLOG_listing_PAGE************* */
#blog_list_page #articles {
  padding: 80px 0; }
  #blog_list_page #articles .content_box {
    margin-bottom: 30px; }

/***********SERVICE_listing_PAGE************* */
#service_list_page #service-list {
  padding: 80px 0; }

/************************FOOTER**************************** */
footer {
  overflow: hidden;
  background: #1d1f28;
  padding: 100px 0 60px; }
  @media only screen and (max-width: 992px) {
    footer {
      padding: 60px 0; } }
  @media only screen and (max-width: 576px) {
    footer {
      padding: 40px 0; } }
  footer .foot_logo_sec {
    text-align: center;
    margin-bottom: 50px; }
    footer .foot_logo_sec img {
      max-width: 230px; }
  @media only screen and (max-width: 992px) {
    footer [class^='col-'], footer [class*='col-'] {
      margin-bottom: 35px; }
      footer [class^='col-']:last-child, footer [class*='col-']:last-child {
        margin-bottom: 0px; } }
  footer .location_box p {
    color: #666a7a;
    margin-bottom: 40px; }
  footer .location_box a {
    color: #fff;
    padding: 15px 25px;
    width: fit-content;
    border: solid 1px #ffffff29; }
  footer .foot_head {
    font-size: 16px;
    color: white;
    padding-bottom: 25px;
    position: relative;
    margin-bottom: 50px; }
    footer .foot_head::after {
      content: "";
      background: #008cd0;
      width: 17px;
      height: 1px;
      position: absolute;
      left: 0px;
      bottom: 0px; }
    @media only screen and (max-width: 576px) {
      footer .foot_head {
        margin-bottom: 30px; } }
  footer ul li {
    margin-bottom: 20px; }
    footer ul li a {
      font-size: 13px;
      color: #666a7a;
      transition: ease-in-out all 0.3s; }
      footer ul li a:hover {
        padding-left: 5px;
        color: #9bcb43; }
  footer .social_sec {
    text-align: right; }
    footer .social_sec .footer_logo {
      text-align: right; }
      @media only screen and (max-width: 576px) {
        footer .social_sec .footer_logo {
          text-align: center; } }
    footer .social_sec .social_icon {
      display: flex;
      align-items: center;
      margin-top: 40px;
      justify-content: flex-end; }
      @media only screen and (max-width: 576px) {
        footer .social_sec .social_icon {
          justify-content: center; } }
      footer .social_sec .social_icon li {
        margin-right: 20px;
        background: #ffffff1f;
        border-radius: 50%;
        height: 26px;
        width: 26px;
        display: flex;
        align-items: center;
        justify-content: center; }
        footer .social_sec .social_icon li a {
          color: #fff; }
          footer .social_sec .social_icon li a:hover {
            padding-left: 0;
            color: #9bcb43; }
        footer .social_sec .social_icon li:last-child {
          margin-right: 0px; }
    footer .social_sec p {
      color: #666a7a;
      float: right;
      width: 35%; }
      @media only screen and (max-width: 576px) {
        footer .social_sec p {
          float: none;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center; } }

/**********************SERVISE_LEFT_NAV************************** */
.category-list {
  background: #1191c9;
  padding-top: 55px;
  padding-bottom: 215px;
  position: relative;
  z-index: 20; }
  @media only screen and (min-width: 768px) {
    .category-list {
      margin-top: -60px;
      padding-bottom: 65px; } }
  .category-list::before {
    content: "";
    position: absolute;
    background: #1191c9;
    left: -200%;
    top: 0px;
    width: 200%;
    height: 100%; }
  @media only screen and (max-width: 768px) {
    .category-list {
      padding-bottom: 100px; }
      .category-list::after {
        content: "";
        position: absolute;
        background: #1191c9;
        right: -200%;
        top: 0px;
        width: 200%;
        height: 100%; } }
  .category-list .sec-head {
    font-size: 20px;
    color: white;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 40px;
    letter-spacing: 2px; }
    .category-list .sec-head span {
      font-size: 28px;
      color: white;
      font-weight: 700;
      line-height: 38px;
      display: block; }
      @media only screen and (max-width: 768px) {
        .category-list .sec-head span {
          font-size: 24px;
          line-height: 24px; } }
    @media only screen and (max-width: 768px) {
      .category-list .sec-head {
        font-size: 17px; } }
  .category-list ul a {
    font-size: 14px;
    color: white;
    line-height: 2.857;
    padding: 3px 0;
    padding-left: 45px;
    position: relative;
    width: 100%;
    display: block; }
    .category-list ul a:hover {
      background: linear-gradient(to right, #1191c9 50%, white 50%);
      background-size: 200% 100%;
      background-position: right bottom;
      transition: all 0.5s ease-out;
      color: #1191c9; }
      .category-list ul a:hover::after {
        transition: all 0.5s ease-out;
        background: url(../images/icons/service_list_active.png) no-repeat top left; }
    .category-list ul a::after {
      content: "";
      position: absolute;
      background: url(../images/icons/service_list.png) no-repeat top left;
      left: 15px;
      top: 17px;
      width: 12px;
      height: 12px; }
  .category-list .active a {
    background: white;
    color: #1191c9; }
    .category-list .active a:hover {
      background: linear-gradient(to right, white 50%, white 50%);
      background-size: 200% 100%;
      background-position: right bottom;
      transition: all 0s ease-out; }
      .category-list .active a:hover::after {
        background: url(../images/icons/service_list_active.png) no-repeat top left; }
    .category-list .active a::after {
      background: url(../images/icons/service_list_active.png) no-repeat top left; }

/*# sourceMappingURL=app.css.map */