@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    color: #545454;
    line-height: 1.8;
    font-size: 17px
}

img {
    max-width: 100%
}

a {
    -webkit-transition: .5s;
    transition: .5s;
    text-decoration: none
}

a:hover {
    text-decoration: none
}

a:focus {
    text-decoration: none
}

button {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: transparent
}

button:focus {
    outline: 0
}

.section-title h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #235783;
    margin-bottom: 15px;
}

/*============== Theme Button Style ===============*/

.theme-btn {
    line-height: 1
}

.theme-btn .default-btn {
    font-size: 18px;
    background: #DE2C26;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    margin: 0 8px;
    display: inline-block;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.theme-btn .default-btn::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 100%;
    left: -14px;
    top: 0;
    background: #fff;
    z-index: -1;
    -webkit-transform: skewX(10deg);
    transform: skewX(10deg);
    -webkit-transition: .5s;
    transition: .5s
}

.theme-btn .default-btn:hover {
    color: #DE2C26
}

.theme-btn .default-btn:hover::before {
    width: 100%;
    -webkit-transform: skewX(0);
    transform: skewX(0);
    left: 0
}



/*============== Topbar ===============*/

.header-area {
    background: #235783;
    padding: 10px 0;
}

.header-area .header-left ul {
    padding-left: 0;
    margin-bottom: 0;
}

.header-area .header-left ul li {
    list-style: none;
    display: inline-block;
    margin-right: 30px;
    line-height: 1;
    position: relative;
}

.header-area .header-left ul li a {
    color: #fff;
}

.header-area .header-left ul li a i {
    color: #DE2C26;
    margin-right: 6px;
    display: inline-block;
}

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

.header-area .header-right .header-social {
    padding-left: 0;
    margin-bottom: 0;
    display: inline-block;
}

.header-area .header-right .header-social li {
    list-style: none;
    display: inline-block;
}

.header-area .header-right .header-social li a i {
    color: #fff;
    font-size: 18px;
    -webkit-transition: .5s;
    transition: .5s;
    margin: 0 0 0 14px;
}

.header-area .header-right .header-social li a i:hover {
    color: #DE2C26;
}

/*============== Navbar ===============*/
.navbar-brand img {
    width: 150px;
}

.navbar .navbar-collapse .navbar-nav .nav-item a:hover {
    color: #DE2C26;
}

.navbar .navbar-collapse .navbar-nav .nav-item a {
    color: #2c2c2c;
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: #DE2C26 !important;
}

/* .navbar-area{
    position: sticky;
    top: 4.15rem;
} */
/* .navbar-area .main-nav{
    position:unset;
    background:#fff;
    padding:0px 0
}
.navbar-area .main-nav .navbar{
    padding:0
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item{
    padding:0
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item a{
    color:#2c2c2c;
    text-transform:capitalize;
    padding:5px 0;
    margin:0 0 0 40px;
    font-weight:600
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item a:hover{
    color:#DE2C26
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item .active{
    color:#DE2C26
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu{
    background:#fff;
    border:0;
    border-radius:0;
    padding:0;
    -webkit-transition:.5s all;
    transition:.5s all;
    top:80px;
    border-top:2px solid #EB1B26
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu::before{
    position:absolute;
    content:'';
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:20px solid #EB1B26;
    left:40px;
    top:-20px
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a{
    color:#2c2c2c;
    text-transform:capitalize;
    padding:10px 20px;
    line-height:1;
    position:relative;
    -webkit-transition:0s;
    transition:0s;
    margin:0;
    border-bottom:1px dashed #EB1B26
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a:hover{
    color:#DE2C26
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .active{
    color:#DE2C26
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:last-child a{
    border-bottom:0
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu{
    top:60px
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item:hover .dropdown-toggle::after{
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    color:#DE2C26;
    top:-1px
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-toggle::after{
    content:'\f107';
    font-family: "Font Awesome 5 Free";
    margin-left:0;
    vertical-align:0;
    border:0;
    font-size:16px;
    right:-5px;
    position:relative;
    top:2px;
    -webkit-transition:.5s;
    transition:.5s
} */

/*============== Page Title ===============*/

.page-title {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center
}

.page-title::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(60, 12, 112, 0.9)));
    background: linear-gradient(0deg, rgb(35 87 131) 0%, rgb(35 87 131 / 82%) 100%);
    top: 0;
    left: 0;
    z-index: 0
}

.page-title .title-text {
    z-index: 1;
    position: relative
}

.page-title .title-text h2 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    font-family: titillium web, sans-serif;
    margin-bottom: 10px
}

.page-title .title-text ul {
    margin-bottom: 0;
    padding-left: 0
}

.page-title .title-text ul li {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    margin: 0 15px;
    position: relative
}

.page-title .title-text ul li::before {
    position: absolute;
    content: '';
    background: #fff;
    width: 5px;
    height: 6px;
    top: 8px;
    right: -20px
}

.page-title .title-text ul li:last-child::before {
    display: none
}

.page-title .title-text ul li a {
    color: #fff
}

.page-title .title-text ul li a:hover {
    color: #DE2C26
}

/*========== Footer ============ */

.footer-area .copyright-area {
    text-align: center;
    background: #235783;
}

.footer-area .copyright-area p {
    color: #fff;
    margin-bottom: 0;
    padding: 10px
}

/*========== Contact Form ============ */
.contact-area {
    -webkit-box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    
}

.contact-area .form-group {
    margin-bottom: 20px
}

.contact-area .form-group .form-control {
    height: 60px;
    padding: 20px;
    border: 1px solid #d8b5ff
}

.contact-area .form-group .message-field {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #d8b5ff;
    outline: 0
}

.contact-area .form-group ::-webkit-input-placeholder {
    color: #a1a1a1;
    font-size: 16px
}

.contact-area .form-group :-ms-input-placeholder {
    color: #a1a1a1;
    font-size: 16px
}

.contact-area .form-group ::-ms-input-placeholder {
    color: #a1a1a1;
    font-size: 16px
}

.contact-area .form-group ::placeholder {
    color: #a1a1a1;
    font-size: 16px
}

.contact-area .form-group .list-unstyled {
    color: #DE2C26;
    font-size: 15px
}

.contact-area .default-btn {
    font-size: 18px;
    background: #DE2C26;
    color: #fff;
    padding: 5px 30px;
    border-radius: 5px;
    margin: 0;
    display: inline-block;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border: 1px solid #EB1B26
}

.contact-area .default-btn::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 100%;
    left: -14px;
    top: 0;
    background: #fff;
    z-index: -1;
    -webkit-transform: skewX(10deg);
    transform: skewX(10deg);
    -webkit-transition: .5s;
    transition: .5s
}

.contact-area .default-btn:hover {
    color: #DE2C26
}

.contact-area .default-btn:hover::before {
    width: 100%;
    -webkit-transform: skewX(0);
    transform: skewX(0);
    left: 0
}

.contact-area .text-danger {
    font-size: 20px;
    margin-top: 10px
}

ul.contact_info {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.contact_info li i {
    margin-right: 1rem;
}


/*========== About Us Style ============ */
.about-section {
    padding-bottom: 130px
}

.about-section .section-title {
    margin: 0 auto 30px 0
}

.about-section .section-title span {
    font-size: 20px;
    color: #DE2C26;
    font-weight: 700;
    margin-bottom: 15px;
    display: inline-block;
    line-height: 1;
}

.about-section .about-img {
    position: relative
}

.about-section .about-img::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    /* background:#f5ebff; */
    bottom: -30px;
    left: -30px;
    z-index: -1;
    -webkit-animation-name: bg-cng;
    animation-name: bg-cng;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.about-section .about-img::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    /* background:#f5ebff; */
    top: -30px;
    right: -30px;
    z-index: -1;
    -webkit-animation-name: bg-cng;
    animation-name: bg-cng;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.about-section .about-text {
    padding-left: 50px
}

.about-section .about-text .nav-tabs {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px
}

.about-section .about-text .nav-tabs .nav-item {
    margin-bottom: 0
}

.about-section .about-text .nav-tabs .nav-item .nav-link {
    font-size: 18px;
    color: #828282;
    border-bottom: 2px solid transparent;
    padding: 15px 0;
    border: 0;
    line-height: 1;
    margin-right: 30px
}

.about-section .about-text .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #EB1B26;
    color: #DE2C26;
    font-weight: 700
}

.about-section .about-text .tab-content p {
    margin-bottom: 10px;
    text-align: justify;
}

.about-section .about-text .theme-btn {
    margin-top: 30px
}

.about-section .about-text .theme-btn .default-btn {
    border: 1px solid #EB1B26;
    margin: 0
}

/*========== Home Page Slider ============ */
.banner-slider {
    position: relative
}

.banner-slider .banner-item {
    background-position: center center;
    background-size: cover;
    position: relative;
    height: 800px;
    z-index: 0
}

.banner-slider .banner-item::before {
    position: absolute;
    content: '';
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-30%, rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(rgba(0, 0, 0, 0) -30%, black 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.banner-slider .banner-item .banner-text {
    text-align: center;
    max-width: 860px;
    margin: auto;
    padding-bottom: 100px
}

.banner-slider .banner-item .banner-text h1 {
    font-size: 75px;
    font-weight: 700;
    color: #fff;
    font-family: titillium web, sans-serif;
    margin-bottom: 30px
}

.banner-slider .banner-item .banner-text p {
    color: #fff;
    max-width: 650px;
    margin: auto;
    font-size: 18px;
    margin-bottom: 35px
}

.banner-slider .banner-item .banner-text .banner-btn {
    line-height: 1
}

.banner-slider .banner-item .banner-text .banner-btn .default-btn {
    font-size: 18px;
    background: #DE2C26;
    color: #fff;
    padding: 18px 30px;
    border-radius: 5px;
    margin: 0 10px;
    display: inline-block;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.banner-slider .banner-item .banner-text .banner-btn .default-btn::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 100%;
    left: -14px;
    top: 0;
    background: #fff;
    z-index: -1;
    -webkit-transform: skewX(10deg);
    transform: skewX(10deg);
    -webkit-transition: .5s;
    transition: .5s
}

.banner-slider .banner-item .banner-text .banner-btn .default-btn:hover {
    color: #DE2C26
}

.banner-slider .banner-item .banner-text .banner-btn .default-btn:hover::before {
    width: 100%;
    -webkit-transform: skewX(0);
    transform: skewX(0);
    left: 0
}

.banner-slider .owl-item.active h1 {
    -webkit-animation: slideInDown 2s cubic-bezier(0, 0, 0, 1.02);
    animation: slideInDown 2s cubic-bezier(0, 0, 0, 1.02)
}

.banner-slider .owl-item.active p {
    -webkit-animation: slideInLeft 2s cubic-bezier(0, 0, 0, 1.02);
    animation: slideInLeft 2s cubic-bezier(0, 0, 0, 1.02)
}

.banner-slider .owl-item.active .banner-btn {
    -webkit-animation: slideInRight 2s cubic-bezier(0, 0, 0, 1.02);
    animation: slideInRight 2s cubic-bezier(0, 0, 0, 1.02)
}

.banner-slider .owl-prev,
.banner-slider .owl-next {
    position: absolute;
    left: 20px;
    top: 45%;
    background: #DE2C26 !important;
    color: #fff !important;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    font-size: 25px !important;
    line-height: 50px !important;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.banner-slider .owl-prev::before,
.banner-slider .owl-next::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50px
}

.banner-slider .owl-prev:hover,
.banner-slider .owl-next:hover {
    background: #fff !important;
    color: #DE2C26 !important
}

.banner-slider .owl-next {
    left: inherit;
    right: 20px
}

.banner-slider:hover .owl-prev {
    left: 40px;
    opacity: 1
}

.banner-slider:hover .owl-next {
    right: 40px;
    opacity: 1
}

.banner-slider .owl-nav {
    margin-top: 0
}

.banner-bg-one {
    background-image: url(../images/titleBgAbout.jpg)
}

.banner-bg-two {
    background-image: url(../images/titleBgAbout.jpg)
}

/*========== Home Page Slider ============ */


.blog-section .section-title p {
    margin: auto
}

.blog-section .section-title span {
    font-size: 20px;
    color: #DE2C26;
    font-weight: 700;
    margin-bottom: 15px;
    display: inline-block;
    line-height: 1;
}

.blog-section .blog-card {
    -webkit-box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, .1);
    box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
    margin-bottom: 30px
}

.blog-section .blog-card .blog-img {
    overflow: hidden;
    height: 235px;
    border-radius: 10px 10px 0 0
}

.blog-section .blog-card .blog-img a img {
    border-radius: 10px 10px 0 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.blog-section .blog-card .blog-text {
    padding: 30px
}

.blog-section .blog-card .blog-text h3 {
    line-height: 1.4;
    margin-bottom: 15px
}

.blog-section .blog-card .blog-text h3 a {
    color: #235783
}

.blog-section .blog-card .blog-text h3 a:hover {
    color: #DE2C26
}

.blog-section .blog-card .blog-text ul {
    padding-left: 0;
    margin-bottom: 8px
}

.blog-section .blog-card .blog-text ul li {
    font-size: 16px;
    list-style: none
}

.blog-section .blog-card .blog-text ul li i {
    color: #DE2C26;
    margin-right: 5px
}

.blog-section .blog-card .blog-text p {
    margin-bottom: 18px
}

.blog-section .blog-card .blog-text .blog-btn {
    display: inherit
}

.blog-section .blog-card .blog-text .blog-btn i {
    color: #DE2C26;
    font-size: 25px;
    width: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    background: #ffcdbd;
    display: inline-block;
    -webkit-transition: all .5s;
    transition: all .5s
}

.blog-section .blog-card .blog-text .blog-btn i:hover {
    background: #DE2C26;
    color: #fff
}

.blog-section .blog-card:hover .blog-img img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.product-title {
    padding-left: 10px;
    padding-top: 10px;
}

.product-title h5 {
    color: #4e4343;
    font-weight: 700;
    line-height: 1;
}


/*========== Home Page Product Grid ============ */

.product-section {
    width: 100%;
    background-size: cover;
    background-repeat: repeat;
    text-align: center;
    margin-bottom: 100px;
}

.product-section-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 30px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.product-section-inner h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #235783;
    margin-bottom: 30px;
}

.product-section-inner .grid-block {
    align-items: stretch;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    width: 80%;
    display: grid;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.grid-block .link-one {
    text-align: center;
    flex-direction: row;
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    border-right-color: rgb(208, 213, 217);
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(208, 213, 217);
    border-bottom-style: solid;
    padding-right: 5px;

    align-items: flex-start;
}

.grid-block .link-two {
    display: flex;
    flex-direction: row;
    text-align: center;
    flex-wrap: nowrap;
    padding-right: 0px;
    padding-left: 40px;
    height: 100%;
    align-items: flex-start;
}

.grid-block .link-three {
    display: flex;
    flex-direction: row;
    text-align: center;
    flex-wrap: nowrap;
    padding-top: 40px;
    padding-right: 40px;
}

.grid-block .link-four {
    display: flex;
    flex-direction: row;
    text-align: center;
    flex-wrap: nowrap;
    border-left-width: 1px;
    border-left-style: solid;
    border-top-width: 1px;
    border-top-color: rgb(208, 213, 217);
    border-top-style: solid;
    padding-left: 40px;
    padding-top: 40px;
    border-left-color: rgb(208, 213, 217);
}


.link {
    /* display: flex;
    flex-wrap: wrap;
    text-align: center;
    flex-direction: column;
    align-items: center; */
    justify-content: center;
    text-decoration: none;
}

.link-block {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
}

.link-one-img {
    margin-top: 30px;
    margin-right: 30px;
    justify-content: space-around;
    width: 45%;
}

.link-one-img img {
    margin-bottom: 20px;
    width: 241px;
    height: 181px;
}

.link-one-content {
    width: 50%;
}

.link-one-content h3 {
    color: rgb(221, 51, 51);
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 10px;
    text-align: left;
}

.link-one-content .body-content {
    font-size: 15px;
    color: rgb(51, 51, 51);
    line-height: 28px;
    text-align: justify;
    align-self: center;
    height: 230px;
}

.intro-section {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.intro-section h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #235783;
    margin-bottom: 30px;
}

.carousel .item {
    height: 250px;
}


.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4);
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4);
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100% !important;
    -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 30px -10px rgba(0, 0, 0, .15)
}

.blink_me {
    color: red;
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}