/*
Theme Name: Demo HTML5 Template
Theme URI: 
Design by: 
Developed by: A N Abdullah Al Numan
Version: 1.0
License: 
Tags: 
*/
/*================================================
[  Table of contents  ]
================================================

    1 Theme Default

    2 Menu Bar

======================================
[ End table content ]
======================================*/
/* =================
    Root Color 
=================*/
:root {
  --color-white: #ffffff;
  --color-black: #060606;
  --color-black2: #161616;
  --color-gBlack: #797979;
  --color-gBlack2: #b3b3c0;
  --color-gBlack3: #dddddd;
  --color-border: #c1d4e8;
  --color-border2: #282828;
  --color-pink: #fdc448;
  --color-yellow: #fdc448;
  --color-tr: transparent;
}

@media (min-width: 575px) {
  /*=====================
      1 Theme Default
  =======================*/
  .w-sm-50-15 {
    width: calc(50% - 15px);
  }
  .w-sm-50-30 {
    width: calc(50% - 30px);
  }
  .w-sm-70-15 {
    width: calc(70% - 15px);
  }
  .w-sm-70-30 {
    width: calc(70% - 30px);
  }
  .mt-sm-50 {
    margin-top: 50px;
  }
  .mb-sm-50 {
    margin-bottom: 50px;
  }
  .mt-sm-70 {
    margin-top: 70px;
  }
  .mb-sm-70 {
    margin-bottom: 70px;
  }
  .mt-sm-100 {
    margin-top: 100px;
  }
  .mb-sm-100 {
    margin-bottom: 100px;
  }
  .mt-sm-300 {
    margin-top: 300px;
  }
  .mb-sm-300 {
    margin-bottom: 300px;
  }
  .pt-sm-50 {
    padding-top: 50px;
  }
  .pb-sm-50 {
    padding-bottom: 50px;
  }
  .pt-sm-70 {
    padding-top: 70px;
  }
  .pb-sm-70 {
    padding-bottom: 70px;
  }
  .pt-sm-100 {
    padding-top: 100px;
  }
  .pb-sm-100 {
    padding-bottom: 100px;
  }
  .pt-sm-300 {
    padding-top: 300px;
  }
  .pb-sm-300 {
    padding-bottom: 300px;
  }



  .responsive .responsive-content {
    padding: 95px 10px;
}



}
@media (min-width: 768px) {
  /*=====================
      1 Theme Default
  =======================*/
  .w-md-50-15 {
    width: calc(50% - 15px);
  }
  .w-md-50-30 {
    width: calc(50% - 30px);
  }
  .w-md-70-15 {
    width: calc(70% - 15px);
  }
  .w-md-70-30 {
    width: calc(70% - 30px);
  }
  .mt-md-50 {
    margin-top: 50px;
  }
  .mb-md-50 {
    margin-bottom: 50px;
  }
  .mt-md-70 {
    margin-top: 70px;
  }
  .mb-md-70 {
    margin-bottom: 70px;
  }
  .mt-md-100 {
    margin-top: 100px;
  }
  .mb-md-100 {
    margin-bottom: 100px;
  }
  .mt-md-300 {
    margin-top: 300px;
  }
  .mb-md-300 {
    margin-bottom: 300px;
  }
  .pt-md-50 {
    padding-top: 50px;
  }
  .pb-md-50 {
    padding-bottom: 50px;
  }
  .pt-md-70 {
    padding-top: 70px;
  }
  .pb-md-70 {
    padding-bottom: 70px;
  }
  .pt-md-100 {
    padding-top: 100px;
  }
  .pb-md-100 {
    padding-bottom: 100px;
  }
  .pt-md-300 {
    padding-top: 300px;
  }
  .pb-md-300 {
    padding-bottom: 300px;
  }
  /*=====================
      3 Banner
  =======================*/
  .banner .banner-content {
    padding: 180px 0px 0px 0px;
  }
  .banner .banner-content h2 {
    padding: 0px 30px;
    font-size: 60px;
    line-height: 1.3;
    margin-bottom: 100px;
    color: #fdc448;
  }
  .banner .banner-content h2 ~ .check-mark-list {
    margin-top: 100px;
  }
  .banner .banner-content .check-mark-list {
    gap: 120px;
  }
  .banner .banner-content .check-mark-list ~ img {
    margin-top: 98px;
  }
  .banner .banner-content img {
    max-width: 1346px;
    margin-bottom: -398px;
  }
  .banner .bg-shap-1,
  .banner .bg-shap-2 {
    position: absolute;
    width: 383px;
    height: 383px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1;
  }
  .banner .bg-shap-1 {
    left: -200px;
  }
  .banner .bg-shap-2 {
    right: -200px;
  }
}
@media (min-width: 992px) {
  /*=====================
      1 Theme Default
  =======================*/
  .w-lg-50-15 {
    width: calc(50% - 15px);
  }
  .w-lg-50-30 {
    width: calc(50% - 30px);
  }
  .w-lg-70-15 {
    width: calc(70% - 15px);
  }
  .w-lg-70-30 {
    width: calc(70% - 30px);
  }
  .mt-lg-50 {
    margin-top: 50px;
  }
  .mb-lg-50 {
    margin-bottom: 50px;
  }
  .mt-lg-70 {
    margin-top: 70px;
  }
  .mb-lg-70 {
    margin-bottom: 70px;
  }
  .mt-lg-100 {
    margin-top: 100px;
  }
  .mb-lg-100 {
    margin-bottom: 100px;
  }
  .mt-lg-300 {
    margin-top: 300px;
  }
  .mb-lg-300 {
    margin-bottom: 300px;
  }
  .pt-lg-50 {
    padding-top: 50px;
  }
  .pb-lg-50 {
    padding-bottom: 50px;
  }
  .pt-lg-70 {
    padding-top: 70px;
  }
  .pb-lg-70 {
    padding-bottom: 70px;
  }
  .pt-lg-100 {
    padding-top: 100px;
  }
  .pb-lg-100 {
    padding-bottom: 100px;
  }
  .pt-lg-300 {
    padding-top: 300px;
  }
  .pb-lg-300 {
    padding-bottom: 300px;
  }
}
@media (min-width: 1200px) {
  /*=====================
      1 Theme Default
  =======================*/
  .w-xl-50-15 {
    width: calc(50% - 15px);
  }
  .w-xl-50-30 {
    width: calc(50% - 30px);
  }
  .w-xl-70-15 {
    width: calc(70% - 15px);
  }
  .w-xl-70-30 {
    width: calc(70% - 30px);
  }
  .mt-xl-50 {
    margin-top: 50px;
  }
  .mb-xl-50 {
    margin-bottom: 50px;
  }
  .mt-xl-70 {
    margin-top: 70px;
  }
  .mb-xl-70 {
    margin-bottom: 70px;
  }
  .mt-xl-100 {
    margin-top: 100px;
  }
  .mb-xl-100 {
    margin-bottom: 100px;
  }
  .mt-xl-300 {
    margin-top: 300px;
  }
  .mb-xl-300 {
    margin-bottom: 300px;
  }
  .pt-xl-50 {
    padding-top: 50px;
  }
  .pb-xl-50 {
    padding-bottom: 50px;
  }
  .pt-xl-70 {
    padding-top: 70px;
  }
  .pb-xl-70 {
    padding-bottom: 70px;
  }
  .pt-xl-100 {
    padding-top: 100px;
  }
  .pb-xl-100 {
    padding-bottom: 100px;
  }
  .pt-xl-300 {
    padding-top: 300px;
  }
  .pb-xl-300 {
    padding-bottom: 300px;
  }
  /*=====================
      2 Manu Bar
  `=======================*/
  .menu-bar {
    padding: 0px;
  }
  .menu-bar .main-menu,
  .menu-bar .menu-right {
    display: block;
  }
  .menu-bar .mobile-menu-btn {
    display: none;
  }
}
@media (min-width: 1400px) {
  /*=====================
      1 Theme Default
  =======================*/
  .w-xxl-50-15 {
    width: calc(50% - 15px);
  }
  .w-xll-50-30 {
    width: calc(50% - 30px);
  }
  .w-xxl-70-15 {
    width: calc(70% - 15px);
  }
  .w-xxl-70-30 {
    width: calc(70% - 30px);
  }
  .mt-xxl-50 {
    margin-top: 50px;
  }
  .mb-xxl-50 {
    margin-bottom: 50px;
  }
  .mt-xxl-70 {
    margin-top: 70px;
  }
  .mb-xxl-70 {
    margin-bottom: 70px;
  }
  .mt-xxl-100 {
    margin-top: 100px;
  }
  .mb-xxl-100 {
    margin-bottom: 100px;
  }
  .mt-xxl-300 {
    margin-top: 300px;
  }
  .mb-xxl-300 {
    margin-bottom: 300px;
  }
  .pt-xxl-50 {
    padding-top: 50px;
  }
  .pb-xxl-50 {
    padding-bottom: 50px;
  }
  .pt-xxl-70 {
    padding-top: 70px;
  }
  .pb-xxl-70 {
    padding-bottom: 70px;
  }
  .pt-xxl-100 {
    padding-top: 100px;
  }
  .pb-xxl-100 {
    padding-bottom: 100px;
  }
  .pt-xxl-300 {
    padding-top: 300px;
  }
  .pb-xxl-300 {
    padding-bottom: 300px;
  }
}