/* Container Styles */
#wrapper {
  max-width: 1440px;
  margin: 0 auto;
}

.cs-container {
  max-width: 1440px;
  padding-left: 105px;
  padding-right: 105px;
}

/* Typography */
.fz-14 {
  font-size: 14px;
}

.fz-20 {
  font-size: 20px;
}

.fz-26 {
  font-size: 26px;
}

.cl-5 {
  color: #555555;
}

.cl-blu {
  color: #0095da;
}

.fw-b {
  font-weight: 700;
}

.fw-sm {
  font-weight: 600;
}

/* Sections */
.sec-ttl-4 {
  font-size: 26px;
  padding-bottom: 15px;
  position: relative;
}

.sec-ttl-4:before {
  content: '';
  position: absolute;
  bottom: 0;
  background: #fff100;
  height: 5px;
  width: 120px;
  left: 0;
}

/* Blog Container & Layout */
.blog-container {
  margin: 30px 0;
  display: flex;
}

.blog-container .right-col {
  flex: 1;
  padding: 0 30px;
  margin-bottom: 30px;
}

.blog-container .left-col {
  width: 400px;
}

/* Blog Box */
.blog-box {
  border-radius: 5px;
  border: 1px solid #eeeeee;
  overflow: hidden;
  margin-bottom: 20px;
}

.blog-copy-wrp {
  padding: 15px 20px;
}

/* Links & Buttons */
a {
  text-decoration: none;
}

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

.rm {
  transition: all 500ms ease;
}

.rm:hover {
  opacity: 0.6;
  color: white;
}

/* Flexbox Utilities */
.uk-flex {
  display: flex;
}

.uk-flex-1 {
  flex: 1;
}

.uk-flex-middle {
  align-items: center;
}

.uk-flex-between {
  justify-content: space-between;
}

.uk-text-capitalize {
  text-transform: capitalize !important;
}

/* Margins */
.uk-margin-bottom {
  margin-bottom: 20px !important;
}

.uk-margin-medium-top {
  margin-top: 40px !important;
}

.uk-margin-medium-bottom {
  margin-bottom: 40px !important;
}

.uk-margin-small-top {
  margin-top: 10px !important;
}

.uk-margin-small-bottom {
  margin-bottom: 10px !important;
}

/* Positioning */
.uk-position-relative {
  position: relative !important;
}

/* Info Section */
.info-wrp {
  border-radius: 3px;
  background-color: #ecf9ff;
  padding: 30px;
}

.info {
  margin-bottom: 20px;
}

.info .info-btn {
  background: #b5e8ff;
  padding: 8px 0;
  font-size: 14px;
  margin-bottom: 0 !important;
}

.info .uk-accordion-content {
  margin-top: 0;
}

.cl-0 {
  color: #000000;
}

.cl-7f {
  color: #7f7f7f;
}

.fw-n {
  font-weight: 400;
}

.fz-12 {
  font-size: 12px;
}

.fz-16 {
  font-size: 16px;
}

/* Accordion */
.uk-accordion {
  padding: 0;
  list-style: none;
}

.uk-accordion > :nth-child(n+2) {
  margin-top: 20px;
}

.uk-accordion-title {
  display: block;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #333;
}

.uk-accordion-title:hover,
.uk-accordion-title:focus {
  color: #666;
  text-decoration: none;
  outline: none;
}

.uk-accordion-content {
  display: flow-root;
  margin-top: 20px;
}

.uk-accordion-content > :last-child {
  margin-bottom: 0;
}

.uk-padding-remove {
  padding: 0 !important;
}

h1.sec-ttl-4 {
  margin-left: 30px;
}

/* SVG Arrows */
.arow-blu {
  fill: #0095da;
}

/* Base Styles */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

/* body {
  font-family: 'Comfortaa', arial, sans-serif;
} */

/* Responsive Design */
@media (max-width: 1280px) {
  .cs-container {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (max-width: 1024px) {
  .cs-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 768px) {
  .cs-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .blog-container {
    flex-direction: column;
  }

  .blog-container .right-col {
    padding: 0px;
    margin-bottom: 0px;
  }

  .blog-container .left-col {
    width: auto;
  }

  h1.sec-ttl-4 {
    margin-left: 0;
  }
}

@media (min-width: 640px) {
    .uk-hidden\@s {
        display: none !important;
    }
}
.cl-0 {
    color: #000;
}
.blog-content .share {
    margin-left: auto;
}
.uk-grid-small, .uk-grid-column-small {
    margin-left: -15px;
}
@media (min-width: 640px) {
    .uk-child-width-1-3\@s>*, .uk-width-1-3\@s {
        width: calc(100% * 1 / 3.001);
    }
  
}
.uk-grid-small>*, .uk-grid-column-small>* {
    padding-left: 15px;
}
@media (max-width: 480px) {
    .post-info {
        flex-wrap: wrap;
    }
}
.breadcrumb {
    background: #fff200 !important;
}
.breadcrumb ul {
    padding-top: 10px;    white-space: nowrap;
    padding-bottom: 10px;    margin-bottom: 0;
}
.breadcrumb ul, .tab-nav ul {
    overflow-x: auto;
    white-space: nowrap;
}
.breadcrumb ul li:first-child:before{display: none;}
.breadcrumb ul li, .tab-nav ul li {
    display: inline-block;list-style: none;
    padding-right: 20px;
    position: relative;
}
.breadcrumb ul li a  {
    color: #0095da;
}
.breadcrumb ul li:before {
    content: '\00BB';
    position: absolute;
    top: -1px;
    left: -15px;
    font-size: 18px;
}
.remove-margin-top  {margin-top: 0 !important;}
.remove-padding-top {padding-top:0 !important;}
.fw-n, .uk-text-normal {
    font-weight: 400;
}
.blog-categories{padding:10px 0;border-left:#0095da solid 2px;border-radius:0 5px 5px 0}.blog-categories li{background:#0095da;padding:0px 40px}.blog-categories li .img-wrp{min-width:80px}.blog-categories li a{display:flex;padding:20px 0;border-bottom:white solid 1px;line-height:1.3}.blog-categories li a:hover,.blog-categories li .active{color:#fff200}.blog-categories li:last-child a{border-bottom:none}.blog-categories li:first-child{border-radius:0 5px 0 0}.blog-categories li:last-child{border-radius:0 0 5px 0}.blog-categories-btn{position:fixed;border-radius:3px;top:220px;left:0;z-index:9;cursor:pointer;-webkit-box-shadow:0 0 8px 1px rgba(0,0,0,0.3);box-shadow:0 0 8px 1px rgba(0,0,0,0.3);border:none;height:40px;width:35px;background:white}.blog-categories-btn svg{transform:rotate(-90deg)}#blog-categories .uk-offcanvas-bar{background:transparent;height:319px;padding:0;top:172px;width:400px}#blog-categories .blog-categories{padding:0}#blog-categories .uk-close{background:transparent;border:none;top:0;right:0}#blog-categories .uk-close line{stroke:white}.blog-main-img{border-radius:5px}.blog-content .svg-wrp{width:40px;height:40px;border-radius:20px;background-color:#eeeeee;margin-right:5px}.blog-content .share{margin-left:auto}.blog-content .share li{list-style:none;margin-left:10px}.blog-content h1{font-size:24px;color:#0095da;font-weight:bold}.blog-content p{font-size:16px;color:#555;margin:0 0 15px 0}.video-wrap{position:relative;padding-bottom:56.2%}.video-wrap iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.recomd-blog{display:block;border-bottom:#dddddd solid 2px;padding:20px 15px}.recomd-blog:hover{background:#0095da;border-color:#0095da}.recomd-blog:hover div{color:white}.recomd-blog.active{background:#0095da;border-color:#0095da}.recomd-blog.active div{color:white}.blog-form{padding:30px 20px 20px 20px;margin:0 30px;border-radius:5px;filter:drop-shadow(1.5px 2.598px 5px rgba(3,15,10,0.1));background-color:#ffffff}.blog-form-wrp textarea{width:100%;border-radius:5px;background-color:#ffffff;border:1px solid #dddddd;font-size:14px;color:#555;font-weight:bold}.blog-form-wrp input{width:100%;height:40px;border:none;border-bottom:#dddddd solid 1px;font-size:14px;color:#555;font-weight:bold}.blog-form-wrp input::placeholder{text-transform:capitalize}.blog-form-wrp .apply-btn{width:150px;height:50px;border-radius:5px;background-color:#da2700;text-align:center;border:#da2700 solid 2px;cursor:pointer}.blog-form-wrp .apply-btn:hover{background:white;color:#da2700}@media (max-width: 1024px){.pagination-wrp{max-width:500px}}@media (max-width: 768px){.blog-container{margin-bottom:30px;flex-direction:column}.blog-container .right-col{padding:0px;margin-bottom:0px}.blog-container .left-col{width:auto}h1.sec-ttl-4{margin-left:0}}@media (max-width: 480px){.blog-categories-btn{top:200px}#blog-categories .uk-offcanvas-bar{width:280px}#blog-categories .blog-categories .img-wrp img{max-height:35px}#blog-categories .blog-categories li .img-wrp{min-width:50px}#blog-categories .blog-categories li{padding:0px 10px}#blog-categories .blog-categories li a{font-size:15px}.post-info{flex-wrap:wrap}.post-info .details{flex:1}.post-info .share{width:100%;margin-top:20px}.blog-form{margin:0;flex-direction:column-reverse}.blog-form img{margin-bottom:20px}}