:root{
    --primary-color: #1e525b;
    --secondary-color:#c2f2fc;
}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    background-image: url(background15.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
header {
    display: flex;
    flex-direction: row;
    background: var(--primary-color);
    align-items: center;
}
.logo-image img {
    width: 80px;
    padding: 5px 10px;
}
            i.fa.fa-bars {
                display:none;
                color: #ffffff;
                margin: 10px;
                padding: 7px 14px;
                border-radius: 5px;
                font-size: 18px;
                border: 1px solid #fff;
            }
header {
    display: flex;
    flex-direction: row;
    background: var(--primary-color);
}
.logo-name {
    color: var(--secondary-color);
    font-size: 32px;
}
.grid-container {
    display: grid;
    grid-template-columns: 25% 50% 25%;
    margin-top: 10px;
    padding: 10px;
}
.item1, .item2, .item3 {
    padding: 20px;
}

  .row{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .top {
    color: var(--secondary-color);
    font-size: 26px;
    font-weight: 700;
    padding: 20px 15px;
    border-radius: 10px 10px 0 0;
}
input[type="email"] {
    padding: 10px 100px 10px 5px;
    margin: 15px;
    border-radius: 5px;
    border: none;
    font-size: 16px;
}
button {
    border: none;
    background: #007bff;
    padding: 9px;
    margin-bottom: 20px;
    border-radius: 5px;
    font-size: 15px;
    color: #fff;
}
.right-bottom p {
    text-align: justify;
    padding: 15px 15px 25px;
    font-size: 16px;
    word-spacing: 1px;
    line-height: 23px;
}
.right-bottom {
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
}
.middle {
    display: flex;
    padding: 20px;
}
.middle-para p {
    padding: 0px 17px 20px 41px;
    word-wrap: break-word;
    text-align: justify;
    font-size: 16px;
    line-height: 27px;
}
strong {
    padding: 0px 40px;
    font-size: 17px;
    font-weight: 600;
}
/* span.btn {
    background: rgb(108, 117, 125);
    border-radius: 4px;
    margin: 12px;
    padding: 6px;
    font-size: 14px;
    color: rgb(255, 255, 255);
} */
.right-bottom-btn-1, .right-bottom-btn-2, .right-bottom-btn-3, .right-bottom-btn-4, .right-bottom-btn-5, .right-bottom-btn-6 {
    padding: 10px 15px;
}
.right-bottom-btn-1 a, .right-bottom-btn-2 a, .right-bottom-btn-3 a, .right-bottom-btn-4 a, .right-bottom-btn-5 a, .right-bottom-btn-6 a {
    padding-left: 5px;
}
.right-content {
    border-radius: 10px;
}
button.right-bottom-btn {
    background: none;
    text-decoration: none;
}
.col-6-content{
    padding: 0px;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 30px;
}
.right-bottom-btn-1 a, .right-bottom-btn-2 a, .right-bottom-btn-3 a, .right-bottom-btn-4 a, .right-bottom-btn-5 a, .right-bottom-btn-6 a {
    text-decoration: none;
    color: #6c757d;
    font-size: 17px;
    font-weight: 700;
}
.right-bottom-btn-1 a:hover,.right-bottom-btn-2 a:hover, .right-bottom-btn-3 a:hover,.right-bottom-btn-4 a:hover,.right-bottom-btn-5 a:hover,.right-bottom-btn-6 a:hover{
    text-decoration :underline;
}
.bottom {
    padding: 30px 10px;
    background: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125);
}
.btn {
    text-align: right;
}
.btn span {
    background: #6c757d;
    padding: 5px;
    margin-right: 10px;
    border-radius: 3px;
    color: #ffffff;
}
.right-top {
    border-radius: 10px 10px 0px 0px;
    color: var(--secondary-color);
    padding: 15px;
    font-size: 20px;
    font-weight: 500;
}
h5.tags {
    color: #ffffff;
    text-decoration: none;
}
.right-bottom.row {
    display: grid;
    grid-template-columns: auto auto;
    padding: 10px 36px;
}
ul.sub-tags a {
    text-decoration: none;
    float: left;
    font-size: 17px;
    font-weight: 500;
    color: var(--primary-color);
}
ul.sub-tags a:hover {
    text-decoration: underline;
}
ul.sub-tags li {
    padding: 1px;
}

.sub-list-btn li::before {
    font-family: 'FontAwesome';
    content: '\f00c';
    color: #736e6edb;
}
.sub-list-btn li {
    padding: 5px;
}
.bottom {
    padding: 15px 10px;
    background: rgba(0, 0, 0, .03);
}
.sub-list-btn ul {
    list-style: none;
}
.pagination {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
.pagination a {
    float: left;
    padding: 8px 12px;
    text-decoration: none;
    transition: background-color .3s;
}
  .pagination a.active {
    background-color: #007bff;
    color: white;
  }
  .pagination a{
  background-color:white;
  color:#007bff;
  }




footer {
    background: var(--primary-color);
    text-align: center;
    padding: 60px 0;
}
.social-media {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 24px;
    font-size: 23px;
}
.social-media i {
    color: #fff;
    padding: 10px;
    font-size: 28px;
}
.para-footer {
    color: #fff;
    padding: 10px;
    font-size: 18px;
}
.footer-txt {
    color: #fff;
    padding-bottom: 10px;
    font-size: 14px;
    letter-spacing: 0.5px;
}

        /* Media Query for Mobile Devices */
        @media (max-width: 480px) {
            header {
                justify-content: space-between;
            }
            .logo-name {
                font-size: 22px;
                font-weight: 600;
            }
            i.fa.fa-bars {
                display: block;
                color: #ffffff;
                margin: 10px;
                padding: 7px 14px;
                border-radius: 5px;
                font-size: 18px;
                border: 1px solid #fff;
            }

            .top {
                font-size: 22px;
            }
            .item1, .item2, .item3 {
                padding: 0px;
            }
            .middle-img {
                margin: auto;
            }
            .middle-para p {
            padding: 10px;
            font-size: 14px;
            }
            i.fa.fa-bars {
            margin: 10px;
            padding: 8px 16px;
            }
            strong {
            font-size: 15px;
            padding: 10px 0px;
            }
            .grid-container {
                grid-template-columns: 100%;
            }
            input[type="email"] {
                padding: 10px;
                font-size: 1rem;
            }
            .middle {
                display: flex;
                padding: 20px;
                flex-wrap: wrap;
            }
            .para-footer {
                font-size: 15px;
            }

        }
            
            /* .row{
                display: grid;
                grid-template-columns: 1fr;
              } */
             
           
        /* Media Query for Tablets Ipads portrait mode */
        @media (min-width: 480px) and (max-width: 767px) {
            header {
                justify-content: space-between;
            }
            input[type="email"] {
                padding: 10px;
                font-size: 1rem;
            }
            .right-bottom.row {
                padding: 10px 34px;
                display: flex;
            }
            i.fa.fa-bars {
                display: block;
                color: #ffffff;
                padding: 10px 20px;
                margin: 16px;
                border-radius: 5px;
                font-size: 18px;
                border: 1px solid #fff;
            }
            .right-top {
                font-size: 15px;
            }
            button {
                font-size: 12px;
            }
            .right-bottom p {
                font-size: 14px;
            }
            .right-top {
                font-size: 18px;
            }
            .right-bottom-btn-1 a, .right-bottom-btn-2 a, .right-bottom-btn-3 a, .right-bottom-btn-4 a, .right-bottom-btn-5 a, .right-bottom-btn-6 a {
                font-size: 14px;
            }
            .right-bottom-btn-1, .right-bottom-btn-2, .right-bottom-btn-3, .right-bottom-btn-4, .right-bottom-btn-5, .right-bottom-btn-6 {
                padding: 4px 15px;
            }
            ul.sub-tags a {
                font-size: 14px;
            }
            footer {
                padding: 25px;
            }
            .right-bottom.row {
                margin-bottom: 10px;
            }
            .social-media {
                padding: 14px 0px 0px;
            }
            .social-media i {
                font-size: 20px;
            }
            .para-footer {
                font-size: 16px;
            }
            .footer-txt {
               font-size: 12.8px;
               padding: 1px;
                 }
        }

        /* Media Query for Laptops and Desktops */
        @media (min-width: 767px) and (max-width: 1280px) {
            header {
                justify-content: space-between;
            }
            input[type="email"] {
                padding: 10px;
                font-size: 1rem;
            }
            .right-bottom.row {
                padding: 10px 34px;
                display: flex;
            }
            i.fa.fa-bars {
                display: block;
                color: #ffffff;
                padding: 10px 20px;
                margin: 16px;
                border-radius: 5px;
                font-size: 18px;
              
        }

        /* Media Query for Large screens */
        @media (min-width: 1281px) {
       
        }
    }