* {
    margin: 0px;
    box-sizing: border-box;
}

body {

    font-family: 'Campton', sans-serif;
    color: #1b1b1b;
    font-size: 16px;

}

p {
    font-size: 16px;
    font-family: 'Campton', sans-serif;
    line-height: 28px;
    color: #1b1b1b;
}

a {
    font-size: 16px;
    text-decoration: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'Campton', sans-serif;
    line-height: 24px;
    color: #1b1b1b;
}

a:hover {
    text-decoration: none;
    outline: none;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

li {
    font-size: 16px;
    font-family: 'Campton', sans-serif;
    line-height: 28px;
    color: #1b1b1b;
}


button:focus,
input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
    transition: all 500ms ease;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', serif;
    margin: 0px;
    color: #0a0909;
}

p {
    margin: 0px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-30 {
    padding-bottom: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.pb-100 {
    padding-bottom: 100px;
}

.justify-center {
    justify-content: center;
}

.align-item-end {
    align-items: end;
}

.mt-20 {
    margin-top: 20px;
}

.align-item-center {
    align-items: center;
}

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

.flex-end {
    justify-content: flex-end;
}

.site-width {
    max-width: 1250px;
    margin: 0px auto;
}

@media screen and (max-width:1518px) and (min-width:1368px) {
    .site-width {
        max-width: 1372px;
    }
}

@media screen and (max-width:1708px) and (min-width:1519px) {
    .site-width {
        max-width: 1373px;
    }
}

@media screen and (max-width:1920px) and (min-width:1709px) {
    .site-width {
        max-width: 1642px;
    }
}

@media screen and (max-width:2500px) and (min-width:1921px) {
    .site-width {
        max-width: 1842px;
    }
}

@media screen and (max-width:1280px) and (min-width:1024px) {
    .site-width {
        padding: 0px 40px;
        max-width: 1200px;
    }
}

@media screen and (max-width:1024px) and (min-width:888px) {
    .site-width {
        padding: 0px 40px;
    }
}

@media screen and (max-width:888px) and (min-width:789px) {
    .site-width {
        padding: 0px 40px;
    }
}

@media screen and (max-width:789px) and (min-width:769px) {
    .site-width {
        padding: 0px 40px;
    }
}

@media screen and (max-width:768px) {
    .site-width {
        padding: 0px 15px;
    }
}

/* button */
.cssbuttons-io {
    position: relative;
    /* font-family: inherit; */
    font-weight: 500;
    /* font-size: 16px; */
    letter-spacing: 0px;
    border-radius: 30px;
    cursor: pointer;
    border: 1px solid #ebebeb;
    background: linear-gradient(to right, #181818, #4a4a4a);
    color: ghostwhite;
    overflow: hidden;
    padding: 10px 20px;
    display: inline-block;
    border: none;
}


.cssbuttons-io span {
    position: relative;
    z-index: 10;
    transition: color 0.4s;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.cssbuttons-io span p {
    color: #fff;
}

.cssbuttons-io::before,
.cssbuttons-io::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 113%;
    z-index: 0;
}

.cssbuttons-io::before {
    content: "";
    background: #254699;
    width: 140%;
    left: -14%;
    transform: skew(206deg);
    transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
    top: -3px;
}

.cssbuttons-io:hover::before {
    transform: translate3d(100%, 0, 0);
}

.cssbuttons-io:active {
    transform: scale(0.95);
}


/* CSS Start */

.topheader {
    background-image: linear-gradient(#ffffffd9, #ffffffe0), url(../img/texture/headertexture.jpg);
    background-size: cover;
    background-position: left -270px center;
    height: 150px;
    border-bottom: 1px solid #ebebebb3;
    padding-top: 12px;
}

.topHeaderWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logoSection {
    width: 130px;

}

.logoSection img {
    width: 100%;
}

.topHeaderContact {
    display: flex;
    align-items: center;
    gap: 20px;
}

.topHeadContactCard {
    display: flex;
    align-items: center;
}

.topHeadContactCard .theIcon {
    width: 52px;
    height: 52px;
    border-radius: 100%;
    border: 3px solid #254699;
    text-align: center;
    line-height: 53px;
    margin-right: 10px;
}

.topHeadContactCard .theIcon i,
.theIcon img {
    font-size: 22px;
    color: #254699;
}

.topHeadContactCard .theText p {
    line-height: 18px;
    font-size: 14px;
    font-weight: 600;
    color: #484848;
}

.topHeadContactCard .theText h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}

.mainHeader {
    margin-top: -38px;
    position: relative;
    z-index: 2;
    transition: 0.4s ease-in-out;
}

.mainHeader.sticky {
    position: fixed;
    top: 0px;
    width: 100%;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 4;
    background: #fff;
    box-shadow: rgb(50 50 93 / 8%) 0px 13px 27px -5px, rgb(0 0 0 / 23%) 0px 8px 16px -8px;
}

.mainHeadWrap {
    /* display: flex; */
    background: #fbfbfb00;
}

.mainHeader.sticky .mainHeadWrap {
    display: flex;
    justify-content: space-between;
}

.mainHeadLogo {
    display: none;
    width: 100px;
    transition: 0.4s ease-in-out;
}

.mainHeader.sticky .mainHeadLogo {
    display: block;
}

.mainHeadLogo img {
    width: 100%;
}

.headNavContainer {
    transition: 0.4s ease-in-out;
}

.mainHeader.sticky .headNavContainer {
    width: 85%;
}

.headNavWrap {
    display: flex;
    justify-content: space-between;
    padding: 0px 18px;
    align-items: center;
    border: 1px solid #f5f5f5;
    /* border-radius: 8px;
    background-color: #fbfbfb; */
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: rgb(50 50 93 / 8%) 0px 13px 27px -5px, rgb(0 0 0 / 23%) 0px 8px 16px -8px;
    transition: 0.4s ease-in-out;
}

.mainHeader.sticky .headNavWrap {
    box-shadow: none;
    border: none;
}

.headNavbar {
    display: flex;
    align-items: center;
    gap: 35px;
}

.mainHeader.sticky .headNavbar {
    gap: 28px;
}

.headNavbar>li>a {
    display: inline-block;
    padding: 24px 0px;
    position: relative;
}

.headNavbar>li>a:hover,
.headNavbar>li>a.active {
    color: #d72c0e;
}

.headNavbar>li>a:hover:after,
.headNavbar>li>a.active:after {
    left: 0;
    right: auto;
    width: 100%;
}

.headNavbar>li>a::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    width: 0;
    bottom: 24px;
    background: #ffda23;
    height: 2px;
    transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    z-index: 1;
}

.headSearchContent {
    display: flex;
    gap: 10px;
}
.headSearchContent li:first-child {
    display: none;
}

.headSearchContent .searchBtn {
    width: 45px;
    height: 45px;
    display: inline-block;
    text-align: center;
    background: #ededed;
    border-radius: 100%;
    line-height: 47px;
    color: #242424;
}

.headerBtn {
    height: 44px;
}

i.submeneOpener {
    font-size: 13px;
    position: relative;
    top: 1px;
    transition: 0.4s ease-in-out;
}

.headNavbar>li:hover>i.submeneOpener {
    transform: rotate(90deg);
}

.subMenu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s ease-in-out;
    top: 120%;
    width: 100%;
    box-shadow: rgb(0 0 0 / 4%) 0px 10px 12px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    max-width: 1100px;
    margin: auto;
    left: 0px;
    right: 0px;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
}
.notMegaMenu {
    position: relative;
}
.notMegaMenu .subMenu  {
    flex-direction: column;
    width: fit-content;
}
.notMegaMenu .subMenu>li>a {
    width: 240px;
}
.headNavbar>li.hasSubMenu:hover .subMenu {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.subMenu>li {
    width: 32.97%;
    margin-right: 4px;
}

.subMenu>li>a {
    display: block;
    padding: 14px 14px;
    position: relative;
    transition: 0.4s ease-in-out;
    min-height: auto;
    border-right: 1px solid #dddddd2b;
}

.subMenu>li>a:hover {
    padding-left: 18px;
    background: #fffef4;
}

.subMenu>li>a::after {
    position: absolute;
    content: '';
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #fafafa;
}

.subMenu>li>a::before {
    position: absolute;
    content: '';
    bottom: 0px;
    left: 0px;
    width: 1px;
    height: 90%;
    background-color: #f7db20;
    transition: 0.4s ease-in-out;
    top: 0px;
    margin-top: auto;
    margin-bottom: auto;
}

.subMenu>li>a:hover:before {
    width: 4px;
}


/* Product */

/* .productmenuList {
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    width: 90%;
    margin: auto;
    height: 61vh;
    overflow: auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
} */
.hasSubMenu.notMegaMenu.productMenu {
    position: relative;
}
.productmenuList {
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    width: max-content;
    margin: auto;
    height: 61vh;
    overflow: auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.productmenuList::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.productmenuList::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
    transition: all 0.4s ease-in-out;
}

.productmenuList::-webkit-scrollbar-thumb {
    background-color: #05479b;
}
/* .productmenuListUl {
    display: flex;
    flex-wrap: wrap;
} */
.productmenuListUl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; 
}
.productmenuListUl > li {
    /* width: 25%; */
    background: #fff;
    border-bottom: 1px dashed #ddd;
    position: relative;
    border-right: 1px dashed #ddd;
}
.productmenuListUl > li {
    width: 100%;
}
/* .productmenuListUl > li:last-child {
    width: 50%;
} */
.productmenuListUl > li:last-child {
    width: 100%;
}
.haspprvr.active {
    background: #fffef4;;
}
.productmenuListUl > li > i {
    position: absolute;
    top: 12px;
    right: 13px;
    font-size: 14px;
    transition: 0.3s ease-in-out;
}
.haspprvr.active > i {
    transform: rotate(90deg);
}
.productmenuListUl > li > a {
    display: block;
    padding: 7px 10px;
}
.productmenuListUl > li > a:hover , .productmenuListUl > li.haspprvr.active > a{
    background: #fffdeb;
    padding-left: 15px;
}

.prvriList {
    display: none;
    padding: 10px;
    background: #fff9dd;
}
.prvriList > li {
    width: 100%;
    position: relative;
}
.prvriList > li > a {
    display: block;
    padding: 4px 0px;
    border-bottom: 1px dashed #ddd;
}
.prvriList > li > i {
    position: absolute;
    top: 12px;
    right: 13px;
    font-size: 14px;
    transition: 0.3s ease-in-out;
}
.prvriList > li.active > i {
    transform: rotate(90deg);
}


.SubprvrList {
    display: none;
}
.SubprvrList {
    padding: 10px;
    background: #ffe7e7;
    border-radius: 10px;
}
.SubprvrList > li {
    width: 100%;
    position: relative;
}
.SubprvrList > li > a {
    display: block;
    padding: 4px 0px;
    border-bottom: 1px dashed #ffcece;
}
.SubprvrList > li > i {
    position: absolute;
    top: 12px;
    right: 13px;
    font-size: 14px;
    transition: 0.3s ease-in-out;
}
.SubprvrList > li.active > i {
    transform: rotate(90deg);
}

.deepSubList {
    display: none;
}
.deepSubList {
    display: none;
    padding: 6px 10px;
    background: #ffd5d5;
    border-radius: 10px;
}
.deepSubList > li {
    width: 100%;
    position: relative;
    border-bottom: 1px dashed #faa;
}
.deepSubList > li:last-child {
    border-bottom: none;
}
.deepSubList > li > a {
    display: block;
    padding: 4px 0px;
}
.deepSubList > li > i {
    position: absolute;
    top: 12px;
    right: 13px;
    font-size: 14px;
    transition: 0.3s ease-in-out;
}
.deepSubList > li.active > i {
    transform: rotate(90deg);
}



.bannerSection {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: -36px;
    z-index: 1;
}

.bnrwith.bannerTitleContainer {
    width: 47%;
}

.bnrwith.bannerImageContainer {
    width: 53%;
}

.bannerTitleContainer {
    background: url(../img/texture/banner-texture.png);
    background-size: 100% 100%;
    background-position: top 0px left -90px;
    background-repeat: no-repeat;
}

.bnrtitleWrapp {
    padding-left: 8.4%;
    height: 100%;
    width: 80%;
    display: flex;
    align-items: center;
    padding-top: 28px;
}

.bnrtitleWrapp h6 {
    font-family: 'great vibes', sans-serif;
    font-size: 20px;
    /* font-weight: 600; */
    color: #484848;
    margin-bottom: 10px;
}

.bnrtitleWrapp span.typed {
    font-size: 38px;
    font-weight: 700;
    color: #1b1b1b;
    line-height: 44px;
}
.bnrtitleWrapp span {
    font-size: 38px;
    font-weight: 700;
    color: #1b1b1b;
    line-height: 44px;
}
.bnrtitleWrapp span span.color1 {
    color: #254699;
}
.bnrtitleWrapp span.typed span.color1 {
    color: #254699;
}

.bnrtitleWrapp span.typed span.color2 {
    color: #254699;
}

.bnrtitleWrapp p {
    margin-top: 18px;
}

.bnrImWrap {
    width: 100%;
}

.bnrImgSlider {
    width: 100%;
}

.bannerCenterImg {
    position: absolute;
    left: -81px;
    right: 0px;
    width: fit-content;
    height: fit-content;
    margin: auto;
    z-index: 2;

}

.bannerCenterImg img {
    width: 204px;
    animation: upAndDown 5s linear infinite;
}

@keyframes upAndDown {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(0px);
    }
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    font-size: 38px;
    color: #ddd;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.bnrImWrap {
    position: relative;
}

.bnrimgBtn {
    position: absolute;
    top: 73%;
    left: 12%;
    z-index: 1;
    display: none;
}

.bnrbtnc {
    width: 298px;
    display: flex;
    align-items: center;
    padding: 13px 20px;
    background: #fff;
    border-radius: 8px;
}

.bnrbtnico i {
    font-size: 46px;
    margin-right: 11px;
    color: #31459a;
}

.bnrbtnContent h5 {
    color: #d72c0e;
    font-size: 18px;
    font-weight: 700;
}

.bnrbtnContent p {
    color: #666666;
}

.aboutUs {
    position: relative;
    background: linear-gradient(180deg, #fafafff2, #fffffff2), url(../img/texture/texture1.png);
    background-size: cover;
    background-position: top right;
}

.aboutImgSec {
    width: 100%;
}

.aboutImgSec img {
    width: 100%;
}

.sideTitle {
    position: relative;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.sideTitle::after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 3px;
    height: 90%;
    margin: auto;
    background: #99aeff;
}

.sideTitle p {
    color: #666;
}

.sideTitle h2 {
    font-size: 28px;
    font-weight: 700;
    color: #1b1b1b;
    line-height: 44px;
}

.sideTitle h2 span {
    color: #254699;
}

.aboutsubPara {
    margin-bottom: 12px;
}

.aboutsubPara p {
    font-weight: 600;
    color: #4c4c4c;
    text-align: justify;
}

.content.about p {
    text-align: justify;
}

.aboutIcoWrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 32px;
}

.aboutIconCard {
    display: flex;
    align-items: center;
    width: 48%;
    padding: 10px;
    box-shadow: rgb(0 0 0 / 8%) 0px 1px 4px;
    margin-bottom: 13px;
    margin-right: 13px;
    border-radius: 6px;
    border-left: 2px solid #99aeff;
    background: #fff;
}

.aboutIcoWrap .aboutIconCard:nth-child(2) {
    margin-right: 0px;
}

.aboutIcoWrap .aboutIconCard:nth-child(4) {
    margin-right: 0px;
}

.aboutIco {
    width: 40px;
    margin-right: 5px;
}

.aboutIco img {
    width: 100%;
}

.aboutReadMorebtn {
    margin-top: 20px;
    margin-bottom: 10px;
}

.marqueeWrapper.aboutbacklay {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
}

.marqueeWrapper.aboutbacklay marquee {
    font-size: 120px;
    color: #ede8f757;
    font-weight: 700;
    margin-top: 9%;
}

.titleSection h2 {
    font-size: 28px;
    font-weight: 700;
    color: #31459a;
    line-height: 40px;
    margin-bottom: 10px;
}

.titleSection h4 {
    font-size: 16px;
    font-weight: 400;
    color: #4c4c4c;
}

.titleSection {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 50px;
}

.titleSection::after {
    position: absolute;
    content: '';
    width: 100px;
    height: 2px;
    background-color: #99aeff;
    top: 100%;
    left: 0px;
    right: 0;
    margin: auto;
}

.titleSection::before {
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    background-color: #99aeff;
    top: 95%;
    left: 0px;
    right: 0;
    margin: auto;
    border-radius: 100%;
    border: 2px solid #fff;
    z-index: 1;
}

/* .featureContainer {
    background: #fff;
    padding: 2px;
    border-radius: 8px;
}
.featureContainer .row{
    margin: 0px;
}

.featureContainer .col-md-3{
    padding: 3px;
} */

.featurCard {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    padding: 8px;
    background: transparent;
    margin-bottom: 20px;
    min-height: 100px;
}

.featurCard:hover {
    cursor: pointer;
}

.fimg {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.fimg img {
    width: 100%;
}

.fContents {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 94%;
    height: 85%;
    background: linear-gradient(180deg, #0202023b, #00000085);
    transition: 0.4s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    top: 20%;
    border-radius: 8px;

}

.featurCard:hover .fContents {
    height: 94%;
    padding-top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0px;
}

.fContents h4 {
    text-align: center;
    color: #fff;
    position: relative;
    padding-bottom: 7px;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
}

.fContents h4::after {
    position: absolute;
    content: '';
    left: 0px;
    right: 0px;
    width: 70px;
    height: 2px;
    top: 100%;
    background: #99aeff;
    margin: auto;

}

.fContents h4::before {
    position: absolute;
    content: '';
    left: 0px;
    right: 0px;
    width: 10px;
    height: 10px;
    top: 89%;
    background: #99aeff;
    margin: auto;
    border-radius: 100%;

}

.featurCrdline {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
}

.featurCrdline span {
    display: inline-flex;
    background: #fff;
    position: absolute;
    z-index: 2;
    transition: 0.4s ease-in-out;
}

.featurCrdline span:nth-child(1) {
    width: 0%;
    height: 1px;
    top: 14px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.featurCard:hover .featurCrdline span:nth-child(1) {
    width: 90%;
}

.featurCrdline span:nth-child(2) {
    width: 1px;
    height: 0%;
    bottom: 0px;
    right: 14px;
    margin: auto;
    top: 0px;
}

.featurCard:hover .featurCrdline span:nth-child(2) {
    height: 86%;
}

.featurCrdline span:nth-child(3) {
    top: auto;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 0%;
    height: 1px;
    bottom: 14px;
}

.featurCard:hover .featurCrdline span:nth-child(3) {
    width: 90%;
}

.featurCrdline span:nth-child(4) {
    width: 1px;
    height: 0%;
    bottom: 0px;
    left: 14px;
    margin: auto;
    top: 0px;
}

.featurCard:hover .featurCrdline span:nth-child(4) {
    height: 86%;
}

.bg1 {
    background: linear-gradient(90deg, #000d2c, #000000e0), url(../img/bg/bg1.jpg);
    background-size: cover;
    background-position: center center;
}

.titleSection.light h2 {
    color: #fff;
}

.titleSection.light h4 {
    color: #fff;
}

.viewAllBtn {
    text-align: center;
    margin-top: 30px;
}

.viewAllBtn .cssbuttons-io {
    padding: 6px 30px;
}

.viewAllBtn .cssbuttons-io i {
    font-size: 12px;
}

.viewAllBtn .cssbuttons-io::before {
    background: #fff;
}

.viewAllBtn .cssbuttons-io span p {
    color: #1b1b1b;
}

.viewAllBtn .cssbuttons-io:hover p {
    color: #fff;
    ;
}



.productCard {
    padding: 25px 12px 12px 12px;
    background: #fff;
    min-height: 390px;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 2%) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    border: 1px solid #dddddd57;
    position: relative;
}

.productCard::after {
    width: 100%;
    height: 0%;
    content: '';
    position: absolute;
    z-index: 1;
    border: 1px solid #254699;
    border-radius: 8px;
    transition: 0.4s ease-in-out;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    visibility: hidden;
    opacity: 0;
}

.productCard:hover:after {
    height: 100%;
    visibility: visible;
    opacity: 1;
}

.prImg {
    width: 130px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    background: #ffff;
    padding: 29px;
    box-shadow: 0px 0px 10px #dddd;
    transition: 0.4s ease-in-out;
}

.productCard:hover .prImg {
    /* background: linear-gradient( 180deg, #d72c0e, #254699); */
    transform: scale(1.03);
}

.prImg img {
    width: 100%;
    transition: 0.4s ease-in-out;
}

/* .productCard:hover .prImg img{
    filter: invert(1) brightness(4);
} */
.prContent {
    text-align: center;
    position: relative;
    z-index: 3;
}

.prContent h4 {
    font-size: 18px;
    font-weight: 600;
    color: #31459a;
}

.prContent p {
    color: #4c4c4c;
    line-height: 24px;
    margin-top: 13px;
}

.productCard .cssbuttons-io {
    padding: 5px 28px;
}

.moredbtn {
    text-align: center;
    margin-top: 30px;
    position: relative;
    z-index: 3;
}

.viewAllBtn.dark .cssbuttons-io::before {
    background: #254699;
}

.viewAllBtn.dark .cssbuttons-io span p {
    color: #fff;
}

.cssbuttons-io2 i {
    font-size: 12px;
    margin-left: 2px;
    position: relative;
    top: -1px;
}

.aboutIcoWrap.style2 .aboutIconCard {
    border-color: #31459a;
}

.bg2 {
    background: linear-gradient(180deg, #ffffffd2, #ffffffb9), url(../img/bg/bg2.jpg);
    background-size: cover;
    background-position: center center;
}

.bg3 {
    background: linear-gradient(180deg, #fafafff2, #eff4f7cc), url(../img/bg/bg3.png);
    background-size: cover;
    background-position: center center;
}

.bg5 {
    background: linear-gradient(180deg, #ffffffeb, #ffffff), url(../img/bg/bg5.jpg);
    background-size: cover;
    background-position: center center;
}

.video-player {
    position: absolute;
    top: -80px;
    left: -60px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.pulse {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
}

.pulse i {
    background-color: #fff;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    font-size: 28px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    color: #31459a;
    -webkit-animation: video-pulse-presentation 2s linear infinite;
    animation: video-pulse-presentation 2s linear infinite;
}

.pulse i:hover {
    background-color: #000f2d94;
    color: #fff;
}

@-webkit-keyframes video-pulse-presentation {
    0% {
        -webkit-box-shadow: 0 0 0 0 #31459a, 0 0 0 0 #31459a;
        box-shadow: 0 0 0 0 #31459a, 0 0 0 0 #31459a;
    }

    40% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 #31459a;
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 #31459a;
    }

    80% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }
}

@keyframes video-pulse-presentation {
    0% {
        -webkit-box-shadow: 0 0 0 0 #31459a, 0 0 0 0 #31459a;
        box-shadow: 0 0 0 0 #31459a, 0 0 0 0 #31459a;
    }

    40% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 #31459a;
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 #31459a;
    }

    80% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }
}

.animationupdown {
    animation: upanddown 6s ease-in-out infinite alternate-reverse both;
}

@keyframes upanddown {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.marqueeWrapper.aboutbacklay.whysecmarq marquee {
    margin-top: 0px;
    position: absolute;
    bottom: 0px;
    line-height: 120px;
}

.newsCard {
    position: relative;
    padding: 10px;
}

.newsImg {
    width: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 3px solid #fff;
    box-shadow: 0px 0px 8px #28282869;
}

.newsImg img {
    width: 100%;
}

.newsCategory {
    position: absolute;
    padding: 10px 18px 10px 36px;
    right: -1px;
    bottom: -1px;
    background: linear-gradient(45deg, #0000007a, #1b1b1b);
    color: #ffffff;
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
    z-index: 2;

}

.newsCategory h5 {
    font-size: 15px;
    color: #fff;
}

.newsDate {
    margin-bottom: 5px;
}

.newsDate p {
    color: #4c4c4c;
    border-bottom: 1px dashed #ddd;
    font-size: 14px;
    padding: 4px 10px;
}

.newsTitle h3 {
    font-size: 16px;
    font-weight: 600;
    color: #31459a;
    line-height: 24px;
    padding: 5px 10px;

}

.underlinetexthover {
    background-image: -webkit-gradient(linear, left top, right top, from(#d72c0e), to(#d72c0e));
    background-image: linear-gradient(90deg, #d72c0e, #d72c0e);
    background-position: right bottom;
    background-size: 0 1px;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: background-size 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.underlinetexthover:hover {
    background-size: 100% 1px;
    background-position: left bottom;
    -webkit-transition: background-size 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-size 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.newsContent a {
    position: relative;
}

/* .newsContent a:hover:after, .newsContent a.active:after {
    left: 0;
    right: auto;
    width: 100%;
}
.newsContent a::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    width: 0;
    bottom: 24px;
    background: #ffda23;
    height: 2px;
    transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    z-index: 1;
} */
.justimagebg {
    width: 100%;
    position: relative;
}

.justimagebg img {
    width: 100%;
}

.justimagebg::after {
    content: "";
    position: absolute;
    left: 30px;
    right: 30px;
    top: -1px;
    height: 30px;
    background: #ffffff;
    clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
}

.fastContact {
    margin-top: -80px;
    position: relative;
    z-index: 1;
}

.fastcontactWrapper {
    padding: 20px 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 8px;
    background: linear-gradient(transparent, transparent), url(../img/bg/homecontactbg.jpg);
    background-size: contain;
    background-position: right;
}

.contactwithbtn {
    text-align: center;
    border: 1px solid #dddddd5e;
    border-radius: 8px;
    padding: 17px 20px 12px;
    background: #fbfbff;
}

.contactNum .contactNumAchor {
    font-size: 28px;
    font-weight: 700;
}

.contactNum p {
    color: #666;
    font-size: 13px;
}

.fastContact .contactBtn .cssbuttons-io {
    padding: 5px 20px;
}

.fastContact .sideTitle {
    margin-bottom: 0px;
}

.comInfoCard {
    height: 200px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-bottom: 30px;
    transition: 0.4s ease-in-out;
}

.comInfoCard::after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 0%;
    height: 0%;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease-in-out;
    background: #0a090975;
    margin: auto;
    border-radius: 8px;
}

.comInfoCard:hover:after {
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;
}

.comInfoCard.img1 {
    background: linear-gradient(90deg, #00000057, #00000057), url(../img/bg/company-info.jpg);
    background-size: cover;
    background-position: bottom;
}

.comInfoCard h2 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 40px;
    position: relative;
    margin-bottom: 10px;
    z-index: 1;
}

.comInfoCard.img2 {
    background: linear-gradient(90deg, #00000057, #00000057), url(../img/bg/faqshomebg.jpg);
    background-size: cover;
    background-position: bottom;
}



.holder {
    background-color: transparent;
    width: 100%;
    height: 290px;
    overflow: hidden;
    padding: 10px;
}

.holder .mask {
    position: relative;
    left: 0px;
    top: 10px;
    width: 100%;
    height: 290px;
    overflow: hidden;
}

.holder ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.holder ul li {
    padding: 10px 0px;
    border: 1px solid #dddd;
    border-left: none;
    border-right: none;
    border-top: none;
}

.holder ul li a {
    color: darkred;
    text-decoration: none;
}

.holder ul li span {
    font-size: 15px;
    color: #777;
}

.holder ul li h5 {
    font-size: 18px;
    font-weight: 700;
    color: #d72c0e;
}

.holder ul li p {
    text-align: justify;
}

.holder ul li p a {
    text-decoration: underline;
    color: #31459a;
}

.newsTickerSecWrap {
    padding: 20px;
    border-radius: 8px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.newsletterContainer .form-control {
    padding: 12px 20px;
    border-radius: 34px;
}

.newsletterContainer .form-control:focus {
    box-shadow: none;
    border-color: #1f2638;
}

.newsletterContainer .contactwithbtn {
    text-align: left;
    border: unset;
    border-radius: unset;
    padding: unset;
    background: none;
}

.newsletterContainer .cssbuttons-io {
    padding: 10px 39px;
}

















.counters {
    position: relative;
    z-index: 2;
}

.countersWrap {
    background: #fff;
    padding: 15px 0px;
    border-radius: 10px;
    width: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-top: -50px;

}

.common-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    /* flex-direction: column; */
    padding: 20px;
}

.common-box img {
    width: 64px;
    margin-right: 2px;
}

.common-box::after {
    position: absolute;
    right: 0px;
    width: 1px;
    height: 100%;
    background: #bdbdbd5c;
    content: '';
    top: 0px;
    bottom: 0px;
}

.countersWraper .col-md-3:last-child .common-box:after {
    background: #9f9f9f00;
}

.counter-num span {
    font-size: 24px;
    font-weight: 500;
    color: #002e28;
    line-height: 36px;
}

.counter-text {
    font-weight: 600;
}



.featureCardimg:before {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.featureCard:hover .featureCardimg:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}



.defaultBtn a {
    display: block;
}

.defaultBtn a span,
.defaultBtn a p,
.defaultBtn a i {
    color: #373737;
}

.defaultBtn a i {
    margin-left: 7px;
    position: relative;
    top: -1px;
    font-size: 13px;
}

.bg2 {
    background: linear-gradient(180deg, #ffffffd2, #ffffffb9), url(../img/bg/bg2.jpg);
    background-size: cover;
    background-position: center center;
}


/*---------------------------------
    Footer CSS 
-----------------------------------*/


.footer-wrp-main {
    background: linear-gradient(90deg, #0b002b, #0c002e), url(../img/texture/texture1.jpg);
    background-size: cover;

    position: relative;
}

.footerMain {
    position: relative;
    padding: 70px 0px 0px;
}

#tsparticles {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 1;
}

#tsparticles canvas {
    position: unset !important;
}

.ftr-link-bx a {
    display: block;
    color: #fff;
    margin: 5px 0px;
    display: flex;
    align-items: center;
    gap: 9px;
    transition: 0.3s ease-in-out;
}
.ftr-link-bx a:hover {
    color: #f7db20;
    padding-left: 5px;
}
.ftr-link-bx a i {
    font-size: 10px;
    color: #00b1ff;
}
ul.address-sec li i {
    color: #00b1ff;
    font-size: 14px;
    margin-right: 8px;
}

ul.address-sec li a {
    display: flex;
    align-items: baseline;
}
ul.address-sec li a i:nth-child(1) {
    display: none ;
}
.ftr-link-bx a.title-16 {
    font-size: 22px;
    font-weight: 500;
    color: #e5e5e5;
    margin-top: 27px;
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 9px;
}
.ftr-link-bx a.title-16 i {
    display: none;
}
.ftr-link-bx a.title-16::after {
    position: absolute;
    content: '';
    width: 30%;
    height: 2px;
    background: #99aeff;
    bottom: 0px;
    left: 0px;
}

.footerContents {
    margin-top: 20px;
}

.footerContents p {
    margin-right: 5px;
    color: #fff;
    line-height: 28px;
}

.footer-links-wrp {
    padding-bottom: 40px;
    position: relative;
    z-index: 2;
}

.footer-btm-wrp {
    background: #111;
    padding: 5px 0px;
}

.footer-btm-wrp p {
    color: #ffff;
    margin-bottom: 0px;
}

.footerContents ul {
    display: flex;
    align-items: center;
}

.footerContents ul {
    color: #fff;
}

.footerContents ul li {
    color: #fff;
}

.footerContents ul li:first-child {
    margin-right: 5px;
}

.footerContents ul li:nth-child(2) {
    margin-left: 5px;
}

.footerContents ul li a {
    display: inline-block;
    border: 1px solid #00b1ff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100%;
    margin: 0px 8px 0px 0px;
    color: #a72409;
}

ul.footerSocial {
    margin-top: 20px;
}

ul.footerSocial i {
    line-height: 27px;
    color: #fff;
    font-size: 12px;
}

/* Go to Top */

#button {
    display: inline-block;
    background: linear-gradient(to right, #1b1b1b, #00104c);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    text-decoration: none;
    font-size: 10px;
    animation: breathing 2s ease-out infinite normal;
}

#button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}

#button:hover {
    cursor: pointer;
    background-color: #151e25;
}

#button:active {
    background-color: #151e25;
}

#button.show {
    opacity: 1;
    visibility: visible;
}


@keyframes breathing {
    0% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    25% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    60% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.normalList {
    margin-top: 10px;
}

.normalList li {
    background-image: url(../img/icons/right-arrow.png);
    background-size: 14px;
    background-position: left top 5px;
    padding-left: 21px;
    background-repeat: no-repeat;
    text-align: justify;
    width: fit-content;
}


.innerBanner {
    background-position: center bottom !important;
    margin-top: -36px;
    padding: 10% 0px 10%;
}

.inrbnrWrap {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    height: fit-content;
}

.inrbnrWrap .title {
    font-size: 42px;
    color: #fff;
    font-weight: 600;
}

.inrbnrNav {
    display: flex;
    align-items: center;
    color: #fff;
}

.inrbnrNav li {
    color: #ffff;
    margin-left: 5px;
    margin-right: 5px;
}

.inrbnrNav li:first-child {
    margin-right: 5px;
    margin-left: 0px;
}

.inrbnrNav li:last-child {
    margin-left: 5px;
}

.inrbnrNav li a {
    color: #ffffffdd;
}

.inrbnrNav li:last-child a {
    color: #ffda23;
    font-weight: 600;
}

.aboutUs.philosophy {
    background: linear-gradient(180deg, #edf2ffc7, #fffffff2), url(../img/texture/texture2.jpg);
    background-position: top right;
    background-blend-mode: normal;
    background-size: 100% !important;
}

.philosophyCard {
    position: relative;
}

.philosophyCount {
    position: absolute;
    font-size: 250px;
    color: #dddd;
    top: 0px;
    line-height: 200px;
}

.normalTitl h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 18px;
    line-height: 36px;
}

.philosophyCard .aboutImgSec {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.col-reverse {
    flex-direction: row-reverse;
}

.philosophyCard.reversed .philosophyCount {
    right: 0px;
}

.aboutUs.objectivebg {
    background: linear-gradient(180deg, #fff5c5e6, #ffffff), url(../img/bg/colorabstract1.jpg);
    background-position: top right;
    background-blend-mode: normal;
    background-size: 100% !important;
}

.companyProfileWrap .table td,
.companyProfileWrap .table th {
    padding: 14px 18px;
    border: 1px solid #ddddddf2;
    font-weight: 500;
    color: #3e3e3e;
}

.companyProfileWrap .table th {
    font-weight: 600;
    color: #254699;
}


/* Withoutbg Nav */

.innerBannerNav {
    min-height: 120px;
    background: linear-gradient(90deg, #002bff14, white), url(../img/texture/t1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    border-bottom: 1px solid #dddddd82;
}

.inbnrNavWrap {
    min-height: 120px;
}

.inbnrNavWrap .row {
    min-height: 120px;
}

.inbnrNavTitle {
    text-align: left;
}

.inbnrNavTitle h2 {
    font-weight: 700;
    font-size: 31px;
    color: #254699;
}

.inbnrNavList {
    display: flex;
    justify-content: flex-end;
}

.inbnrNavList ul {
    display: flex;
    align-items: center;
}

.inbnrNavList ul li {
    margin: 0px 6px 0px 6px;
}

.inbnrNavList ul li a {
    font-size: 14px;
    font-weight: 600;
}

.inbnrNavList ul li a.active {
    color: #0049a7;
}

/* Withoutbg Nav */


.productListingsTable {}

.productListingsTable .table td,
.productListingsTable .table th {
    padding: 14px 18px;
    border: 1px solid #ddddddf2;
    font-weight: 500;
    color: #3e3e3e;
}

.productListingsTable .table th {
    font-weight: 600;
    color: #fff;
    background: #084799;
}

.productListingsTable a {
    text-decoration: underline;
}

.productListingMain .fContents {
    background: linear-gradient(180deg, #04326e, #084799);
}

.servicesListing .prContent h4 {
    font-size: 16px;
}

.servicesListing .productCard {
    margin-bottom: 25px;
}


/*  */
.choose-loca-title {
    text-align: center;
    padding-top: 35px;
}

.contact-map-title {
    padding-bottom: 35px;
}

.choose-loca-title h3 {
    font-size: 26px;
    color: #000;
    font-weight: 700;
}

.choose-loca-title p {
    font-size: 14px;
    font-weight: 600;
    color: #2e2e2e;
    line-height: 30px;
    margin-top: 10px;
}

.choose-location-tab-card {
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 0px;
    text-align: center;
    /* border: 1px solid #fe9da0; */
    transition: 0.4s ease;
    border-radius: 30px;
    background: linear-gradient(90deg, #fbfbfb, white), url(../img/location-icon/world-map-bg.png);
    box-shadow: rgb(149 157 165 / 8%) 0px 8px 24px;
    border: 1px solid #f1f1f196;
    min-height: 310px;
}

.choose-location-tab-card:hover {
    background:  linear-gradient(90deg, #f7f7f7, white),url(../img/location-icon/world-map-bg-2.png);
    background-position: center center;
    background-repeat: no-repeat;
    transition: 0.4s ease;
}

.choose-location-tab-card h5 {
    color: #084799;
    font-weight: 600;
    font-size: 20px;
    padding-top: 15px;
    margin-bottom: 15px;
}
.choose-location-tab-card P {
    color: #2e2e2e;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
}
.choose-location-tab-card i {
    font-size: 12px;
    color: #d72c0e;
}
.location-tab-sec {
    padding-top: 35px;
}
.choose-location-tab-card a{
    font-size: 15px;
}
.choose-location-tab-card img{
    width: 70px;
}
.justify-content-center {
    justify-content: center;    
}


.contactUsMain {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 30px;
    overflow: hidden;
    margin-top: 40px;
}
.contactqueryForm .form-control {
    height: 45px;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 16px;
}

.contactqueryForm .form-control.textarea {
    height: auto;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 16px;
}

.contactqueryForm .form-control:focus {
    box-shadow: none;
    border-color: #004aa8cc;
}


.contactDWrapper.contactInfo {
    background: linear-gradient(0deg, #005d0f, #00bb2a);
    border-radius: 30px;
}

.contactDWrapper.contactInfo .secTitle .mainTitle.contact {
    color: #fff;
}

.contactDWrapper.contactInfo hr {
    color: #fff;
}

.contactDWrapper.contactInfo p {
    color: #fff;
    margin-bottom: 8px;
    display: flex;
    align-items: baseline;
}

.contactDWrapper.contactInfo p strong {
    color: #fff;
}

.contactDWrapper.contactInfo p strong i {
    margin-right: 5px;
}

.contactDWrapper.contactInfo a {
    color: #fff;
}

.contactUsIn {
    background-image: linear-gradient(90deg, #fffffff7, #fffffff6), url(../img/bg/menu-bg.jpg);
    background-size: contain;
}

.contactInfoWrapper {
    padding: 40px 30px;
}

.contactInfoWrapper .button1 a,
.contactInfoWrapper .button1 button {
    padding: 13px 22px;
    background: linear-gradient(180deg, #004aad, #00449f);
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    border: none;
}

.contactqueryForm .form-select  {
    height: 45px;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 16px;
}
.contactqueryForm .form-select:focus {
    box-shadow: none;
    border-color: #00449b;
}
.captcha-img {
    width: 153px;
    border-radius: 30px;
    border: none;
    padding: 8px;
}
.captcha-img img{
    width: 100%;
}


/*---------our-mission & vision--------------*/

.mission-para p {
    font-weight: 500;
    color: #000;
    text-align: justify;
}

.vision-pt {
    display: block !important;
}



/*-------------History------------------*/
.milestonesWrapper {

}
.milestonesWrapper h5 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: center;position: relative;

}
.milestonesWrapper h5::after {
    position: absolute;
    content: '';
    width: 100px;
    height: 2px;
    background: #ee0500;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.milestone {
    padding: 50px 20px;
    background: #fff;
}

.milestone {
    --col-gap: 2rem;
    --row-gap: 2rem;
    --line-w: 0.25rem;
    display: grid;
    grid-template-columns: var(--line-w) 1fr;
    grid-auto-columns: max-content;
    column-gap: var(--col-gap);
    list-style: none;
    width: min(60rem, 90%);
    margin-inline: auto;
}

/* line */
.milestone::before {
    content: "";
    grid-column: 1;
    grid-row: 1 / span 120;
    background: rgb(225, 225, 225);
    border-radius: calc(var(--line-w) / 2);
}

/* columns*/

/* row gaps */
.milestone li:not(:last-child) {
    margin-bottom: var(--row-gap);
}

/* card */
.milestone li {
    grid-column: 2;
    --inlineP: 1.5rem;
    margin-inline: var(--inlineP);
    grid-row: span 2;
    display: grid;
    grid-template-rows: min-content min-content min-content;
}

/* date */
.milestone li .date {
    --dateH: 3rem;
    height: var(--dateH);
    margin-inline: calc(var(--inlineP) * -1);

    text-align: center;
    background-color: #254699;

    color: white;
    font-size: 1.25rem;
    font-weight: 700;

    display: grid;
    place-content: center;
    position: relative;

    border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2);
}

/* date flap */
.milestone li .date::before {
    content: "";
    width: var(--inlineP);
    aspect-ratio: 1;
    background: #344156;
    background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
    position: absolute;
    top: 100%;

    clip-path: polygon(0 0, 100% 0, 0 100%);
    right: 0;
}

/* circle */
.milestone li .date::after {
    content: "";
    position: absolute;
    width: 2rem;
    aspect-ratio: 1;
    background: #fff;
    border: 0.3rem solid #254699;
    border-radius: 50%;
    top: 50%;

    transform: translate(50%, -50%);
    right: calc(100% + var(--col-gap) + var(--line-w) / 2);
}

/* title descr */
.milestone li .title,
.milestone li .descr {
    background: var(--bgColor);
    position: relative;
    padding-inline: 1.5rem;
}

.milestone li .title {
    overflow: hidden;
    padding-block-start: 1.5rem;
    padding-block-end: 1rem;
    font-weight: 500;
}

.milestone li .descr {
    padding-block-end: 1.5rem;
    font-weight: 500;
}

/* shadows */
.milestone li .title::before,
.milestone li .descr::before {
    content: "";
    position: absolute;
    width: 90%;
    height: 0.5rem;
    background: rgba(0, 0, 0, 0.5);
    left: 50%;
    border-radius: 50%;
    filter: blur(4px);
    transform: translate(-50%, 50%);
}

.milestone li .title::before {
    bottom: calc(100% + 0.125rem);
}

.milestone li .descr::before {
    z-index: -1;
    bottom: 0.25rem;
}

@media (min-width: 40rem) {
    .milestone {
        grid-template-columns: 1fr var(--line-w) 1fr;
    }

    .milestone::before {
        grid-column: 2;
    }

    .milestone li:nth-child(odd) {
        grid-column: 1;
    }

    .milestone li:nth-child(even) {
        grid-column: 3;
    }

    /* start second card */
    .milestone li:nth-child(2) {
        grid-row: 2/4;
    }

    .milestone li:nth-child(odd) .date::before {
        clip-path: polygon(0 0, 100% 0, 100% 100%);
        left: 0;
    }

    .milestone li:nth-child(odd) .date::after {
        transform: translate(-50%, -50%);
        left: calc(100% + var(--col-gap) + var(--line-w) / 2);
    }

    .milestone li:nth-child(odd) .date {
        border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;
    }
}

.credits {
    margin-top: 1rem;
    text-align: right;
}

.credits a {
    color: var(--color);
}


.valuesSection .prImg {
    width: 100px;
    padding: 22px;
}
.contactMapWrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px;
    gap: 18px;
}
.contactMapWrap .mapi {
    width: 100%;
    height: 100%;
    border-radius: 13px;
    overflow: hidden;
    border: 3px solid #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.employeeSlider .item {
    padding: 10px;
}
.teamCard {
    padding: 18px;
    position: relative;
    margin-bottom: 22px;
}
.teamCard::after{
    content: '';
    position: absolute;
    width: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    height: 70%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-radius: 20px;
    background: #fff;
}
.teamCardImg {
    width: 78%;
    margin: auto;
    margin-bottom: 20px;
    border-radius: 20px;
    position: relative;
    z-index: 3;
    border: 3px solid #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    overflow: hidden;
}
.teamCardImg img{
    width: 100%;
}
.teamCardContent {
    text-align: center;
    position: relative;
    z-index: 3;
}
.teamCardContent h4{
    font-size: 18px;
    font-weight: 600;
    color: #31459a;
}
.teamCardContent h5{
    font-size: 12px;
    font-weight: 500;
    margin-top: 5px;
  
}
.teamCardContent p {
    margin-top: 10px;
}
.prparaReadBtn {
    color: #31459a;
}
.bgempSpeech.aboutUs {
    background: linear-gradient(180deg, #e6ebfffa, #e6ebfffa), url(../img/texture/texture1.png);
}

/* FAQS */

.FAQsWrapper {
    margin-top: 20px;
}
.FAQsWrapperCard {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #fff;
    border-radius: 20px;
    margin-bottom: 20px;
}
.FAQsWrapperCard.disabledFAQs .question {
    background: unset;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}
.question {
    font-weight: 600;
    padding: 15px 80px 15px 15px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.question.active {
    background: #e3e7f9;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    
}
.question::after {
    content: "\2b";
    font-size: 26px;
    position: absolute;
    right: 20px;
    transition: 0.2s;
    font-weight: 400;
}

.question.active::after {
    transform: rotate(45deg);
}

.answercont {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
}
.answercont.active {
    max-height: max-content;
}

.answer {
    padding: 0 20px 20px;
    line-height: 1.5rem;
    text-align: justify;
}

.imgpositionsticky {
    position: sticky;
    top: 100px;
}
.aboutImgSec {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
}
.question.disableqs::after {
    display: none;
}



.productWrapper .accordion-button {
    font-size: 18px;
    font-weight: 600;
    color: #31459a;
}
.productWrapper .accordion-button:focus {
    box-shadow: none;
}
.productWrapper .accordion-item {
    margin-bottom: 12px;
    border: 1px solid #ddd;
}
.prtableCard {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #31459a2e;
    box-shadow: 0px 0px 10px #ddd;
    margin-bottom: 20px;
}
.prtableCard h5 {
    padding: 13px 10px;
    background: #cfe2ff;
    color: #111;
    font-size: 17px;
    font-weight: 600;
}
.testResultImg {
    width: 100%;
    padding: 28px;
}
.testResultImg img {
    width: 100%;
}
.prtableCard .table th, .prtableCard .table td {
    padding: 9px 12px;
    border-left: 1px solid #ddd;
}
.prtableCard .table th:first-child, .prtableCard .table td:first-child {
    border-left: none;
    font-weight: 600;
    color: #254699;
}
.productWrapper .accordion-button:not(.collapsed) {
    background: #31459a;
    color: #fff;
}
.productWrapper .accordion-button:not(.collapsed)::after {
    filter: invert(2) brightness(3.5);
}
.specifications.prtableCard {
    margin-top: 20px;

}


.presidentName {
    position: relative;
    margin-top: 15px;
}
.presidentName h5 {
    font-size: 20px;
    font-weight: 600;
    color: #254699;
}
.presidentName p {

}
.presidentName i {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 70px;
    color: #e0e0e0dd;
}


/* R & D  */
.process-web-view {
    position: relative;
    z-index: 1;
}
.rs-process.style1 .process-effects-layer {
    background-size: 984px auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.rs-process.style1 .process-effects-layer .rs-addon-number .number-part {
    position: relative;
    cursor: pointer;
}

.rs-process.style1 .process-effects-layer .rs-addon-number .number-part::after {
    position: absolute;
    content: '';
    top: 35%;
    width: 100%;
    height: 2px;
    border-bottom: 2px dotted #4c4a4a;
    left: 50%;
    z-index: -1;
}

.rs-process.style1 .process-effects-layer .rs-addon-number .number-part.thirdprecess:after {
    top: 84%;
    width: 2px;
    height: 51%;
    border-left: 2px dotted #4c4a4a;
}

.rs-process.style1 .process-effects-layer .rs-addon-number .number-part.fourthprecess:before {
    position: absolute;
    content: '';
    top: 35%;
    width: 100%;
    height: 2px;
    border-bottom: 2px dotted #4c4a4a;
    left: 50%;
    z-index: -1;
}

.rs-process.style1 .process-effects-layer .rs-addon-number .number-part.fifthprocess:after {
    position: absolute;
    content: '';
    top: 35%;
    width: 2px;
    height: 2px;
    border-bottom: 2px dotted #4c4a4a;
    left: 50%;
    z-index: -1;
}

.rs-process.style1 .process-effects-layer .rs-addon-number .number-part:hover .number-area {
    transform: rotate(359deg);
    transition: 0.4s ease-in-out;
    background: #2b2b2a !important;
    color: #fff;

}

.rs-process.style1 .process-effects-layer .rs-addon-number .number-part .number-image {
    background: #fffada;
    padding: 45px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    width: 140px;
    position: relative;
    height: 140px;
}

.rs-process.style1 .process-effects-layer .rs-addon-number .number-part .number-image::after {
    position: absolute;
    border: 1px solid #ffda23;
    animation: zoomBig2 3.25s linear infinite;
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -1;

}

@keyframes zoomBig2 {
    0% {
        transform: translate(0%, 0%) scale(0.9);
        opacity: 1;
        border-width: 3px;
    }

    40% {
        opacity: .5;
        border-width: 2px;
    }

    65% {
        border-width: 1px;
    }

    100% {
        transform: translate(-0%, -0%) scale(1.5);
        opacity: 0;
        border-width: 1px;
    }
}

.rs-process.style1 .process-effects-layer .rs-addon-number .number-part .number-image img {
    width: 60px;
    display: block;
}

.rs-process.style1 .process-effects-layer .rs-addon-number .number-part .number-text {
    position: relative;
    text-align: center;
    top: -34px;
}

.rs-process.style1 .process-effects-layer .rs-addon-number .number-part .number-text .number-area {
    position: relative;
    transition: all .3s ease 0s;
    text-align: center;
    width: 50px;
    height: 50px;
    left: -50px;
    top: -10px;
    margin: -13px 0px 0px 0px;
    display: inline-block;
    border-radius: 50px 50px 50px 50px;
    background: #31459a;
}

.rs-process.style1 .process-effects-layer .rs-addon-number .number-part .number-text .number-area .number-prefix {
    font-size: 18px;
    line-height: 50px;
    font-weight: 700;
    color: #ffffff;
}

.rs-process.style1 .process-effects-layer .rs-addon-number .number-part .number-text .number-title .title {
    font-size: 16px;
    line-height: 38px;
    font-weight: 700;
    margin: 0 0 10px;
}

.rs-process.style1 .process-effects-layer .rs-addon-number .number-part .number-text .number-txt {
    margin: 0 24px 0 24px;
}

.rs-process.style1.careers-style .process-effects-layer {
    background-image: unset;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1050px auto;
    margin-top: -110px;
    margin-bottom: 0px;
    padding: 160px 0px 0px 0px;
}

.rs-process.style1.careers-style .process-effects-layer .rs-addon-number .number-part .number-image {
    background: #0a0a0a;
}

.rs-process.style1.careers-style .process-effects-layer .rs-addon-number .number-part .number-text .number-title .title {
    color: #0a0a0a;
}

.rs-process.style1.careers-style .process-effects-layer .rs-addon-number .number-part .number-text .number-txt {
    margin: 0 17px 0 17px;
    color: #454545;
}

.rs-process.style2 .rs-addon-number .number-part {
    padding: 50px 45px 40px 30px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F2F2F2;
    margin: 0 3px 0 3px;
}

.rs-process.style2 .rs-addon-number .number-part .number-area .number-prefix {
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #00000021;
    display: block;
    margin-bottom: 22px;
}

.rs-process.style2 .rs-addon-number .number-part .number-title .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #0a0a0a;
    margin: 0 0 12px;
}

.rs-process.style2 .rs-addon-number .number-part .number-txt {
    margin-bottom: 27px;
}

.rs-process.style2 .rs-addon-number .number-part .number-txt .loac-text {
    padding-top: 12px;
}

.rs-process.style2 .rs-addon-number .number-part .number-txt .loac-text strong {
    font-weight: 700;
}

.process-mob-view {
    display: none
}

/* Responsive */
@media screen and (max-width:1068px) and (min-width:769px) {
    a {
        font-size: 12px;
        line-height: 20px;
    }

    .headNavbar {
        gap: 13px;
    }

    .mainHeader.sticky .headNavbar {
        gap: 6px;
    }

    .cssbuttons-io {
        padding: 4px 13px;
    }

    p {
        font-size: 12px;
        line-height: 20px;
    }

    .mainHeader.sticky .mainHeadLogo {
        width: 72px;
    }

    .mainHeader.sticky .headNavWrap {
        padding: 5px;
    }

    .mainHeader.sticky .headNavContainer {
        width: 87%;
    }

    .mainHeader.sticky .headNavbar>li>a {
        padding: 10px 0px;
    }

    .headSearchContent .searchBtn {
        width: 35px;
        height: 35px;
        line-height: 38px;
    }

    .newsletterContainer .cssbuttons-io {
        padding: 4px 19px;
    }

    .newsletterContainer .form-control {
        padding: 6px 15px;
        border-radius: 34px;
        font-size: 13px;
    }

    .newsletter {
        overflow: hidden;
    }

    .footer-address-link {
        word-break: break-all;
    }

    .topHeadContactCard .theText h4 {
        font-size: 14px;
        font-weight: 700;
        line-height: 30px;
    }

    .bannerCenterImg img {
        width: 104px;
        animation: upAndDown 5s linear infinite;
    }

    .bnrtitleWrapp span.typed {
        font-size: 18px;
        line-height: normal;
    }

    .bnrtitleWrapp p {
        margin-top: 0px;
        line-height: normal;
    }

    .bnrtitleWrapp h6 {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .typed-cursor {
        opacity: 1;
        -webkit-animation: blink 0.7s infinite;
        -moz-animation: blink 0.7s infinite;
        animation: blink 0.7s infinite;
        font-size: 15px;
        color: #ddd;
    }

    .bnrbtnc {
        width: 307px;
        padding: 8px 16px;
    }

    .bnrbtnContent h5 {
        font-size: 15px;
    }

    .sideTitle h2 {
        font-size: 19px;
        line-height: 23px;
    }

    .aboutIconCard {
        padding: 7px;
        margin-bottom: 8px;
        margin-right: 0px;
        border-radius: 8px;
    }

    .aboutIco {
        width: 26px;
        margin-right: 5px;
    }

    .aboutIconContent {
        font-size: 13px;
        line-height: 20px;
    }

    .contactNum .contactNumAchor {
        font-size: 19px;
        font-weight: 700;
    }
}

@media screen and (max-width:768px) and (min-width:698px) {
    .site-width {
        padding: 0px 35px;
    }

    .mainHeader {
        margin-top: 0px;
        background: #fff;
    }

    .mainHeadWrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #nav-icon2 {
        width: 40px;
        height: 27px;
        position: relative;
        margin: 0px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #nav-icon2 span {
        display: block;
        position: absolute;
        height: 9px;
        width: 100%;
        background: #d3531a;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #nav-icon2 span {
        display: block;
        position: absolute;
        height: 5px;
        width: 50%;
        background: #d3531a;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #nav-icon2 span:nth-child(even) {
        left: 50%;
        border-radius: 0 9px 9px 0;
    }

    #nav-icon2 span:nth-child(odd) {
        left: 0px;
        border-radius: 9px 0 0 9px;
    }

    #nav-icon2 span:nth-child(1),
    #nav-icon2 span:nth-child(2) {
        top: 0px;
    }

    #nav-icon2 span:nth-child(3),
    #nav-icon2 span:nth-child(4) {
        top: 10px;
    }

    #nav-icon2 span:nth-child(5),
    #nav-icon2 span:nth-child(6) {
        top: 20px;
    }

    #nav-icon2.open span:nth-child(1),
    #nav-icon2.open span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #nav-icon2.open span:nth-child(2),
    #nav-icon2.open span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #nav-icon2.open span:nth-child(1) {
        left: 5px;
        top: 7px;
    }

    #nav-icon2.open span:nth-child(2) {
        left: calc(50% - 5px);
        top: 7px;
    }

    #nav-icon2.open span:nth-child(3) {
        left: -50%;
        opacity: 0;
    }

    #nav-icon2.open span:nth-child(4) {
        left: 100%;
        opacity: 0;
    }

    #nav-icon2.open span:nth-child(5) {
        left: 5px;
        top: 17px;
    }

    #nav-icon2.open span:nth-child(6) {
        left: calc(50% - 5px);
        top: 17px;
    }

    .headNavWrap {
        display: none;
    }

    .logoSection {
        display: none;
    }

    .topHeadContactCard .theIcon {
        width: 28px;
        height: 28px;
        border-radius: 100%;
        border: 2px solid #254699;
        text-align: center;
        line-height: 22px;
        margin-right: 10px;
    }

    .topHeadContactCard .theIcon i,
    .theIcon img {
        font-size: 12px;
        color: #254699;
    }

    .topHeadContactCard .theText h4 {
        font-size: 12px;
        font-weight: 700;
        line-height: 20px;
    }

    .topHeadContactCard .theText p {
        line-height: 15px;
        font-size: 11px;
    }

    .topheader {
        height: auto;
    }

    .topHeaderWrapper {
        justify-content: center;
    }

    .mainHeadLogo {
        width: 90px;
        margin: 5px 0px;
        display: block;
    }

    .bnrtitleWrapp span.typed {
        font-size: 18px;
        line-height: 20px;
    }

    .typed-cursor {
        font-size: 18px;
    }

    .bnrtitleWrapp p {
        margin-top: 8px;
        font-size: 12px;
        line-height: 18px;
    }

    .bannerCenterImg img {
        width: 107px;
        animation: upAndDown 5s linear infinite;
    }

    .bnrbtnContent h5 {
        color: #d72c0e;
        font-size: 14px;
        font-weight: 700;
    }

    .bnrbtnContent p {
        color: #666666;
        font-size: 13px;
    }

    .bnrbtnc {
        width: 254px;
        display: flex;
        align-items: center;
        padding: 7px 8px;
        background: #fff;
        border-radius: 8px;
    }
}

@media screen and (max-width:689px) and (min-width:480px) {
    .bannerSection {
        flex-direction: column-reverse;
    }

    .bnrwith.bannerTitleContainer {
        width: 100%;
        z-index: 20;
        background-image: url(../img/texture/banner-texture.png);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #fff;
        padding: 30px 0px;
        text-align: center;
    }

    .bnrwith.bannerImageContainer {
        width: 100%;
        /* background: #fff; */

    }

    .bnrtitleWrapp {
        padding-left: 0px;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .bnrimgBtn {
        position: absolute;
        top: 50%;
        left: 3%;
        z-index: 1;
        display: none;
    }

    .bannerCenterImg {
        left: auto;
        top: 0px;
    }

    .bannerCenterImg img {
        width: 73px;
        animation: upAndDown 5s linear infinite;
    }

    .aboutIconCard {
        width: 100%;
    }

    .productCard {
        margin-bottom: 15px;
    }
}

@media screen and (max-width:479px) and (min-width:300px) {
    .topheader {
        display: none
    }

    .sideTitle h2 {
        font-size: 18px;
        font-weight: 700;
        color: #1b1b1b;
        line-height: 24px;
    }

    .content.about p {
        text-align: justify;
        font-size: 13px;
    }

    .bannerSection {
        flex-direction: column-reverse;
    }

    .bnrwith.bannerTitleContainer {
        width: 100%;
        z-index: 20;
        background-image: url(../img/texture/banner-texture.png);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #fff;
        padding: 30px 0px;
        text-align: center;
    }

    .bnrwith.bannerImageContainer {
        width: 100%;
        /* background: #fff; */

    }

    .bnrtitleWrapp {
        padding-left: 0px;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .bnrimgBtn {
        position: absolute;
        top: 50%;
        left: 3%;
        z-index: 1;
        display: none;
    }

    .bannerCenterImg {
        left: auto;
        top: 0px;
    }

    .bannerCenterImg img {
        width: 73px;
        animation: upAndDown 5s linear infinite;
    }

    .aboutIconCard {
        width: 100%;
    }

    .productCard {
        margin-bottom: 15px;
    }

    .contactNum .contactNumAchor {
        font-size: 16px;
        font-weight: 700;
    }

    .contactwithbtn {
        padding: 10px;
    }

    .contactNum p {
        color: #666;
        font-size: 10px;
        margin-bottom: 9px;
    }
}

@media screen and (max-width:768px) {
    .innerBanner {
        margin-top: 0px;
    }
    .inrbnrWrap {
        position: relative;
    }
    .rs-process.style1 .process-mob-view .process-effects-layer  .rs-addon-number .number-part::after {
        display: none;
    }
    .rs-process.style1 .process-mob-view  .process-effects-layer .rs-addon-number .number-part.fourthprecess:before {
        display: none;
    }
    .process-mob-view {
        display: block;
    }
    .process-web-view {
        display: none;
    }
    .productmenuList {
        position: unset;
    }
    .productmenuListUl > li {
        width: 100%;
    }
    .mainHeader {
        margin-top: 0px;
        background: #fff;
    }

    .mainHeadWrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #nav-icon2 {
        width: 40px;
        height: 27px;
        position: relative;
        margin: 0px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #nav-icon2 span {
        display: block;
        position: absolute;
        height: 9px;
        width: 100%;
        background: #d3531a;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #nav-icon2 span {
        display: block;
        position: absolute;
        height: 5px;
        width: 50%;
        background: #d3531a;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #nav-icon2 span:nth-child(even) {
        left: 50%;
        border-radius: 0 9px 9px 0;
    }

    #nav-icon2 span:nth-child(odd) {
        left: 0px;
        border-radius: 9px 0 0 9px;
    }

    #nav-icon2 span:nth-child(1),
    #nav-icon2 span:nth-child(2) {
        top: 0px;
    }

    #nav-icon2 span:nth-child(3),
    #nav-icon2 span:nth-child(4) {
        top: 10px;
    }

    #nav-icon2 span:nth-child(5),
    #nav-icon2 span:nth-child(6) {
        top: 20px;
    }

    #nav-icon2.open span:nth-child(1),
    #nav-icon2.open span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #nav-icon2.open span:nth-child(2),
    #nav-icon2.open span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #nav-icon2.open span:nth-child(1) {
        left: 5px;
        top: 7px;
    }

    #nav-icon2.open span:nth-child(2) {
        left: calc(50% - 5px);
        top: 7px;
    }

    #nav-icon2.open span:nth-child(3) {
        left: -50%;
        opacity: 0;
    }

    #nav-icon2.open span:nth-child(4) {
        left: 100%;
        opacity: 0;
    }

    #nav-icon2.open span:nth-child(5) {
        left: 5px;
        top: 17px;
    }

    #nav-icon2.open span:nth-child(6) {
        left: calc(50% - 5px);
        top: 17px;
    }

    .headNavWrap {
        display: none;
        position: fixed;
        left: 0px;
        width: 100%;
        top: 12%;
        min-height: 100vh;
        background: #084799;
        padding: 0px;
        transition: none;
    }

    .headNavbar {
        flex-direction: column;
        gap: 0px;
    }

    .headNavbar>li {
        width: 100%;
        position: relative;
    }

    i.submeneOpener {
        position: absolute;
        top: 5px;
        right: 8px;
        color: #fff;
        width: 34px;
        height: 34px;
        text-align: center;
        line-height: 38px;
        background: #032f69;
        border-radius: 4px;
    }

    .cssbuttons-io::before {
        background: linear-gradient(45deg, black, #434343);
    }

    .headNavbar>li.hasSubMenu:hover .subMenu {
        visibility: unset;
        opacity: unset;
        top: unset;
        position: unset;
    }

    .subMenu {
        position: relative;
        display: none;
        transition: none;
    }

    .subMenu>li {
        width: 100%;
    }

    .subMenu>li>a {
        min-height: auto;
        background: #022e61;
        color: #fff;
    }

    .headSearchContent {
        justify-content: center;
        margin-top: 20px;
    }

    .mainHeader {
        z-index: 4;
    }

    .headNavbar>li>a {
        display: inline-block;
        padding: 10px 10px;
        position: relative;
        display: block;
        width: 100%;
        background: #254699;
        border-bottom: 1px solid #dddddd69;
        color: #fff;
    }

    .mainHeader.sticky .headNavbar {
        gap: 0px;
    }

    .headNavbar>li>a:hover {
        color: #ffda23;
    }

    .headNavbar>li>a::after {
        bottom: 0px;
    }

    .logoSection {
        display: none;
    }

    .topHeadContactCard .theIcon {
        width: 28px;
        height: 28px;
        border-radius: 100%;
        border: 2px solid #254699;
        text-align: center;
        line-height: 22px;
        margin-right: 10px;
    }

    .topHeadContactCard .theIcon i,
    .theIcon img {
        font-size: 12px;
        color: #254699;
    }

    .topHeadContactCard .theText h4 {
        font-size: 12px;
        font-weight: 700;
        line-height: 20px;
    }

    .topHeadContactCard .theText p {
        line-height: 15px;
        font-size: 11px;
    }

    .topheader {
        height: auto;
    }

    .topHeaderWrapper {
        justify-content: center;
    }

    .mainHeadLogo {
        width: 90px;
        margin: 5px 0px;
        display: block;
    }

    .bnrtitleWrapp span.typed {
        font-size: 18px;
        line-height: 20px;
    }

    .typed-cursor {
        font-size: 18px;
    }

    .bnrtitleWrapp p {
        margin-top: 8px;
        font-size: 12px;
        line-height: 18px;
    }

    .bannerCenterImg img {
        width: 107px;
        animation: upAndDown 5s linear infinite;
    }

    .bnrbtnContent h5 {
        color: #d72c0e;
        font-size: 14px;
        font-weight: 700;
    }

    .bnrbtnContent p {
        color: #666666;
        font-size: 13px;
    }

    .bnrbtnc {
        width: 254px;
        display: flex;
        align-items: center;
        padding: 7px 8px;
        background: #fff;
        border-radius: 8px;
    }
}

.company_policy_content{
    text-align: left;
    margin: 12px 0px;
}
.company_policy_content p{
    margin-top: 0px;
    text-align: justify;
}
.sideTitle.companyPolicySubTitle {
    padding: 0px;
}
.sideTitle.companyPolicySubTitle h2 {
    font-size: 18px;
    padding-left: 13px;
    line-height: 33px;
}
.company_policy_content h4 {
    font-size: 16px;
    font-weight: 600;
    color: #254699;
}
.policyContentListing p {
    margin-bottom: 12px;
    padding-left: 30px;
}

.downloadCategougeForm label {
    display: block;
}
.downloadCategougeForm  .iti {
    width: 100%;
}
.downloadCategougeForm  .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent!important;
    border-right: 1px dashed #ddd;
}