/*===============CUSTOM STYLE===================*/

/*------------Dropdown Menu------------*/

.main-menu li.nav-item .dropdown-grid-item {
    list-style: none !important;
}

.main-menu li.nav-item .subnav-item {
    position: relative;
}

.main-menu li.nav-item .subnav-item .sub-dropdownBx {
    display: none;
    position: absolute;
    content: "";
    top: 0;
    right: -250px;
    width: 250px;
    background: #ffffff;
    list-style: none;
	padding:0;
}

.main-menu li.nav-item .subnav-item .sub-dropdownBx li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 0.55rem 1rem !important;
    transition: all 0.3s ease;
    border-radius: 4px;
    color: #575757;
    font-family: 'DIN' !important;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    white-space: nowrap;
    text-transform: uppercase;
}

.main-menu li.nav-item .subnav-item .sub-dropdownBx li a:hover {
	color: #175cff;
}

.main-menu li.nav-item .subnav-item:hover .sub-dropdownBx {
    display: block;
}

/*-------------Hero Section Start----------------*/

.hero-sec .custom-container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.hero-sec .parallaxBx {
    position: relative;
}

.hero-sec .heroBx .imagebgBx {
    width: 100%;
    height: auto;
}

.hero-sec .heroBx .imagebgBx img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-sec .heroBx .contentBx {
    position: absolute;
    top: 20%;
    left: 10%;
}

.hero-sec .heroBx .contentBx span {
    color: #ffb116;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 700;
	font-family: 'DIN';
}

.hero-sec .heroBx .contentBx h3 {
    color: #fff;
    font-size: 30px;
    line-height: 1.5;
    padding: 20px 0;
    font-weight: 600;
	font-family: 'DIN' !important;
}

.hero-sec .heroBx .contentBx a {
    background: #ffd018;
    color: #000;
    padding: 9px 25px;
    font-size: 16px;
    margin-top: 20px;
    font-weight: 600;
	font-family: 'DIN';
    text-decoration: none;
	text-transform:uppercase;
}
    
/*-------------Hero Section End----------------*/

/*-------------About Us Section Start----------------*/

.about-us-Sec {
	background: #f8f9fa !important;
	padding: 70px 0 60px 0;
}

.about-us-Sec .aboutLeft {
    color: #000;
    position: relative;
    background: linear-gradient(90deg, #3575d3, #4a83d8) !important;
    margin-bottom: 10px;
    box-shadow: 0 0 6px #cccccc;
    border-radius: 1rem !important;
    font-family: 'Helvetica Neue';
}

.about-us-Sec .aboutLeft .leftitemBx {
	border-bottom: 1px solid #6397e3;
}

.about-us-Sec .aboutLeft .leftitemBx:nth-child(4) {
	border-bottom: none;
}

.about-us-Sec .aboutLeft .leftitemBx .titleBx:nth-child(1) {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.about-us-Sec .aboutLeft .leftitemBx .titleBx {
	padding: 15px 20px;
    background: #6397e350;
	border-bottom: 1px solid #6397e3;
}

.about-us-Sec .aboutLeft .leftitemBx .titleBx h3 {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	color: #ffd018;
	margin: 0;
	font-family: 'DIN' !important;
}

.about-us-Sec .aboutLeft .leftitemBx .contentBx p {
	font-size: 15px;
	font-weight: 600;
	color: #eeeeee;
	line-height: 28px;
	text-align: justify;
	padding: 20px;
	margin: 0;
    font-family: 'DIN';
}

.about-us-Sec .aboutLeft .leftitemBx .contentBx p i{
    margin-right: 5px;
}

.about-us-Sec .aboutLeft .leftitemBx .contentBx a {
	display: inline-block;
	padding: 7px 18px;
	border-radius: 3px;
	background: #ffd018;
	color: #000000;
	text-decoration: none;
	margin: 10px auto;
}

.about-us-Sec .aboutRight {
    box-shadow: 0 5px 20px 0 rgb(210 210 245 / 50%);
    padding: 30px 20px;
    border-radius: 1rem !important;
    position: relative;
    background: #ffffff;
}

.about-us-Sec .aboutRight .titleBx {
	color: #000000;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px !important;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    z-index: 1;
    font-family: 'DIN' !important;
}

.about-us-Sec .aboutRight .titleBx::before {
	position: absolute;
	content: '';
	z-index: -1;
	width: 30px;
	height: 3px;
	background-color: #015998;
	bottom: 0;
	left: 0;
}

.about-us-Sec .aboutRight .titleBx::after {
	position: absolute;
    content: '';
    z-index: -1;
    width: 50px;
    height: 3px;
    background-color: #015998;
    bottom: 0;
    left: 40px;
}

.about-us-Sec .aboutRight p {
	font-size: 16px;
    font-weight: 600;
    line-height: 35px;
    color: #5e5e5e;
    margin-bottom: 25px !important;
    text-align: justify;
    font-family: 'DIN';
}


/*-------------About Us Section End----------------*/


/*-------------Service Section Start----------------*/

.services-sec {
	padding: 60px 0;
}
 
.services-sec .titleBx {
	color: #000000;
    position: relative;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-family: 'DIN' !important;
}

.services-sec .servicesBx {
	color: #000;
    position: relative;
    background: #fbfbfb;
    padding: 30px 10px;
    border: 1px solid #d5d5d5;
    margin: 10px;
    overflow: hidden;
    border-radius: 4px;
    text-align: center;
	min-height:265px;
}

.services-sec .servicesBx .iconBx {
    display: block;
    margin: 0 auto;
    transition: all ease .5s;
}

.services-sec .servicesBx .iconBx i img {
	width: auto;
    height: 55px;
    object-fit: contain;
}

.services-sec .servicesBx .contentBx h3 {
    font-size: 18px;
    line-height: 1.2;
    min-height: 46px;
    margin-bottom: 0;
    margin-top: 15px;
    transition: all ease .5s;
    font-family: 'DIN' !important;
}

.services-sec .servicesBx .contentBx p {
	color: #11368b;
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
    min-height: 35px;
    margin: 0;
    transition: all ease .5s;
}

.services-sec .servicesBx:hover {
    background: url(../img/services-list-bg.png) repeat;
    background-size: cover;
}

.services-sec .servicesBx:hover .iconBx {
    opacity: 0;
    transform: translate(0,-100px);
}

.services-sec .servicesBx:hover .contentBx h3 {
    transform: translate(0,-52px);
}

.services-sec .servicesBx:hover .contentBx p {
    transform: translate(0,-35px);
    color: #262626;
}

.services-sec .servicesBx .contentBx .learnmoreBtn {
    display: block;
    text-align: center;
    color: #3164d7;
    font-size: 14px;
    text-decoration: underline;
    transform: translate(-50%,100px);
    -webkit-transform: translate(-50%,100px);
    -moz-transform: translate(-50%,100px);
    transform: translate(-50%,100px);
    left: 50%;
    position: absolute;
    opacity: 0;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
}

.services-sec .servicesBx:hover .contentBx .learnmoreBtn {
    opacity: 1;
    transform: translate(-50%,-20px);
    -webkit-transform: translate(-50%,-20px);
    -moz-transform: translate(-50%,-20px);
}

.services-sec .exploreBtn {
	padding-top: 35px;
	text-align: center;
}

.services-sec .exploreBtn a {
	background: #e04b3a;
    font-size: 16px;
    padding: 11px 35px;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'DIN';
}

/*-------------Service Section Start----------------*/


/*-------------Parallax Section Start----------------*/


.parallax-sec .custom-container-fluid {
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.parallax-sec .parallaxBx {
	position: relative;
}

.parallax-sec .parallaxBx .imagebgBx {
	width: 100%;
	height: 360px;
}

.parallax-sec .parallaxBx .imagebgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.parallax-sec .parallaxBx .contentBx {
	position: absolute;
	top: 20%;
	left: 10%;
}

.parallax-sec .parallaxBx .contentBx b {
	background: #012174;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    display: inline-block;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'DIN';
}

.parallax-sec .parallaxBx .contentBx h3 {
	color: #fff;
    font-size: 30px;
    line-height: 1.5;
    font-weight: 600;
    font-family: 'DIN' !important;
    letter-spacing: 2px;
	margin-bottom:20px;
}

.parallax-sec .parallaxBx .contentBx p {
    color: #eeeeee;
    font-size: 16px;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'DIN';
}

.parallax-sec .parallaxBx .contentBx a {
	display:inline-block;
    background: #ffd018;
    color: #000;
    padding: 13px 30px;
    font-size: 15px;
    margin-top: 20px;
    font-weight: 600;
    text-decoration: none;
    font-family: 'DIN';
}

.parallax-sec .parallaxBx .contentBx2 {
	position: absolute;
	top: 20%;
	left: 10%;
}

.parallax-sec .parallaxBx .contentBx2 h3 {
	color: #262626;
    font-size: 30px;
    line-height: 1.5;
    padding: 25px 0;
    font-weight: 600;
	font-family: 'DIN' !important;
}

.parallax-sec .parallaxBx .contentBx2 a {
	background: #262626;
    color: #ffffff;
    padding: 13px 30px;
    font-size: 14px;
    margin-top: 20px;
    font-weight: 600;
    text-decoration: none;
}

	
/*-------------Parallax Section End----------------*/


/*-------------Price Section Start----------------*/

.price-sec {
	padding: 60px 0;
}

.price-sec .d-flex-center {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.price-sec .titleBx {
	color: #000000;
    position: relative;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-family: 'DIN' !important;
}

.hexagon-product-grid {
    display: grid;
    gap: 5px;
    max-width: 1131.22px;
}

.hexagon-product-name {
    font-size: 15px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 900;
	font-family: 'DIN';
}

.hexagon-product-grid .hexagon-product .hexagon-inner .iconBx {
    margin-bottom: 5px;
    display: inline-block;
}

.hexagon-product-grid .hexagon-product:hover .hexagon-inner .iconBx img {
    filter: invert(0) brightness(10);
}

.hexagon-product-grid .hexagon-product .hexagon-inner .iconBx img {
    height: 40px;
}

@media(max-width:991.98px) {
    .hexagon-product-grid {
        max-width: 682.345px
    }
}

@media(max-width:575.98px) {
    .hexagon-product-grid {
        gap: 3px
    }
}

@media(min-width:992px) {
    .hexagon-product-grid-lg-6-5 {
        grid-template: auto/repeat(12, 1fr)
    }
    .hexagon-product-grid-lg-6-5 div:nth-of-type(7n) {
        grid-column: 2/span 2;
        margin-top: -1px
    }
    .hexagon-product-grid-lg-6-5 div:nth-of-type(8n) {
        grid-column: 4/span 2;
        margin-top: -1px
    }
    .hexagon-product-grid-lg-6-5 div:nth-of-type(9n) {
        grid-column: 6/span 2;
        margin-top: -1px
    }
    .hexagon-product-grid-lg-6-5 div:nth-of-type(10n) {
        grid-column: 8/span 2;
        margin-top: -1px
    }
    .hexagon-product-grid-lg-6-5 div:nth-of-type(11n) {
        grid-column: 10/span 2;
        margin-top: -1px
    }
}

@media(max-width:991.98px) {
    .hexagon-product-grid-3-staggered,
    .hexagon-product-grid-3-staggered-2 {
        grid-template: auto/repeat(7, 1fr)
    }
    .hexagon-product-grid-3-staggered div:nth-of-type(4),
    .hexagon-product-grid-3-staggered-2 div:nth-of-type(4),
    .hexagon-product-grid-3-staggered div:nth-of-type(10),
    .hexagon-product-grid-3-staggered-2 div:nth-of-type(10) {
        grid-column: 2/span 2;
        margin-top: -1px
    }
    .hexagon-product-grid-3-staggered div:nth-of-type(7),
    .hexagon-product-grid-3-staggered-2 div:nth-of-type(7) {
        margin-top: -1px
    }
    .hexagon-product-grid-3-staggered div:nth-of-type(5),
    .hexagon-product-grid-3-staggered-2 div:nth-of-type(5),
    .hexagon-product-grid-3-staggered div:nth-of-type(11),
    .hexagon-product-grid-3-staggered-2 div:nth-of-type(11) {
        grid-column: 4/span 2;
        margin-top: -1px
    }
    .hexagon-product-grid-3-staggered div:nth-of-type(8),
    .hexagon-product-grid-3-staggered-2 div:nth-of-type(8) {
        margin-top: -1px
    }
    .hexagon-product-grid-3-staggered div:nth-of-type(6),
    .hexagon-product-grid-3-staggered-2 div:nth-of-type(6),
    .hexagon-product-grid-3-staggered div:nth-of-type(12),
    .hexagon-product-grid-3-staggered-2 div:nth-of-type(12) {
        grid-column: 6/span 2;
        margin-top: -1px
    }
    .hexagon-product-grid-3-staggered div:nth-of-type(9),
    .hexagon-product-grid-3-staggered-2 div:nth-of-type(9) {
        margin-top: -1px
    }
}

@media(min-width:992px) {
    .hexagon-product-grid-lg-4-staggered {
        grid-template: auto/repeat(9, 1fr)
    }
    .hexagon-product-grid-lg-4-staggered div:nth-of-type(5) {
        grid-column: 2/span 2
    }
    .hexagon-product-grid-lg-4-staggered div:nth-of-type(5),
    .hexagon-product-grid-lg-4-staggered div:nth-of-type(9) {
        margin-top: -1px
    }
    .hexagon-product-grid-lg-4-staggered div:nth-of-type(6) {
        grid-column: 4/span 2
    }
    .hexagon-product-grid-lg-4-staggered div:nth-of-type(6),
    .hexagon-product-grid-lg-4-staggered div:nth-of-type(10) {
        margin-top: -1px
    }
    .hexagon-product-grid-lg-4-staggered div:nth-of-type(7) {
        grid-column: 6/span 2
    }
    .hexagon-product-grid-lg-4-staggered div:nth-of-type(7),
    .hexagon-product-grid-lg-4-staggered div:nth-of-type(11) {
        margin-top: -1px
    }
    .hexagon-product-grid-lg-4-staggered div:nth-of-type(8) {
        grid-column: 8/span 2
    }
    .hexagon-product-grid-lg-4-staggered div:nth-of-type(8),
    .hexagon-product-grid-lg-4-staggered div:nth-of-type(12) {
        margin-top: -1px
    }
}

@media(min-width:992px) {
    .hexagon-product-grid-lg-4-5-4 {
        grid-template: auto/repeat(10, 1fr)
    }
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(1),
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(10) {
        grid-column: 2/span 2
    }
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(5),
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(9),
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(10) {
        margin-top: -1px
    }
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(2),
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(11) {
        grid-column: 4/span 2
    }
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(6),
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(9),
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(11) {
        margin-top: -1px
    }
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(3),
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(12) {
        grid-column: 6/span 2
    }
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(7),
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(9),
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(12) {
        margin-top: -1px
    }
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(4),
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(13) {
        grid-column: 8/span 2
    }
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(8),
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(9),
    .hexagon-product-grid-lg-4-5-4 div:nth-of-type(13) {
        margin-top: -1px
    }
}

@media(max-width:991.98px) {
    .hexagon-product-grid-3-2-3 {
        grid-template: auto/repeat(6, 1fr)
    }
    .hexagon-product-grid-3-2-3 div:nth-of-type(4),
    .hexagon-product-grid-3-2-3 div:nth-of-type(9) {
        grid-column: 2/span 2;
        margin-top: -1px
    }
    .hexagon-product-grid-3-2-3 div:nth-of-type(6),
    .hexagon-product-grid-3-2-3 div:nth-of-type(8),
    .hexagon-product-grid-3-2-3 div:nth-of-type(11),
    .hexagon-product-grid-3-2-3 div:nth-of-type(13) {
        margin-top: -1px
    }
    .hexagon-product-grid-3-2-3 div:nth-of-type(5),
    .hexagon-product-grid-3-2-3 div:nth-of-type(10) {
        grid-column: 4/span 2;
        margin-top: -1px
    }
    .hexagon-product-grid-3-2-3 div:nth-of-type(7),
    .hexagon-product-grid-3-2-3 div:nth-of-type(8),
    .hexagon-product-grid-3-2-3 div:nth-of-type(12),
    .hexagon-product-grid-3-2-3 div:nth-of-type(13) {
        margin-top: -1px
    }
}

@media(max-width:575.98px) {
    .hexagon-product-grid-3-2-3 {
        gap: 5px;
        max-width: 276px
    }
}

@media(min-width:992px) {
    .hexagon-product-grid-lg-5-4-5 {
        grid-template: auto/repeat(10, 1fr)
    }
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(6) {
        grid-column: 2/span 2
    }
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(6),
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(10),
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(14) {
        margin-top: -1px
    }
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(7) {
        grid-column: 4/span 2
    }
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(7),
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(11),
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(14) {
        margin-top: -1px
    }
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(8) {
        grid-column: 6/span 2
    }
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(8),
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(12),
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(14) {
        margin-top: -1px
    }
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(9) {
        grid-column: 8/span 2
    }
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(9),
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(13),
    .hexagon-product-grid-lg-5-4-5 div:nth-of-type(14) {
        margin-top: -1px
    }
}

@media(max-width:991.98px) {
    .hexagon-product-grid-3-staggered-2 div:nth-of-type(13) {
        grid-column: 3/span 2;
        margin-top: -1px
    }
    .hexagon-product-grid-3-staggered-2 div:nth-of-type(14) {
        grid-column: 5/span 2;
        margin-top: -1px
    }
    .hexagon-product-grid-3-staggered-2 div:nth-of-type(15) {
        grid-column: 7/span 2;
        margin-top: -1px
    }
}

.hexagon-product {
    grid-row: span 4;
    grid-column: span 2;
    background-color: #fff;
    cursor: pointer;
    font-size: 22px;
    position: relative;
    width: 184.37px;
    height: 106.44606913px;
    margin: 53.22303457px 0;
    -webkit-filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, .2));
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, .2))
}

.hexagon-product a {
	text-decoration:none;
}

.hexagon-product .hexagon-inner {
	padding:0 5px;
}

@media(min-width:992px) and (max-width:1199.98px) {
    .hexagon-product {
        font-size: 18px
    }
}

@media(max-width:767.98px) {
    .hexagon-product {
        font-size: 18px
    }
}

@media(max-width:575.98px) {
    .hexagon-product {
        font-size: 14px
    }
}

.hexagon-product::before,
.hexagon-product::after {
    content: '';
    position: absolute;
    width: 0;
    border-left: 92.185px solid transparent;
    border-right: 92.185px solid transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1
}

.hexagon-product::before {
    bottom: 100%;
    border-bottom: 53.22303457px solid #fff
}

.hexagon-product::after {
    top: 100%;
    border-top: 53.22303457px solid #fff
}

@media(max-width:1199.98px) {
    .hexagon-product {
        width: 153.65px;
        height: 88.70986886px;
        margin: 44.35493443px 0
    }
    .hexagon-product::before,
    .hexagon-product::after {
        border-left: 76.825px solid transparent;
        border-right: 76.825px solid transparent
    }
    .hexagon-product::before {
        border-bottom: 44.35493443px solid #fff
    }
    .hexagon-product::after {
        border-top: 44.35493443px solid #fff
    }
}

@media(max-width:991.98px) {
    .hexagon-product {
        width: 190.67px;
        height: 110.08337583px;
        margin: 55.04168791px 0
    }
    .hexagon-product::before,
    .hexagon-product::after {
        border-left: 95.335px solid transparent;
        border-right: 95.335px solid transparent
    }
    .hexagon-product::before {
        border-bottom: 55.04168791px solid #fff
    }
    .hexagon-product::after {
        border-top: 55.04168791px solid #fff
    }
}

@media(max-width:767.98px) {
    .hexagon-product {
        width: 143px;
        height: 82.56108849px;
        margin: 41.28054425px 0
    }
    .hexagon-product::before,
    .hexagon-product::after {
        border-left: 71.5px solid transparent;
        border-right: 71.5px solid transparent
    }
    .hexagon-product::before {
        border-bottom: 41.28054425px solid #fff
    }
    .hexagon-product::after {
        border-top: 41.28054425px solid #fff
    }
}

@media(max-width:575.98px) {
    .hexagon-product {
        width: 90px;
        height: 51.96152423px;
        margin: 25.98076211px 0
    }
    .hexagon-product::before,
    .hexagon-product::after {
        border-left: 45px solid transparent;
        border-right: 45px solid transparent
    }
    .hexagon-product::before {
        border-bottom: 25.98076211px solid #fff
    }
    .hexagon-product::after {
        border-top: 25.98076211px solid #fff
    }
}

.hexagon-product:nth-of-type(1) h4,
.hexagon-product:nth-of-type(1) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(1):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(1):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(1):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(1):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(1):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(2) h4,
.hexagon-product:nth-of-type(2) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(2):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(2):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(2):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(2):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(2):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(3) h4,
.hexagon-product:nth-of-type(3) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(3):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(3):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(3):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(3):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(3):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(4) h4,
.hexagon-product:nth-of-type(4) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(4):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(4):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(4):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(4):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(4):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(5) h4,
.hexagon-product:nth-of-type(5) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(5):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(5):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(5):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(5):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(5):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(6) h4,
.hexagon-product:nth-of-type(6) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(6):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(6):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(6):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(6):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(6):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(7) h4,
.hexagon-product:nth-of-type(7) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(7):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(7):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(7):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(7):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(7):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(8) h4,
.hexagon-product:nth-of-type(8) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(8):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(8):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(8):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(8):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(8):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(9) h4,
.hexagon-product:nth-of-type(9) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(9):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(9):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(9):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(9):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(9):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(10) h4,
.hexagon-product:nth-of-type(10) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(10):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(10):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(10):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(10):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(10):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(11) h4,
.hexagon-product:nth-of-type(11) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(11):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(11):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(11):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(11):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(11):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(12) h4,
.hexagon-product:nth-of-type(12) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(12):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(12):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(12):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(12):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(12):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(13) h4,
.hexagon-product:nth-of-type(13) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(13):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(13):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(13):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(13):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(13):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(14) h4,
.hexagon-product:nth-of-type(14) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(14):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(14):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(14):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(14):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(14):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(15) h4,
.hexagon-product:nth-of-type(15) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(15):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(15):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(15):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(15):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(15):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(16) h4,
.hexagon-product:nth-of-type(16) i[class*=icon-] {
    color: #015998;
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(16):hover {
        background-color: #015998;
    }
    .hexagon-product:nth-of-type(16):hover::before {
        border-bottom-color: #015998;
    }
    .hexagon-product:nth-of-type(16):hover::after {
        border-top-color: #015998;
    }
    .hexagon-product:nth-of-type(16):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(16):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(17) h4,
.hexagon-product:nth-of-type(17) i[class*=icon-] {
    color: #b2168f
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(17):hover {
        background-color: #b2168f
    }
    .hexagon-product:nth-of-type(17):hover::before {
        border-bottom-color: #b2168f
    }
    .hexagon-product:nth-of-type(17):hover::after {
        border-top-color: #b2168f
    }
    .hexagon-product:nth-of-type(17):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(17):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(18) h4,
.hexagon-product:nth-of-type(18) i[class*=icon-] {
    color: #b7148e
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(18):hover {
        background-color: #b7148e
    }
    .hexagon-product:nth-of-type(18):hover::before {
        border-bottom-color: #b7148e
    }
    .hexagon-product:nth-of-type(18):hover::after {
        border-top-color: #b7148e
    }
    .hexagon-product:nth-of-type(18):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(18):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(19) h4,
.hexagon-product:nth-of-type(19) i[class*=icon-] {
    color: #bb138c
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(19):hover {
        background-color: #bb138c
    }
    .hexagon-product:nth-of-type(19):hover::before {
        border-bottom-color: #bb138c
    }
    .hexagon-product:nth-of-type(19):hover::after {
        border-top-color: #bb138c
    }
    .hexagon-product:nth-of-type(19):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(19):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(20) h4,
.hexagon-product:nth-of-type(20) i[class*=icon-] {
    color: #bf128b
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(20):hover {
        background-color: #bf128b
    }
    .hexagon-product:nth-of-type(20):hover::before {
        border-bottom-color: #bf128b
    }
    .hexagon-product:nth-of-type(20):hover::after {
        border-top-color: #bf128b
    }
    .hexagon-product:nth-of-type(20):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(20):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(21) h4,
.hexagon-product:nth-of-type(21) i[class*=icon-] {
    color: #c4118a
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(21):hover {
        background-color: #c4118a
    }
    .hexagon-product:nth-of-type(21):hover::before {
        border-bottom-color: #c4118a
    }
    .hexagon-product:nth-of-type(21):hover::after {
        border-top-color: #c4118a
    }
    .hexagon-product:nth-of-type(21):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(21):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(22) h4,
.hexagon-product:nth-of-type(22) i[class*=icon-] {
    color: #c80f89
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(22):hover {
        background-color: #c80f89
    }
    .hexagon-product:nth-of-type(22):hover::before {
        border-bottom-color: #c80f89
    }
    .hexagon-product:nth-of-type(22):hover::after {
        border-top-color: #c80f89
    }
    .hexagon-product:nth-of-type(22):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(22):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(23) h4,
.hexagon-product:nth-of-type(23) i[class*=icon-] {
    color: #cd0e87
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(23):hover {
        background-color: #cd0e87
    }
    .hexagon-product:nth-of-type(23):hover::before {
        border-bottom-color: #cd0e87
    }
    .hexagon-product:nth-of-type(23):hover::after {
        border-top-color: #cd0e87
    }
    .hexagon-product:nth-of-type(23):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(23):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(24) h4,
.hexagon-product:nth-of-type(24) i[class*=icon-] {
    color: #d10d86
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(24):hover {
        background-color: #d10d86
    }
    .hexagon-product:nth-of-type(24):hover::before {
        border-bottom-color: #d10d86
    }
    .hexagon-product:nth-of-type(24):hover::after {
        border-top-color: #d10d86
    }
    .hexagon-product:nth-of-type(24):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(24):hover h4 {
        display: none
    }
}

.hexagon-product:nth-of-type(25) h4,
.hexagon-product:nth-of-type(25) i[class*=icon-] {
    color: #d50c85
}

@media(min-width:992px) {
    .hexagon-product:nth-of-type(25):hover {
        background-color: #d50c85
    }
    .hexagon-product:nth-of-type(25):hover::before {
        border-bottom-color: #d50c85
    }
    .hexagon-product:nth-of-type(25):hover::after {
        border-top-color: #d50c85
    }
    .hexagon-product:nth-of-type(25):hover .hexagon-inner {
        padding-top: 0 !important
    }
    .hexagon-product:nth-of-type(25):hover h4 {
        display: none
    }
}

@media(max-width:767.98px) {
    [data-product-link=infrastructure] .hexagon-inner,
    [data-product-link=serverless] .hexagon-inner,
    [data-product-link=cloud-security-posture-management] .hexagon-inner {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    [data-product-link=apm--continuous-profiler] .hexagon-inner {
        -webkit-transform: translateY(-15%);
        transform: translateY(-15%)
    }
}

.hexagon-inner i[class*=icon-] {
    display: inline-block;
    font-size: 1.818em !important;
    max-height: 40px;
    max-width: 40px
}

@media(min-width:992px) {
    .hexagon-product:hover .hexagon-inner i[class*=icon-] {
        color: #fff
    }
}

@media(max-width:575.98px) {
    .hexagon-inner i[class*=icon-] {
        font-size: 1.429em !important;
        max-width: 20px
    }

    .hexagon-product-name {
        font-size: 10px;
    }

    .hexagon-product-grid .hexagon-product .hexagon-inner .iconBx {
        margin-bottom: 3px;
        display: inline-block;
    }

    .hexagon-product-grid .hexagon-product .hexagon-inner .iconBx img {
        height: 20px;
    }
}

@media(max-width:767.98px) {
    .hexagon-product-name,
    .hexagon-product-desc {
        line-height: 1
    }
}

@media(min-width:992px) {
    .hexagon-product:hover .hexagon-product-name {
        display: none
    }
}

.hexagon-product-desc {
    display: none;
    font-size: .727em;
    line-height: 1.125
}

@media(min-width:992px) {
    .hexagon-product:hover .hexagon-product-desc {
        display: block;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
		font-family: 'DIN';
    }
}

.rotating-banner {
    background-size: cover;
    background-position: 50%
}

.rotating-banner .mobile-bg-image {
    background-size: cover;
    background-position: 50%
}

@media(min-width:1200px) {
    .rotating-banner.bdg-img .bdg-container {
        max-width: 45%
    }
    .rotating-banner.bdg-img .text-container {
        max-width: 55%
    }
}

.four-o-four .page404 {
    font-weight: 200;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 1.8em;
    padding: 15px 0 0;
    min-height: calc(100vh - 708px)
}

.four-o-four .page404 .bits-img {
    margin-right: 90px;
    position: relative;
    top: 10px
}

@media screen and (min-width:767px) {
    .four-o-four .page404 {
        padding: 60px 0 0
    }
}

@media screen and (min-width:991px) {
    .four-o-four .page404 {
        min-height: calc(100vh - 471px)
    }
}

.four-o-four .page404 .search-input-container-js {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.four-o-four .page404 .search-input-container-js .search-404 {
    width: 100%;
    font-size: 26px;
    border-radius: 5px;
    border: 1px solid #888;
    padding: 0 36px 0 12px;
    height: 40px
}

.four-o-four .page404 .search-input-container-js .search-404::-webkit-input-placeholder {
    font-size: 26px;
    color: #c7c7c7;
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}

.four-o-four .page404 .search-input-container-js .icon-thin-mag {
    cursor: pointer;
    position: absolute;
    right: 0;
    padding: 10px;
    font-weight: 800;
    color: #888
}

.four-o-four .page404 .looking-for-container a,
.four-o-four .page404 .helpful-pages-container a {
    opacity: 1
}

.four-o-four .page404 .looking-for-container a:hover,
.four-o-four .page404 .helpful-pages-container a:hover {
    opacity: .7
}

.about-press a,
.about-press-coverage a,
.about-press-releases a,
.about-press-resources a,
.about-awards a,
.page-analyst a {
    color: #000
}

.about-press hr,
.about-press-coverage hr,
.about-press-releases hr,
.about-press-resources hr,
.about-awards hr,
.page-analyst hr {
    border-color: #888
}

.about-press .press-header-icon,
.about-press-coverage .press-header-icon,
.about-press-releases .press-header-icon,
.about-press-resources .press-header-icon,
.about-awards .press-header-icon,
.page-analyst .press-header-icon {
    width: 32px;
    width: 24px;
    margin-right: 2px;
    position: relative;
    top: -1px
}

.about-press .intro-header,
.about-press-coverage .intro-header,
.about-press-releases .intro-header,
.about-press-resources .intro-header,
.about-awards .intro-header,
.page-analyst .intro-header {
    min-height: 280px;
    margin-bottom: 0 !important
}

.about-press .intro-header .post-heading,
.about-press-coverage .intro-header .post-heading,
.about-press-releases .intro-header .post-heading,
.about-press-resources .intro-header .post-heading,
.about-awards .intro-header .post-heading,
.page-analyst .intro-header .post-heading {
    padding-top: 30px;
    padding-bottom: 0;
    color: #fff
}

@media(min-width:767px) {
    .about-press .intro-header,
    .about-press-coverage .intro-header,
    .about-press-releases .intro-header,
    .about-press-resources .intro-header,
    .about-awards .intro-header,
    .page-analyst .intro-header {
        margin-bottom: 40px !important
    }
}

.about-press .sidebar a,
.about-press-coverage .sidebar a,
.about-press-releases .sidebar a,
.about-press-resources .sidebar a,
.about-awards .sidebar a,
.page-analyst .sidebar a {
    color: #888;
    text-decoration: none
}

.about-press .sidebar a:hover,
.about-press .sidebar a.active,
.about-press-coverage .sidebar a:hover,
.about-press-coverage .sidebar a.active,
.about-press-releases .sidebar a:hover,
.about-press-releases .sidebar a.active,
.about-press-resources .sidebar a:hover,
.about-press-resources .sidebar a.active,
.about-awards .sidebar a:hover,
.about-awards .sidebar a.active,
.page-analyst .sidebar a:hover,
.page-analyst .sidebar a.active {
    color: #000
}

.about-press .press-dropdown,
.about-press-coverage .press-dropdown,
.about-press-releases .press-dropdown,
.about-press-resources .press-dropdown,
.about-awards .press-dropdown,
.page-analyst .press-dropdown {
    line-height: 22px;
    -webkit-tap-highlight-color: transparent
}

.about-press .press-dropdown li:hover,
.about-press-coverage .press-dropdown li:hover,
.about-press-releases .press-dropdown li:hover,
.about-press-resources .press-dropdown li:hover,
.about-awards .press-dropdown li:hover,
.page-analyst .press-dropdown li:hover {
    background-color: #f6f6f6
}

.about-press .press-dropdown #press-dropdown-title::after,
.about-press-coverage .press-dropdown #press-dropdown-title::after,
.about-press-releases .press-dropdown #press-dropdown-title::after,
.about-press-resources .press-dropdown #press-dropdown-title::after,
.about-awards .press-dropdown #press-dropdown-title::after,
.page-analyst .press-dropdown #press-dropdown-title::after {
    content: '>';
    position: absolute;
    top: 50%;
    right: 17px;
    -webkit-transform: translateY(-50%)rotate(90deg)scale(1.2);
    transform: translateY(-50%)rotate(90deg)scale(1.2);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

.about-press .press-dropdown.show #press-dropdown-title::after,
.about-press-coverage .press-dropdown.show #press-dropdown-title::after,
.about-press-releases .press-dropdown.show #press-dropdown-title::after,
.about-press-resources .press-dropdown.show #press-dropdown-title::after,
.about-awards .press-dropdown.show #press-dropdown-title::after,
.page-analyst .press-dropdown.show #press-dropdown-title::after {
    -webkit-transform: translateY(-50%)rotate(90deg)scale(1.2)scaleX(-1);
    transform: translateY(-50%)rotate(90deg)scale(1.2)scaleX(-1);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

/*-------------Price Section End----------------*/


/*-------------Subscribe Section Start----------------*/

.subscribe-sec {
    background: #0051e0;
    padding: 50px 0;
}

.subscribe-sec .subscribetextBx h3 {
    font-family: 'DIN';
    font-size: 30px;
    font-weight: 900;
    color: #ffd018;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.subscribe-sec .subscribetextBx p {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}

.subscribe-sec .subscribeBtnBx {
    text-align: right;
}

.subscribe-sec .subscribeBtnBx a {
    background: #ffd018;
    color: #000;
    padding: 9px 25px;
    font-size: 16px;
    margin-top: 20px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    font-family: 'DIN';
    text-transform: uppercase;
}

/*-------------Subscribe Section End----------------*/


/*-------------Clint Section Start----------------*/

.clint-sec {
    padding: 60px 0;
}

.clint-sec .titleBx {
    color: #000000;
    position: relative;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-align: center;
    font-family: 'DIN' !important;
}

.clint-sec .subtitleBx {
    text-align: center;
}

.clint-sec .integration-wrapper {
    width: 100%;
}

.clint-sec .integration-wrapper .integration-listbx {
    list-style: none;
}

.clint-sec .integration-wrapper .integration-listbx li {
    position: relative;
    display: inline-block;
    padding: 30px 10px 10px;
    width: 19%;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    vertical-align: bottom;
    transition: .5s ease;
}

.clint-sec .integration-wrapper .integration-listbx .single-integration img {
    height: 60px;
}

.clint-sec .integration-wrapper .integration-listbx li:hover {
    border-bottom: 1px solid #e04b3a !important;
}

.clint-sec .integration-wrapper .integration-listbx li:nth-child(5), .clint-sec .integration-wrapper .integration-listbx li:nth-child(10), .clint-sec .integration-wrapper .integration-listbx li:nth-child(15) {
    border-right: 0;
}

@media (max-width:767px){
	.clint-sec .integration-wrapper .integration-listbx li {
    	width: 49%;
	}
}

/*-------------Clint Section End----------------*/


/*-------------Footer Section Start----------------*/

.footer-sec .footer-top {
    padding: 60px 0 35px 0;
}

.footer-sec .footer-aboutBx .footer-logo {
    height: 60px;
    width: auto;
    border-radius: 30px;
    padding: 3px;
    background: #ffffff;
}

.footer-sec .footer-widgetBx h3 {
    color: #fff;
    font-family: 'DIN' !important;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    z-index: 1;
}

.footer-sec .footer-widgetBx h3::before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 15px;
    height: 2px;
    background-color: #ffd018;
    bottom: 0;
    left: 0;
}

.footer-sec .footer-widgetBx h3::after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 30px;
    height: 2px;
    background-color: #ffd018;
    bottom: 0;
    left: 20px;
}

.footer-sec .footer-widgetBx ul {
    padding-left: 20px;
}

.footer-sec .footer-widgetBx ul li {
    position: relative;
    color: #f5faff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
    list-style: square;
    color: #d6d5e1;
    transition: all .4s;
    font-family: 'DIN' !important;
}

.footer-sec .footer-widgetBx ul li a {
    font-family: 'DIN' !important;
    font-size: 16px;
    font-weight: 600;
}

.footer-sec .footer-widgetBx ul li:hover {
    padding-left: 3px;
}

.footer-sec .footer-widgetBx li a {
    text-decoration: none;
}

.footer-sec .footer-contactBx h3 {
    color: #fff;
    font-family: 'DIN' !important;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    z-index: 1;
}

.footer-sec .footer-contactBx h3::before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 15px;
    height: 2px;
    background-color: #ffd018;
    bottom: 0;
    left: 0;
}

.footer-sec .footer-contactBx h3::after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 30px;
    height: 2px;
    background-color: #ffd018;
    bottom: 0;
    left: 20px;
}

.footer-sec .footer-contactBx ul {
    padding-left: 0px;
}

.footer-sec .footer-contactBx ul li {
    position: relative;
    color: #f5faff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
    list-style: none;
    color: #d6d5e1;
    transition: all .4s;
    font-family: 'DIN';
}

.footer-sec .footer-contactBx ul li a {
	text-decoration:none;
}

.footer-sec .footer-contactBx ul li i {
    margin-right: 5px;
    font-size: 18px;
    color: #ffd018;
    font-weight: 300 !important;
}

.footer-sec .copyrightBx {
    padding: 10px 0;
}

.footer-sec .copyrightBx .copyright-text p {
    text-align: center;
}

/*-------------Footer Section End----------------*/


/*===============ABOUT PAGE START================*/

/*-------------Hero Section Start----------------*/

.about-sec {
    padding: 50px 0;
    background: url('../img/page-header-bg.svg'), linear-gradient(to right, #0b163f, #0b163f);
    background-size: cover;
}

.about-sec .about-infoBx h1 {
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    font-family: 'DIN' !important;
    letter-spacing: 1.5px;
    line-height: 42px;
    margin-bottom: 30px;
}

.about-sec .about-infoBx p {
    font-size: 18px;
    font-weight: 600;
    color: #eeeeee;
    line-height: 34px;
}

.about-sec .about-infoBx .contactBtn {
    background: #ffd018;
    color: #000000;
    border-color: #ffd018;
}

/*-------------Hero Section End----------------*/


/*-------------About Section Start----------------*/

.feature-sec {
    padding: 60px 0;
}

.feature-sec .feature-imageBx {
    width: 100%;
    height: auto;
}

.feature-sec .feature-imageBx img {
    width: 100%;
}

.feature-sec .feature-textBx .titleBx {
    color: #000000;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px !important;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    z-index: 1;
    font-family: 'DIN' !important;
}

.feature-sec .feature-textBx .titleBx::before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 30px;
    height: 3px;
    background-color: #015998;
    bottom: 0;
    left: 0;
}

.feature-sec .feature-textBx .titleBx::after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 50px;
    height: 3px;
    background-color: #015998;
    bottom: 0;
    left: 40px;
}

.feature-sec .feature-textBx .aboutList {
    padding-left: 20px;
}

.feature-sec .feature-textBx .aboutList li {
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: 'DIN';
    font-weight: 600;
}

.feature-sec .feature-textBx .paraBx {
    text-align: justify;
    line-height: 30px;
}

.team-sec .team-textBx .titleBx {
	color: #000000;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px !important;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    z-index: 1;
    font-family: 'DIN' !important;
}

.team-sec .team-textBx .titleBx::before {
	position: absolute;
    content: '';
    z-index: -1;
    width: 30px;
    height: 3px;
    background-color: #015998;
    bottom: 0;
    left: 0;
}

.team-sec .team-textBx .titleBx::after {
	position: absolute;
    content: '';
    z-index: -1;
    width: 50px;
    height: 3px;
    background-color: #015998;
    bottom: 0;
    left: 40px;
}

.team-sec .team-textBx p {
	text-align: justify;
    line-height: 30px;
}

.team-sec .team-imgBx img {
	width: 100%;
    padding: 0.25rem;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    margin-bottom: 10px;
}

/*-------------About Section End----------------*/


/*-------------Leadership Section Start----------------*/

.leadership-sec {
    padding: 60px 0;
}

.leadership-sec .leadership-textBx {
    width: 100%;
    height: auto;
}

.leadership-sec .leadership-textBx .titleBx {
    color: #000000;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px !important;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    z-index: 1;
    font-family: 'DIN' !important;
}

.leadership-sec .leadership-textBx .titleBx::before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 30px;
    height: 3px;
    background-color: #015998;
    bottom: 0;
    left: 0;
}

.leadership-sec .leadership-textBx .titleBx::after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 50px;
    height: 3px;
    background-color: #015998;
    bottom: 0;
    left: 40px;
}

.leadership-sec .leadership-textBx .paraBx {
    text-align: justify;
    line-height: 30px;
}

.leadership-sec .leadership-textBx .subtitleBx {
    text-align: justify;
    line-height: 30px;
    font-size: 22px;
    font-family: 'DIN';
    margin-bottom: 10px;
}

.leadership-sec .leadership-textBx .teamBxwraper {
    padding: 0;
}

.leadership-sec .leadership-textBx .teamBx {
    margin-top: 9rem;
    color: #000;
    position: relative;
    background: #ffffff;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    text-align: justify;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    box-shadow: 0 0 6px #cccccc;
    margin-bottom: 20px;
}

.leadership-sec .leadership-textBx .teamBx::before {
    background: url(../img/bluedots.png) no-repeat 0 0 / cover;
    width: 8rem;
    height: 8rem;
    position: absolute;
    top: -8rem;
    left: 11rem;
    content: "";
    z-index: 0;
}

.leadership-sec .leadership-textBx .teamBx .team-leftBx {
    flex: 0 0 15rem;
    max-width: 100%;
    position: relative;
    margin: -8rem 0 0 0;
}

.leadership-sec .leadership-textBx .teamBx .team-leftBx .imgBx {  
    width: 100%;
    height: 12rem;
    border-radius: 10px;
    overflow: hidden;
}

.leadership-sec .leadership-textBx .teamBx .team-leftBx .imgBx img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.leadership-sec .leadership-textBx .teamBx .team-leftBx .descriptionBx {
    position: relative;
    text-align: center;
    padding-top:10px;
}

.leadership-sec .leadership-textBx .teamBx .team-leftBx .descriptionBx h3 {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1.5px;
    font-family: 'DIN' !important;
    margin-bottom: 15px;
}

.leadership-sec .leadership-textBx .teamBx .team-leftBx .descriptionBx p {
    font-size: 17px;
    margin: 0;
    font-family: 'DIN';
    font-weight: 600;
}

.leadership-sec .leadership-textBx .teamBx .team-rightBx {
    flex: 1;
    max-width: 100%;
    padding: 0 20px 0 40px;
}

.leadership-sec .leadership-textBx .teamBx .team-rightBx p {
    font-size: 17px;
    margin: 0;
    font-family: 'DIN';
    font-weight: 600;
    color: #565656;
    text-align: justify;
    line-height: 35px;
}

/*-------------Leadership Section End----------------*/

/*-------------Team Section Start----------------*/

.team-sec {
	padding:60px 0 35px 0;
}

.team-sec .titleBx {
	color: #000000;
    padding-bottom: 20px;
    margin-bottom: 30px !important;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-family: 'DIN' !important;
}

/*-------------Team Section End----------------*/

/*-------------Infrastructure Section Start----------------*/

.infrastructure-sec {
    padding: 60px 0;
}

.infrastructure-sec .infrastructure-imageBx {
    width: 100%;
    height: auto;
}

.infrastructure-sec .infrastructure-imageBx img {
    width: 100%;
    padding: 0.25rem;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    margin-bottom: 10px;
}

.infrastructure-sec .infrastructure-textBx .titleBx {
    color: #000000;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px !important;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    z-index: 1;
    font-family: 'DIN' !important;
}

.infrastructure-sec .infrastructure-textBx .titleBx::before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 30px;
    height: 3px;
    background-color: #015998;
    bottom: 0;
    left: 0;
}

.infrastructure-sec .infrastructure-textBx .titleBx::after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 50px;
    height: 3px;
    background-color: #015998;
    bottom: 0;
    left: 40px;
}

.infrastructure-sec .infrastructure-textBx .paraBx {
    text-align: justify;
    line-height: 30px;
}

/*-------------Infrastructure Section End----------------*/

/*-------------Careers Section Start----------------*/

.careers-sec {
    padding: 60px 0;
}

.careers-sec .careers-imageBx {
    width: 100%;
    height: auto;
}

.careers-sec .careers-imageBx img {
    width: 100%;
}

.careers-sec .careers-textBx .titleBx {
    color: #000000;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px !important;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    z-index: 1;
    font-family: 'DIN' !important;
}

.careers-sec .careers-textBx .titleBx::before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 30px;
    height: 3px;
    background-color: #015998;
    bottom: 0;
    left: 0;
}

.careers-sec .careers-textBx .titleBx::after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 50px;
    height: 3px;
    background-color: #015998;
    bottom: 0;
    left: 40px;
}

.careers-sec .careers-textBx .paraBx {
    text-align: justify;
    line-height: 30px;
}

/*-------------Careers Section End----------------*/


/*-------------Contact Us Section Start----------------*/

.contact-sec {
    padding: 60px 0;
}

.contact-sec .contactBx {
    min-height: 235px;
}

.contact-sec .contactBx h5 {
    font-family: 'DIN' !important;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.contact-sec .contactBx a {
    font-size: 17px;
    margin: 0;
    font-family: 'DIN';
    font-weight: 600;
    color: #565656;
    line-height: 32px;
	text-decoration:none;
}

.contact-sec .contactBx a:hover {
	color:blue;
}

.contact-sec .contactBx ul li {
	text-align:left;
	margin-bottom:5px;
}

.contact-sec .contactBx ul li a {
	font-size: 16px;
    margin: 0;
    font-family: 'DIN';
    font-weight: 600;
    color: #565656;
    line-height: 32px;
	text-align:left;
	text-decoration:none;
}

.contact-sec .contactBx ul li a:hover {
	color:blue;
}

.contact-formBx .titleBx h2 {
    color: #000000;
    text-align: left;
    margin-bottom: 30px !important;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-family: 'DIN' !important;
}

.contact-formBx .formBx {
    background: #fbfbfb;
    padding: 30px 20px;
    border: 1px solid #d5d5d5;
    overflow: hidden;
    border-radius: 4px;
}

.contact-formBx .formBx label {
    font-size: 16px;
    margin: 0;
    font-family: 'DIN';
    font-weight: 600;
    color: #565656;
}

.contact-formBx .formBx input::placeholder {
    font-size: 16px;
    margin: 0;
    font-family: 'DIN';
    font-weight: 600;
    color: #777777;
}

.contact-formBx .contact-mapBx {
    width: 100%;
    height: 560px;
}

.contact-formBx .contact-mapBx iframe {
    width: 100%;
    height: 100%;
}

/*-------------Contact Us Section End----------------*/


/*-------------Services Section Start----------------*/

.services-sec {
    padding: 60px 0;
}

.services-sec .services-imageBx {
    width: 100%;
    height: auto;
}

.services-sec .services-imageBx img {
    width: 100%;
}

.services-sec .services-textBx .titleBx {
    color: #000000;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px !important;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    z-index: 1;
    font-family: 'DIN' !important;
}

.services-sec .services-textBx .titleBx::before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 30px;
    height: 3px;
    background-color: #015998;
    bottom: 0;
    left: 0;
}

.services-sec .services-textBx .titleBx::after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 50px;
    height: 3px;
    background-color: #015998;
    bottom: 0;
    left: 40px;
}

.services-sec .services-textBx .paraBx {
    text-align: justify;
    line-height: 30px;
}

.services-sec .services-textBx .servicesList {
    padding-left: 30px;
}

.services-sec .services-textBx .servicesList li {
    margin-top: 0;
    margin-bottom: 7px;
    font-family: 'DIN';
    font-weight: 600;
}

.services-sec .services-textBx .servicesList li a {
    color:#575757;
	text-decoration:none;
}

.services-sec .services-textBx .servicesList li a:hover {
    color:blue;
}

.services-sec .Development-processBx img {
	width:100%;
	height:auto;
}

.services-sec .mobile-applicationBx {
	background: #ffffff;
	color: #000;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
}

.services-sec .mobile-applicationBx .imgBx img {
	width:100%;
	height:auto;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

.services-sec .mobile-applicationBx .contentBx {
	padding:20px;
}

.services-sec .mobile-applicationBx .contentBx p {
	text-align: justify;
    line-height: 30px;
}

/*-------------Services Section End----------------*/


/*-------------Software Services Section Start----------------*/

.software-servicesBlock {
	width:100%;
}

.services-sec .software-servicesBx {
	margin: 0;
    width: 20%;
    display: inline-block;
    float: left;
    text-align: center;
}

.services-sec .software-servicesBx .mainBx {
	display: block;
    color: #000;
    position: relative;
    background: #fbfbfb;
    padding: 30px 10px;
    border: 1px solid #d5d5d5;
    margin: 10px;
    overflow: hidden;
    border-radius: 4px;
	min-height:270px;
}

.services-sec .software-servicesBx .mainBx .iconBx {
    display: block;
    margin: 0 auto;
    transition: all ease .5s;
}

.services-sec .software-servicesBx .mainBx .iconBx i img {
    width: auto;
    height: 55px;
    object-fit: contain;
}

.services-sec .software-servicesBx .mainBx .contentBx h3 {
	font-size: 18px;
    line-height: 1.2;
    min-height: 24px;
    margin-bottom: 10px;
    margin-top: 15px;
    transition: all ease .5s;
    font-family: 'DIN' !important;
}

.services-sec .software-servicesBx .mainBx .contentBx p {
	color: #11368b;
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
    min-height: 32px;
    margin: 0;
    transition: all ease .5s;	
}

.services-sec .software-servicesBx .mainBx:hover {
    background: url(../img/services-list-bg.png) repeat;
    background-size: cover;
}

.services-sec .software-servicesBx:hover .iconBx {
    opacity: 0;
    transform: translate(0,-100px);
}

.services-sec .software-servicesBx:hover .contentBx h3 {
    transform: translate(0,-52px);
}

.services-sec .software-servicesBx:hover .contentBx p {
    transform: translate(0,-35px);
    color: #262626;
}

.services-sec .software-servicesBx .mainBx .contentBx .learnmoreBtn {
    display: block;
    text-align: center;
    color: #3164d7;
    font-size: 14px;
    text-decoration: underline;
    transform: translate(-50%,100px);
    -webkit-transform: translate(-50%,100px);
    -moz-transform: translate(-50%,100px);
    transform: translate(-50%,100px);
    left: 50%;
    position: absolute;
    opacity: 0;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
}

.services-sec .software-servicesBx .mainBx:hover .contentBx .learnmoreBtn {
    opacity: 1;
    transform: translate(-50%,-20px);
    -webkit-transform: translate(-50%,-20px);
    -moz-transform: translate(-50%,-20px);
}

@media (max-width:767px){
	.services-sec .software-servicesBx {
		margin: 0;
		width:100%;
		display: inline-block;
		float: left;
		text-align: center;
	}
}

/*-------------Software Services Section End----------------*/


.price-sec .about-process {
	width:100%;
	height:auto
}

.price-sec .about-process img {
	width:100%;
	height:auto
}


/*-------------Career Page Accodian Section----------------*/

.careerBx .collapsed {
	background:transparent;
}

.faq-accordion.careerBx .accordion-body {
    padding: 0 1.5rem 1.5rem 1.5rem;
    border-top: 1px solid #eee;
    background: #eeeeee25;
    padding-top: 20px;
}

.faq-accordion.careerBx .accordion-item button.accordion-button {
	display:block !important;
}

.faq-accordion .accordion-item .accordion-button:not(.collapsed) {
	color: #464646;
}

.careerBx .role {
	display: block;
    font-size: 24px;
    font-weight: 900;
    color: #464646;
    text-align: left;
    margin-bottom: 10px;
	font-family: 'DIN';
}

.careerBx .location {
	display: block;
    font-size: 20px;
    font-weight: 800;
    color: #464646;
    text-align: left;
    margin-bottom: 10px;
	font-family: 'DIN';
}

.careerBx .details {
	text-align: justify;
    line-height: 30px;
    margin-bottom: 20px;
    font-family: 'DIN';
    font-weight: 500;
}

.careerBx .moreBtn {
	font-size:15px;
	text-align: justify;
    line-height: 30px;
    margin-bottom:0;
    font-family: 'DIN';
    font-weight: 600;
}

.careerBx .skill {
	display: block;
    font-size: 20px;
    font-weight: 800;
    color: #464646;
    text-align: left;
    margin-bottom: 20px;
	font-family: 'DIN';
}

.careerBx .skill span {
	font-size:16px;
	line-height: 30px;
    font-family: 'DIN';
    font-weight: 500;
}

.careerBx .qualification {
	display: block;
    font-size: 20px;
    font-weight: 800;
    color: #464646;
    text-align: left;
    margin-bottom: 20px;
	font-family: 'DIN';
}

.careerBx .qualification span {
	font-size:16px;
	line-height: 30px;
    font-family: 'DIN';
    font-weight: 500;
}

.careerBx .experience {
	display: block;
    font-size: 20px;
    font-weight: 800;
    color: #464646;
    text-align: left;
    margin-bottom: 20px;
	font-family: 'DIN';
}

.careerBx .experience span {
	font-size:16px;
	line-height: 30px;
    font-family: 'DIN';
    font-weight: 500;
}

.careerBx .responsibilitiesBx h3{
	display: block;
    font-size: 20px;
    font-weight: 800;
    color: #464646;
    text-align: left;
    margin-bottom: 20px;
	font-family: 'DIN';
}

.careerBx .responsibilitiesBx ul{
	list-style:square;
	padding-left:30px;
}

.careerBx .responsibilitiesBx ul li {
	line-height: 30px;
    font-family: 'DIN';
    font-weight: 500;
	margin-bottom:7px;
}

.careerBx .responsibilitiesBx .applyBtn {
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
	color:blue;
	text-decoration: underline;
}

/*--------------Client Page--------------*/

.careers-sec .clientTable {
	background: #fff;
    border: 1px solid #ccc;
}

.careers-sec .clientTable .table {
	margin-bottom:0;
}

.careers-sec .clientTable .table thead tr th {
	background: #eeeeee;
	border-bottom: 1px solid #ccc;
}

.careers-sec .clientTable .table tbody td {
	font-size:15px;
	font-weight:600;
}

.careers-sec .clientTable .table tbody, td, tfoot, th, thead, tr {
	border-right:1px solid #cccccc;
}

.footer-top .certificateBx {display:flex;gap:10px;padding:0;}
.footer-top .certificateBx li img {height:90px;}

/*this css are use for sidebar navigation start here*/
.sidebarNav{margin:0x;padding:0px;list-style:none;}
.sidebarNav > li{border-bottom:1px solid #eee;}
.sidebarNav > li > span{display:block;padding:5px 12px;color:#1a1a1a;block;font-size:16px;font-weight:bold;}
.sidebarNav > li > span > a{padding:0;display:initial;}
.sidebarNav > li a{padding:5px 12px;color:#1a1a1a;font-size:16px;font-weight:bold;text-decoration:none;display:block;}
.sidebarNav > li a:hover{background:#ebf6ff;}
.sidebarNav > li ul{margin:0 0 0 15px;padding:0px;list-style:none;}
.sidebarNav > li ul li a{}
.sidebarNav .collapsed.dropBx{background:#fff;}
.sidebarNav .dropBx{background:#cae7ff;position:relative;}
.sidebarNav .dropBx:after{content:"\f105";font-family:'Font Awesome 6 Pro';position:absolute;right:15px;}
.sidebarNav .dropBx:after{transform:rotate(90deg);transition:all 0.5s;}
.sidebarNav .collapsed.dropBx:after{transform:rotate(0deg);}
.sidebarNav .listLink {border-bottom:1px solid #eee;}
.dropBxOuter{position:relative;min-height:38px;}
.dropBxOuter:hover{background:#cae7ff!important;}
.dropBxOuter > span{position:absolute!important;left:0px;top:5px;right:0px;background:none!important;}
.dropBxOuter a{display:initial!important;position: absolute;z-index:1;}
.dropBxOuter.active{background:#cae7ff!important;}
/*this css are use for sidebar navigation end here*/