/*------------------------------------------------------------------*/
/*  IE10 in Windows 8 and Windows Phone 8 Bug fix
  /*-----------------------------------------------------------------*/

  @-webkit-viewport {
    width: device-width;
  }
  
  @-moz-viewport {
    width: device-width;
  }
  
  @-ms-viewport {
    width: device-width;
  }
  
  @-o-viewport {
    width: device-width;
  }
  
  @viewport {
    width: device-width;
  }
  
  /*------------------------------------------*/
  /*  PAGE CONTENT
    /*------------------------------------------*/
  
  #page {
    overflow: hidden;
  }
  
  /*------------------------------------------*/
  /*  BACKGROUND SETTINGS
    /*------------------------------------------*/
  
  .bg-fixed,
  .bg-scroll {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  .bg-scroll {
    background-attachment: fixed !important;
  }

  /*------------------------------------------*/
/*  Background Colors
  /*------------------------------------------*/

.bg-primary {
    background-color: #0000fe !important;
  }
  
  .bg-lightdark {
    background-color: #283034;
  }
  
  .bg-dark {
    background-color: #1d1e29 !important;
  }
  
  .bg-lightcyan {
    background-color: #ecfaff;
  }
  
  .bg-lightgrey {
    background-color: #f8f9fb;
  }
  
  .bg-carrot {
    background-color: #e67e22;
  }
  
  .bg-dodgerblue {
    background-color: #2980b9;
  }
  
  .bg-blue {
    background-color: #405982;
  }
  
  .bg-bluestone {
    background-color: #517082;
  }
  
  .bg-darkblue {
    background-color: #162a59;
  }
  
  .bg-skyblue {
    background-color: #12a5ea;
  }
  
  .bg-green {
    background-color: #20ab5c;
  }
  
  .bg-deepgreen {
    background-color: #1b904e;
  }
  
  .bg-indigo {
    background-color: #3a3953;
  }
  
  .bg-magenta {
    background-color: #8e3178;
  }
  
  .bg-olive {
    background-color: #7ba323;
  }
  
  .bg-orange {
    background-color: #ff4500;
  }
  
  .bg-red {
    background-color: #0000fe;
  }
  
  .bg-teal {
    background-color: #008080;
  }
  
  .bg-purple {
    background-color: #4c47a1;
  }
  
  .bg-violet {
    background-color: #8a8cbd;
  }
  
  .f-12 {
    font-size: 12px !important;
  }
  
  .f-14 {
    font-size: 14px !important;
  }

  *------------------------------------------*/
/*  Background Images for Sections
  /*------------------------------------------*/

.bg-01,
.bg-02,
.bg-03,
.bg-04,
.bg-05,
.bg-06,
.bg-08,
.bg-map,
.bg-pattern {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed !important;
}

.bg-01 {
  background-image: url(../images/bg-01.webp);
}

.bg-02 {
  background-image: url(../images/bg-02.html);
}

.bg-03 {
  background-image: url(../images/bg-03.html);
}

.bg-04 {
  background-image: url(../images/bg-04.webp);
  background-attachment: scroll !important;
}

.bg-05 {
  background-image: url(../images/bg-05.webp);
  background-attachment: scroll !important;
}

.bg-06 {
  background-image: url(../images/bg-06.webp);
  background-attachment: scroll !important;
}

.bg-07 {
  background: url(../images/bg-07.webp) no-repeat center;
  background-size: cover;
}

.bg-08 {
  background-image: url(../images/bg-08.webp);
  background-attachment: scroll !important;
}

.bg-map {
  background-image: url(../images/bg-map.webp);
  background-attachment: scroll !important;
}

.bg-pattern {
  background-image: url(../images/bg-pattern.html);
  background-attachment: scroll !important;
}


/*------------------------------------------*/
/*  HEADERS
  /*------------------------------------------*/

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: inherit;
    font-weight: 600;
  }
  
  /* Header H5 */
  .h5-xs {
    font-size: 1.125rem;
  }
  
  /* 18px */
  .h5-sm {
    font-size: 1.1875rem;
  }
  
  /* 19px */
  .h5-md {
    font-size: 1.25rem;
  }
  
  /* 20px */
  .h5-lg {
    font-size: 1.375rem;
  }
  
  /* 22px */
  .h5-xl {
    font-size: 1.5rem;
  }
  
  /* 24px */
  
  /* Header H4 */
  h4.h4-xs {
    font-size: 1.625rem;
  }
  
  /* 26px */
  h4.h4-sm {
    font-size: 1.75rem;
  }
  
  /* 28px */
  h4.h4-md {
    font-size: 1.875rem;
  }
  
  /* 30px */
  h4.h4-lg {
    font-size: 2rem;
  }
  
  /* 32px */
  h4.h4-xl {
    font-size: 2.125rem;
  }
  
  /* 34px */
  
  /* Header H3 */
  h3.h3-xs {
    font-size: 2.375rem;
  }
  
  /* 38px */
  h3.h3-sm {
    font-size: 2.5rem;
  }
  
  /* 40px */
  h3.h3-md {
    font-size: 2.625rem;
  }

  /* 44px */
h3.h3-xl {
    font-size: 3rem;
  }
  
  /* 48px */
  
  /* Header H2 */
  h2.h2-xs {
    font-size: 3.25rem !important;
  }
  
  /* 52px */
  h2.h2-sm {
    font-size: 3.375rem !important;
  }
  
  /* 54px */
  h2.h2-md {
    font-size: 3.5rem !important;
  }
  
  /* 56px */
  h2.h2-lg {
    font-size: 3.75rem !important;
  }
  
  /* 60px */
  h2.h2-xl {
    font-size: 4rem !important;
  }
  
  /* 64px */
  h2.h2-huge {
    font-size: 5rem !important;
  }
  
  /* 80px */

  /*------------------------------------------*/
/*  TEXT LIST
  /*------------------------------------------*/

ul.txt-list {
    list-style: disc;
    margin-left: 15px;
  }
  
  ul.txt-list li,
  ul.ico-list li {
    font-size: 1.05rem;
    margin-bottom: 7px;
  }
  
  ul.txt-list li:last-child,
  ul.ico-list li:last-child {
    margin-bottom: 0;
  }
  
  ul.txt-list li span {
    font-weight: 700;
  }
  
  ul.ico-list li i {
    text-align: center;
    float: left;
    font-size: 0.85rem;
    margin-top: 6px;
    margin-right: 10px;
  }

  /*------------------------------------------*/
/*  Button Size
  /*------------------------------------------*/


  .btn.btn-md {
    font-size: 17px;
    padding: 15px 35px;
  }
  
  .btn.btn-lg {
    font-size: 18px;
    padding: 18px 45px;
  }


  .btn-warning {
    color: #000 !important;
    background-color: #ffe200;
    border-color: #ffe200;
  }
  
  .btn-tra-black,
  .white-color .btn-tra-black {
    color: #333;
    background-color: transparent;
    border-color: #333;
  }
  
  .btn-black,
  .white-color .btn-black {
    color: #fff;
    background-color: #333;
    border: 2px solid #333;
  }
  
  .btn-tra-grey,
  .white-color .btn-tra-grey {
    color: #333;
    background-color: transparent;
    border: 2px solid #ccc;
  }
  
  .btn-tra-white {
    color: #fff;
    background-color: transparent;
    border-color: #fff !important;
  }
  
  .btn-blue,
  .scroll .btn-blue,
  .white-color .btn-blue {
    color: #fff !important;
    background-color: #405982;
    border-color: #405982;
  }
  
  .btn-bluestone,
  .scroll .btn-bluestone,
  .white-color .btn-bluestone {
    color: #fff !important;
    background-color: #517082;
    border-color: #517082;
  }
  
  .btn-skyblue,
  .scroll .btn-skyblue,
  .white-color .btn-skyblue {
    color: #fff !important;
    background-color: #12a5ea;
    border-color: #12a5ea;
  }
  
  .btn-dodgerblue,
  .scroll .btn-dodgerblue,
  .white-color .btn-dodgerblue {
    color: #fff !important;
    background-color: #2980b9;
    border-color: #2980b9;
  }
  
  .btn-carrot,
  .scroll .btn-carrot,
  .white-color .btn-carrot {
    color: #fff !important;
    background-color: #e67e22;
    border-color: #e67e22;
  }
  
  .btn-green,
  .scroll .btn-green,
  .white-color .btn-green {
    color: #fff !important;
    background-color: #20ab5c;
    border-color: #20ab5c;
  }
  
  .btn-deepgreen,
  .scroll .btn-deepgreen,
  .white-color .btn-deepgreen {
    color: #fff !important;
    background-color: #1b904e;
    border-color: #1b904e;
  }
  
  .btn-magenta,
  .scroll .btn-magenta,
  .white-color .btn-magenta {
    color: #fff !important;
    background-color: #8e3178;
    border-color: #8e3178;
  }
  
  .btn-olive,
  .scroll .btn-olive,
  .white-color .btn-olive {
    color: #fff !important;
    background-color: #7ba323;
    border-color: #7ba323;
  }
  
  .btn-orange,
  .scroll .btn-orange,
  .white-color .btn-orange {
    color: #fff !important;
    background-color: #ff4500;
    border-color: #ff4500;
  }
  
  .btn-red,
  .scroll .btn-red,
  .white-color .btn-red {
    color: #fff !important;
    background-color: #0000fe;
    border-color: #0000fe;
  }
  
  .btn-teal,
  .scroll .btn-teal,
  .white-color .btn-teal {
    color: #fff !important;
    background-color: #008080;
    border-color: #008080;
  }
  
  .btn-purple,
  .scroll .btn-purple,
  .white-color .btn-purple {
    color: #fff !important;
    background-color: #6b507d;
    border-color: #6b507d;
  }
  
  .btn-violet,
  .scroll .btn-violet,
  .white-color .btn-violet {
    color: #fff !important;
    background-color: #8a8cbd;
    border-color: #8a8cbd;
  }
  
  .btn-yellow,
  .scroll .btn-yellow,
  .white-color .btn-yellow {
    color: #333 !important;
    background-color: #ffc832;
    border-color: #ffc832;
  }

  .card {
    background: #fff;
    border: 1px solid #DFDFDF;
    -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.08);
    padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .btn.btn-black:focus {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .btn-tra-black:focus,
  .btn.btn-tra-grey:focus {
    color: #333;
    -webkit-box-shadow: none;
    box-shadow: none;
  }


  .section-subpage-title {
    margin-bottom: 30px;
  }
  
  .section-subpage-title p {
    color: #000;
    padding: 0;
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 16px;
  }
  
  .section-subpage-title h3,
  .section-subpage-title h1,
  .section-subpage-title h2 {
    font-size: 32px !important;
    position: relative;
    color: #082F50;
    padding-bottom: 10px;
  }
  
  
  .section-subpage-title h1:after {
    content: '';
    background: #0078d4;
    width: 150px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    right: 0;
  }

  /*------------------------------------------*/
/*  SUBTITLE
  /*------------------------------------------*/

.section-subtitle {
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 28px;
  }

  
  /* ==========================================================================
 TABS
    =========================================================================== */

#tabs-1 .tab-content {
    display: none;
  }
  
  .tabs-nav {
    margin-bottom: 30px;
  }
  
  #tabs-1 .tab-content.current,
  #tabs-1 .tab-content.displayed {
    display: inherit;
  }
  
  .tabs-1 li {
    display: inline-block;
    cursor: pointer;
    background: #E6E9EF;
    font-size: 14px;
    font-weight: 600;
    border: none;
    color: #6d6c80;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 14px 20px;
    margin: 0 2px;
    line-height: 1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
  }
  
  .tabs-1 li.displayed,
  .tabs-1 li.displayed:hover,
  .tabs-1 li:hover {
    color: #fff;
    font-weight: 600;
    background: #5751e1;
    -webkit-box-shadow: 4px 6px 0px 0px #050071;
    -moz-box-shadow: 4px 6px 0px 0px #050071;
    -ms-box-shadow: 4px 6px 0px 0px #050071;
    -o-box-shadow: 4px 6px 0px 0px #050071;
    box-shadow: 4px 6px 0px 0px #050071;
  }
  
  
  .tabs-1.blue-tabs li.displayed,
  .tabs-1.blue-tabs li.displayed:hover {
    border-color: #12a5ea;
  }
  
  .tabs-1.bluestone-tabs li.displayed,
  .tabs-1.bluestone-tabs li.displayed:hover {
    border-color: #517082;
  }
  
  .tabs-1.carrot-tabs li.displayed,
  .tabs-1.carrot-tabs li.displayed:hover {
    border-color: #e67e22;
  }
  
  .tabs-1.dodgerblue-tabs li.displayed,
  .tabs-1.dodgerblue-tabs li.displayed:hover {
    border-color: #2980b9;
  }
  
  .tabs-1.green-tabs li.displayed,
  .tabs-1.green-tabs li.displayed:hover {
    border-color: #20ab5c;
  }
  
  .tabs-1.olive-tabs li.displayed,
  .tabs-1.olive-tabs li.displayed:hover {
    border-color: #7ba323;
  }
  
  .tabs-1.orange-tabs li.displayed,
  .tabs-1.orange-tabs li.displayed:hover {
    border-color: #ff4500;
  }
  
  .tabs-1.red-tabs li.displayed,
  .tabs-1.red-tabs li.displayed:hover {
    border-color: #0000fe;
  }
  
  .tabs-1.teal-tabs li.displayed,
  .tabs-1.teal-tabs li.displayed:hover {
    border-color: #008080;
  }
  
  .tabs-1.purple-tabs li.displayed,
  .tabs-1.purple-tabs li.displayed:hover {
    border-color: #4c47a1;
  }

  #tabs-2 .list-group-item {
    background-color: transparent;
    border: 1px solid transparent;
    padding: 30px 35px;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
  }
  
  #tabs-2 .list-group-item.active {
    background-color: #f6f9fd;
    color: #333;
  }
  
  #tabs-2.bg-lightgrey .list-group-item.active {
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(56, 60, 67, .05), 0 1px 3px 0 rgba(56, 60, 67, .15);
  }
  
  #tabs-2.bg-primary .list-group-item.active {
    background-color: #456070;
    box-shadow: 0 0 0 1px rgba(56, 60, 67, .05), 0 1px 3px 0 rgba(56, 60, 67, .15);
  }

  .section__title {
    margin-bottom: 15px;
  }
  
  .section__title .sub-title {
    display: inline-block;
    line-height: 1.62;
    background: #efeefe;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 3px 16px;
    font-weight: 500;
    color: #161439;
    margin: 0 0 14px;
  }
  
  .section__title .title {
    font-size: 24px;
    line-height: 1.33;
    margin: 0 0;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    color: #000772;
  }
  
  @media (max-width: 767.98px) {
    .section__title .title {
      font-size: 22px;
    }
  }
  
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title .title {
      font-size: 36px;
    }
  }
  
  .section__title p {
    margin-bottom: 0;
    margin-top: 15px;
  }
  
  @media (max-width: 767.98px) {
    .section__title p br {
      display: none;
    }
  }
  
  .section__title.white-title .sub-title {
    background: #161439;
    color: #fff;
  }
  
  .section__title.white-title .title {
    color: #fff;
  }
  
  .section__title.white-title .title span:not(.svg-icon) {
    color: #fff;
  }
  
  .section__title.white-title p {
    color: #ACAACC;
  }
  
  .section__title .desc {
    margin: 10px 0 0;
  }

  .courses__item {
    margin: 0 0 30px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 25px 25px 32px;
    border: 1px solid #B5B5C3;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
  }
  
  .courses__item:hover {
    filter: drop-shadow(10px 10px 0px #CAC9D6);
  }
  
  .courses__item-thumb {
    position: relative;
    margin: 0 0 20px;
  }

  .courses__item-thumb img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 6px;
  }

  .courses__item-content .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 15px;
  }
  
  .courses__item-content .title a {
    display: inline;
    background-image: linear-gradient(#161439, #161439), linear-gradient(#161439, #161439);
    background-size: 0% 2px, 0 2px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
    color: #161439;
  }
  
  .courses__item-content .title a:hover {
    color: inherit;
    background-size: 0 2px, 100% 2px;
  }

  .courses__item-meta {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 20px;
    margin: 0 0 15px;
    flex-wrap: wrap;
  }
  
  .courses__item-meta li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }

  .courses__item-tag a {
    font-size: 13px;
    font-weight: 500;
    color: #161439;
    background: #EFEFF2;
    display: block;
    line-height: 1;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    padding: 7px 13px;
  }

  .courses__item .avg-rating {
    color: #7F7E97;
    font-size: 14px;
    line-height: 1;
  }
  
  .courses__item-meta li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
  
  
  
  
  .courses__item-bottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 23px 0 0;
  }
  
  .courses__item-bottom .button a {
  
    display: inline-block;
    padding: 10px 19px;
    align-items: center;
    gap: 6px;
    border-radius: 50px;
    border: 1px solid #000;
    background: #FFC107;
    box-shadow: 4px 4px 0px 0px #3D3D3D;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #161439;
  }
  
  .courses__item-bottom .button a:nth-child(n+1) {
    margin-right: 5px;
  }
  
  .courses__item-bottom .button a:hover {
    box-shadow: none;
  }

  .list-wrap li {
    list-style: none;
  }

  .shine__animate-item:hover .shine__animate-link::before {
    -webkit-animation: hoverShine 1.2s;
    animation: hoverShine 1.2s;
  }
  
  @-webkit-keyframes hoverShine {
    100% {
      left: 125%;
    }
  }
  
  @keyframes hoverShine {
    100% {
      left: 125%;
    }
  }

  .style-wrapper {
    padding: 40px 40px 40px 40px;
    border-radius: 15px;
    position: relative;
    margin-top: 50px;
    background: #fff;
  }
  
  .style-wrapper:after {
    content: "";
    position: absolute;
    inset: 0;
    border: 4px solid transparent;
    background: linear-gradient(100.72deg, #3F51B5, #f48686);
    border-radius: 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }

  .question-area {
    font-size: 22px;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
  }

  .style-wrapper-body {
    position: relative;
    z-index: 3;
  }

  .timer-wrapper {
    background: linear-gradient(to right, #3F51B5, #f48686);
    color: #fff;
    /* border: 4px solid #fff; */
    width: 200px;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    border-radius: 50px;
    top: -23px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
  }
  
  .timer-wrapper .total-question {
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    width: 100px;
    height: 35px;
    margin: 0 auto;
    background: #FFC107;
    border-top-right-radius: 100px;
    border-top-left-radius: 100px;
    padding: 0;
    line-height: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
  }

  input[type=checkbox].css-checkbox {
    display: none;
  }
  
  input[type=checkbox].css-checkbox+label.css-label {
    padding-left: 22px;
    height: 17px;
    display: inline-block;
    line-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 12px;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
  }
  
  input[type=checkbox].css-checkbox:checked+label.css-label {
    background-position: 0 -17px;
  }

  label.css-label {
    background-image: url(../images/checkbox.html);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .fx-img {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 350px;
    z-index: 1;
  }

  .option-list {
    padding: 12px;
    border-radius: 30px;
    background: #000772;
    color: #fff;
    box-shadow: 4px 4px 0px 0px #bbb6b6;
    margin: 10px;
  }
  
  .option-list input[type=radio].css-radiobox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  
  .option-list input[type=radio].css-radiobox+label.css-label {
    padding-left: 25px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 2px;
  }
  
  .option-list input[type=radio].css-radiobox:checked+label.css-label {
    background-position: 0 -20px;
  }
  
  .option-list label.css-label {
    background-image: url(../images/radio.html);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .btn-theme {
    padding: 10px 70px;
    align-items: center;
    gap: 6px;
    border-radius: 50px;
    border: 1px solid #000;
    background: #FFC107;
    box-shadow: 4px 4px 0px 0px #3D3D3D;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    color: #161439;
  }
  
  .btn-theme:hover {
    box-shadow: none;
    color: #000;
  }

  .arrow-btn {
    --arrow-hover-move-x: -110%;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s linear;
  }
  
  .arrow-btn svg {
    color: #fff;
    width: 15px;
    transition: all 0.3s ease-out 0s;
    transform: translateY(-1px);
  }

  .btn-two {
    background: #ffc224;
    border: 2px solid #000;
    -webkit-box-shadow: 4px 4px 0px 0px #3D3D3D;
    -moz-box-shadow: 4px 4px 0px 0px #3D3D3D;
    -ms-box-shadow: 4px 4px 0px 0px #3D3D3D;
    -o-box-shadow: 4px 4px 0px 0px #3D3D3D;
    box-shadow: 4px 4px 0px 0px #3D3D3D;
    color: #000;
    border-radius: 30px;
  }
  
  .btn-two svg {
    color: #000 !important;
  }
  
  .btn-two:hover,
  .btn-two:focus-visible {
    background: #5751e1;
    color: #fff;
    box-shadow: 0 0 0 0 #050071;
    border-color: #5751e1;
  }
  
  .btn-two:hover svg,
  .btn-two:focus-visible svg {
    color: #fff !important;
  }

  .courses__overview-wrap {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #DFDFDF;
    background: #fff;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08);
    padding: 35px 40px 35px;
  }
  
  .courses__overview-wrap h3 {
    margin-bottom: 12px;
    font-size: 24px;
    color: #000772;
  }
  
  .courses__overview-wrap h4 {
    margin-bottom: 12px;
    font-size: 20px;
  }
  
  .courses__overview-wrap>p {
    margin-bottom: 20px;
  }
  
  .courses__overview-wrap ul {
    margin-bottom: 15px;
  }
  
  .courses__overview-wrap ul li {
    margin-bottom: 15px;
    position: relative;
    padding-top: 5px;
    padding-left: 30px;
  }
  
  .courses__overview-wrap ul li::before {
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: 0;
    top: 6px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    background: #ffc224;
    border: 1px solid #282568;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 4px 3px 0px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    color: #000;
  }

  /*
=======================================
            single_banner
=======================================
*/
.single_banner {
    position: relative;
  }
  
  .single_banner.style_one {
    padding: 100px 0px;
    background: var(--border-color-light);
  }
  
  .single_banner.style_one .slider_image {
    position: relative;
    text-align: right;
  }
  
  .single_banner.style_one .d_inline_block {
    position: relative;
    padding: 0px;
    margin: 0px;
  }
  
  .single_banner.style_one .d_inline_block li {
    display: inline-block;
    list-style: none;
  }
  
  .single_banner.style_one .d_inline_block li .video_box {
    height: 56px !important;
    width: 56px !important;
    position: relative;
  }
  
  .single_banner.style_one .d_inline_block li .video_box a {
    height: 56px !important;
    width: 56px !important;
    line-height: 56px;
    position: relative;
    background: var(--primary-color-three);
    color: var(--primary-color-one);
  }
  
  .single_banner.style_one .d_inline_block li .video_box a i {
    position: absolute;
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    width: 18px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .single_banner.style_one .d_inline_block li .video_box:before,
  .single_banner.style_one .d_inline_block li .video_box:after {
    display: none !important;
  }
  
  .single_banner.style_one .d_inline_block li.vd_bx {
    position: relative;
    top: 25px;
    left: 20px;
    margin-bottom: 0px;
  }
  
  .single_banner.style_one .slider_content {
    position: relative;
  }
  
  .single_banner.style_one .slider_content h6 {
    font-size: 16px;
    line-height: 30px;
    background: #fff;
    color: var(--primary-color-one);
    border-radius: 10px 0px 10px 0px;
    padding: 0px 5px;
    display: inline-block;
    margin-bottom: 20px;
  }
  
  .single_banner.style_one .slider_content h1 {
    font-size: 66px;
    line-height: 82px;
    font-weight: 800;
    margin-bottom: 20px;
  }

  ._media {
    padding: 20px;
  }
  
  ._media li {
    display: inline-block;
    margin: 0px 5px;
  }

  @media (max-width: 992px) {
    .single_banner.style_one {
      padding: 0px;
    }
  
    .single_banner.style_one .slider_image {
      width: 50%;
      margin: auto !important;
    }
  
    .style_page_twelve .slide-item-content .slider_image {
      width: 100%;
      height: 100%;
      margin: 0px;
    }
  }

  .banner_section_hm_15 {
    position: relative;
    padding-top: 80px;
    padding-bottom: 60px;
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--primary-color-one) 0%, #FFFFFF 63%);
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  }
  
  .banner_section_hm_15 .image {
    margin-top: 30px;
    border-radius: 30px;
    position: relative;
    height: 812px;
    text-align: center;
  }
  
  .banner_section_hm_15 .image .video_btn_all .video_box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .banner_section_hm_16 .inner_section {
    border-radius: 30px;
  }
  
  .banner_section_hm_16 .inner_section .team_intro_box .team_intro_inner .team_intro_start .left_content {
    padding: 120px 0px;
  }
  
  .banner_section_hm_16 .inner_section .team_intro_box .team_intro_inner .team_intro_start .title h6 {
    color: #fff;
  }
  
  .banner_section_hm_16 .inner_section .team_intro_box .team_intro_inner .team_intro_start .authour_dtls h4 span {
    color: #fff;
  }
  
  .banner_section_hm_16 .inner_section .team_intro_box .image_right {
    height: 700px;
    margin: 3% 0 0 0;
  }
  
  .banner_section_hm_16 .inner_section .team_intro_box .image_right img {
    height: 700px;
  }

  .z_index_up {
    z-index: 2;
  }
  
  .z_index_down {
    z-index: -2;
  }

  .shape_bg_light {
    fill: var(--primary-color-three);
  }
  
  .shape_bg_dark_1 {
    fill: var(--primary-color-one);
  }
  
  .shape_bg_dark_2 {
    fill: var(--primary-color-two);
  }

  .curve_shape_top_1 {
    top: -1px;
  }
  
  .curve_shape_top_1 svg {
    width: calc(100% + 1.3px);
    height: 67px;
    display: block;
  }
  
  .curve_shape_top_1 svg path {
    fill: #fff;
    transform-origin: center;
    transform: rotateY(0deg);
  }

  .curve_shape_top_2 {
    top: -1px !important;
  }
  
  .curve_shape_top_2 svg {
    height: 47px;
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .curve_shape_top_2 svg .elementor-shape-fill {
    fill: #F0F3F9;
    transform-origin: center;
    transform: rotateY(0deg);
  }

  .curve_shape_bottom_2 {
    bottom: -1px !important;
    transform: rotate(180deg);
  }
  
  .curve_shape_bottom_2 svg {
    height: 47px;
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .curve_shape_bottom_2 svg .elementor-shape-fill {
    fill: #F0F3F9;
    transform-origin: center;
    transform: rotateY(0deg);
  }

  .shape_bg_white {
    fill: #fff;
    transform-origin: center;
  }

  .object-fit-cover {
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
  }
  
  .object-fit-cover-center {
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
  }

  .sr-service-wrapper .row {
    justify-content: center;
  }

  .cr-service-section {
    margin-top: 40px;
    padding-top: 70px;
  }

  .sr-service-icon-absolute {
    position: absolute;
    background: #eff0ff;
    border-radius: 50px;
    border: 1px solid #c1c2c7;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -99px;
    width: 60px;
    height: 60px;
    padding: 10px;
  }

  .sr-service-icon-absolute img {
    width: 100%;
  
  }

  .innerCircle {
    background-color: transparent;
    border: 3px solid #3c91d7;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-radius: 100px;
    width: 74px;
    height: 74px;
    margin: 0 auto;
    position: absolute;
    -moz-animation: spinoffPulse 2s infinite linear;
    -webkit-animation: spinoffPulse 2s infinite linear;
    left: -7px;
    top: -7px;
  }

  @-moz-keyframes spinPulse {
    0% {
      -moz-transform: rotate(160deg);
      opacity: 0;
      box-shadow: 0 0 1px #bdd73c;
    }
  
    50% {
      -moz-transform: rotate(145deg);
      opacity: 1;
    }
  
    100% {
      -moz-transform: rotate(-320deg);
      opacity: 0;
    }
  }
  
  @-moz-keyframes spinoffPulse {
    0% {
      -moz-transform: rotate(0deg);
    }
  
    100% {
      -moz-transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes spinPulse {
    0% {
      -webkit-transform: rotate(160deg);
      opacity: 0;
      box-shadow: 0 0 1px #bdd73c;
    }
  
    50% {
      -webkit-transform: rotate(145deg);
      opacity: 1;
    }
  
    100% {
      -webkit-transform: rotate(-320deg);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes spinoffPulse {
    0% {
      -webkit-transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @-moz-keyframes rotatecircle {
    0% {
      -moz-transform: rotate(0deg);
    }
  
    100% {
      -moz-transform: rotate(-360deg);
    }
  }
  
  @-webkit-keyframes rotatecircle {
    0% {
      -webkit-transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(-360deg);
    }
  }

  .sr-service-wrapper .sr-btn-wrap {
    justify-content: center;
    margin: 10px 0 30px;
  }

  .sr-bordered-services .sr-service-section {
    border: 1px solid #082F50;
  }

  .image-wrapper {
    position: relative;
  }
  
  .image-wrapper img {
    border-radius: 10px;
  }
  
  .image-wrapper .exp-box {
    background: linear-gradient(45deg, #2bab54, #082F50);
    border-radius: 5px;
    padding: 15px 24px;
    text-align: center;
    color: #fff;
    margin: 00px 20px -40px 20px;
    font-size: 22px;
    font-weight: 600;
    z-index: 1;
    position: relative;
  }

  .link-head {
    font-weight: 500;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 5px;
    color: #ffe200 !important;
    font-size: 18px;
    padding-left: 0 !important;
  }
  
  .link-head::before {
    display: none;
  }

  .footer-li-list {
    -webkit-column-count: 3;
    -webkit-column-gap: 15px;
    -webkit-column-fill: auto;
    -moz-column-count: 3;
    -moz-column-gap: 15px;
    -moz-column-fill: auto;
    column-count: 3;
    column-gap: 15px;
  }
  
  .footer-li-list li {
    display: inline-block;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    margin-bottom: 20px;
  }
  
  .footer-li-list li a {
    display: block;
    padding-left: 15px;
    color: #fff;
    margin: 0 0 5px 0;
    position: relative;
  }
  
  .footer-li-list li a::before {
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: 0px;
    top: 0px;
    color: #fff;
  }

  /*------------------------------------------*/
/*  INNER PAGE 
  /*------------------------------------------*/

  .page-inner-section {
    background: no-repeat center center;
    padding-top: 200px;
    padding-bottom: 100px;
    background-size: cover !important;
    position: relative;
    background-position: center !important;
  
  }
  
  .page-inner-section::after {
    background: linear-gradient(45deg, rgb(4 17 93 / 79%), rgb(21 192 0 / 47%));
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  .page-inner-section .container {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
  }
  
  .page-inner-section h3 {
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 15px;
    font-size: 42px;
    text-shadow: rgb(19 129 3 / 83%) 4px 2px 0px;
    color: #fff;
  }
  
  .page-inner-section p {
    font-size: 1.35rem;
    font-weight: 400;
    padding: 0 15%;
    margin-bottom: 0;
  }

  .category-inner-section {
    background: no-repeat center center;
    padding-top: 200px;
    padding-bottom: 40px;
    background-size: cover !important;
    position: relative;
    background-position: center !important;
  
  }
  
  .category-inner-section::after {
    background: linear-gradient(45deg, rgb(4 17 93 / 79%), rgb(21 192 0 / 47%));
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  .category-inner-section .container {
    position: relative;
    z-index: 1;
  }

  .category-inner-title {
    color: #fff;
  }
  
  .category-inner-title h3 {
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 15px;
    font-size: 42px;
    text-shadow: rgb(19 129 3 / 83%) 4px 2px 0px;
    color: #fff;
  }
  
  .category-inner-title p {
    font-size: 16px;
    margin-bottom: 15px;
  }

  /* ==========================================================================
  BREADCRUMB
 =========================================================================== */


.breadcrumb {
    padding: 10px 0;
    background: #eff0ff;
    margin: 0;
  }
  
  .breadcrumb ul {
    margin: 0;
    padding: 0;
  }
  
  .breadcrumb ul li {
    list-style: none;
    display: inline-block;
  }
  
  .breadcrumb ul li a,
  .breadcrumb ul li.active {
    font-size: 0.975rem;
    font-weight: 500;
  }
  
  .breadcrumb ul li.active {
    color: #999;
  }
  
  .breadcrumb ul li+li::before {
    font-size: 1.1rem;
    display: inline-block;
    padding-right: 10px;
    margin-top: -1px;
    content: "\00bb";
  }
  
  .breadcrumb ul li+li {
    padding-left: 12px;
  }
  
  
  /*------------------------------------------*/
  /*  BREADCRUMB TYPOGRAPHY
      /*------------------------------------------*/
  
  .breadcrumb-item a,
  .breadcrumb-item.active {
    font-size: 0.975rem;
    font-weight: 500;
  }
  
  .breadcrumb-item.active {
    color: #999;
  }
  
  .breadcrumb-item+.breadcrumb-item::before {
    font-size: 1.1rem;
    display: inline-block;
    padding-right: 10px;
    margin-top: -1px;
    content: "\00bb";
  }
  
  .breadcrumb-item+.breadcrumb-item {
    padding-left: 12px;
  }

  .services-details-wrapper {
    position: relative;
  }
  
  .services-details-wrapper h2 {
    font-size: 22px;
    color: #2b50e5;
  }
  
  .services-details-wrapper h3 {
    font-size: 20px;
  }
  
  .services-details-wrapper h4 {
    font-size: 18px;
  }
  
  .services-details-wrapper h5 {
    font-size: 16px;
  }
  
  .services-details-wrapper ul {
    padding-left: 30px;
    margin-bottom: 20px;
  }
  
  .services-details-wrapper ul li {
    list-style: disc;
  }

  .services-item {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    border: 1px solid #d9d9d9;
    margin: 60px 0 40px 0;
  }

  .services-item-img {
    margin-top: -100px;
    margin-bottom: 20px;
    position: relative;
  }
  
  .services-item-img img {
    height: 220px;
    width: 100%;
    object-fit: cover;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin: 0 auto;
    border-radius: 10px;
  }

  .services-item-body {
    min-height: 100px;
    text-align: center;
  }
  
  .services-item-body h2 {
    font-size: 18px;
    color: #0000fe;
  }

  .sidebar {
    padding: 30px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }
  
  .sidebar .sidebar-title {
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 12px 0;
    margin: 0 0 15px 0;
    color: #263179;
    position: relative;
    border-bottom: 1px solid #ccc;
  }
  
  
  .sidebar .recent-posts .post-item+.post-item {
    margin-top: 15px;
  }
  
  .sidebar .recent-posts img {
    width: 80px;
    float: left;
    height: 65px;
    border-radius: 5px;
    object-fit: cover;
  }
  
  .sidebar .recent-posts h4 {
    font-size: 15px;
    margin-left: 95px;
    font-weight: bold;
    height: 36px;
    overflow: hidden;
  }
  
  .sidebar .recent-posts h4 a {
    color: #263179;
    transition: 0.3s;
  }
  
  .sidebar .recent-posts h4 a:hover {
    color: #4154f1;
  }
  
  .sidebar .recent-posts time {
    display: block;
    margin-left: 95px;
    font-style: italic;
    font-size: 14px;
    color: #aaaaaa;
  }

  .entry-single {
    margin-bottom: 30px;
  }

  .entry {
    margin-bottom: 20px;
  }
  
  .entry .entry-img {
    margin-bottom: 20px;
  }
  
  .entry .entry-img img {
    width: 100%;
    border-radius: 15px;
  }
  
  .entry .entry-title {
    font-size: 28px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 20px 0;
  }
  
  .entry .entry-title a {
    color: #263179;
    transition: 0.3s;
  }
  
  .entry .entry-title a:hover {
    color: #4154f1;
  }
  
  .entry .entry-meta {
    margin-bottom: 15px;
    color: #aaaaaa;
    font-size: 14px;
  }
  
  .entry .entry-meta ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
    padding: 0;
    margin: 0;
  }
  
  .entry .entry-meta ul li+li {
    padding-left: 20px;
  }
  
  .entry .entry-meta i {
    font-size: 16px;
    margin-right: 8px;
    line-height: 0;
  }
  
  .entry .entry-meta a {
    color: #777777;
    font-size: 14px;
    display: inline-block;
    line-height: 1;
  }
  
  .entry .entry-content p {
    line-height: 24px;
  }
  
  .entry .entry-content .read-more {
    -moz-text-align-last: right;
    text-align-last: right;
  }
  
  .entry .entry-content .read-more a {
    display: inline-block;
    background: #4154f1;
    color: #fff;
    padding: 6px 20px;
    transition: 0.3s;
    font-size: 14px;
    border-radius: 4px;
  }
  
  .entry .entry-content .read-more a:hover {
    background: #5969f3;
  }
  
  .entry .entry-content h3 {
    font-size: 20px;
    margin-top: 10px;
  }
  
  .entry .entry-content h4 {
    font-size: 18px;
  }

  .contact-form-wrapper {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e4e7ee;
    background: #eff0ff;
  }
  
  .contact-form-wrapper label {
    margin-bottom: 5px;
  }
  
  .contact-form-wrapper input[type=text],
  input[type=email],
  input[type=number],
  textarea,
  select {
    position: relative;
    line-height: 26px;
    border-radius: 5px;
    width: 100%;
    padding: 10px 15px;
    display: block;
    transition: 0.5s ease-in-out !important;
    -moz-transition: 0.5s ease-in-out !important;
    -o-transition: 0.5s ease-in-out !important;
    -ms-transition: 0.5s ease-in-out !important;
    color: #000;
  }

  .contact_box_content {
    position: relative;
  }
  
  .contact_box_content .contact_box_inner {
    position: relative;
    padding: 20px 30px;
    display: block;
    border-radius: 10px;
    border: 1px solid #e4e7ee;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    background: #eff0ff;
  }
  
  .contact_box_content .contact_box_inner a {
    color: #000;
  }
  
  .contact_box_content .contact_box_inner.icon_yes .icon_bx {
    position: absolute;
    left: 24px;
    bottom: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #078586;
    margin: auto;
    text-align: center;
    color: #fff;
    line-height: 40px;
  }
  
  .contact_box_content .contact_box_inner.icon_yes .contnet {
    margin-left: 55px;
    position: relative;
  }
  
  .contact_box_content .contact_box_inner.icon_yes .contnet p {
    margin: 0;
  }
  
  .contact_box_content .contact_box_inner.icon_yes .contnet h3 {
    font-size: 18px;
    color: #2BAB54;
  }

  .title_all_box {
    position: relative;
  }
  
  .title_all_box .title_sections .before_title {
    font-size: 22px;
    line-height: 40px;
    font-weight: 700;
    color: #082F50;
    padding: 0px 0px 10px 0px;
    text-decoration: underline;
  }
  
  .title_all_box .title_sections h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #282f3b;
    padding: 0px 0px 0 0px;
  }
  
  .title_all_box .title_sections p {
    font-size: 17px;
    line-height: 27px;
    padding: 0px 0px 10px 0px;
  }

  .social_media_v_one {
    position: relative;
  }
  
  .social_media_v_one ul {
    padding: 0;
    margin: 0;
  }
  
  .social_media_v_one ul li {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0px !important;
  }
  
  .social_media_v_one ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    border-radius: 50px;
    background: #282f3b;
    color: #fff;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
  }

  .content_inner {
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .09);
  }
  
  .content_inner_img {
    height: 250px;
  }
  
  .content_inner_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  
  .content_inner_body {
    padding: 20px;
  }
  
  .content_inner_body h3 {
    font-size: 22px;
    font-weight: 600;
    color: #082F50;
    margin-top: 10px;
  }

  .customer-satisfaction {
    background: url(../images/customers.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
  }
  
  .customer-satisfaction h3 {
    margin-bottom: 20px;
    font-size: 22px;
    color: #32cf65;
  }
  
  .customer-satisfaction ul li {
    padding: 5px 0;
  }
  
  .customer-satisfaction ul li i {
    color: #32cf65;
  }

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

  .clientbox {
    margin: 15px 0;
    background: #fff;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
  }

  .contact-box {
    margin-bottom: 0px;
    padding: 15px;
    border-radius: 10px;
    border: 0px solid #eee;
    background: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    text-align: center;
  }
  
  .contact-box h4 {
    font-size: 18px;
    color: #055da8;
  }
  
  .contact-box i {
    color: #2BAB54;
    font-size: 50px;
    margin-bottom: 20px;
  }
  
  .contact-box-address {
    text-align: center;
  
  }
  
  .contact-box-address img {
    margin-bottom: 10px;
    width: 50px;
  }
  
  .contact-box-address h4 {
    font-size: 18px;
    color: #055da8;
  }