@import url('global.css');
@import url('header.css');
@import url('footer.css');
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('icofont.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.mCustomScrollbar.min.css');
b, strong{
	color: #454343;
	font-weight: 500;
	}
/*********************************************
home page *************************************
**********************************************/

/******************bannner*********************/

.banner-section {
    position: relative;
    z-index: 1
}

.banner-section .left-based-text {
    position: absolute;
    left: 30px;
    top: 60%;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: .1em;
    font-weight: 500;
    z-index: 9999;
    font-family: var(--thm-font)
}

.social-menu ul{
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    margin: 0;
    transform: translate(-50%, -50%);
    
}

.social-menu ul li{
    list-style: none;
    margin-bottom: 10px;
}

.social-menu ul li .fa{
    font-size: 20px;
    line-height: 48px;
    transition: .3s;
}

.social-menu ul li .fa:hover{
    color: #fff;
}

.social-menu ul li a{
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    border: 1px solid #ffffffab;
    width: 35px;
    height: 35px;opacity: 0.7;
    color: #ffff;
    border-radius: 50%;
    background-color: #fff0;
    text-align: center;
    transition: .6s;
    box-shadow: 0 5px 4px rgba(0,0,0,.5);
}
.social-menu ul li a:hover{
    transform: translate(0, -10%);opacity: 1;
}

.social-menu ul li:nth-child(1) a:hover{
    background-color: #1677ff;
}
.social-menu ul li:nth-child(2) a:hover{
    background-color: #E4405F;
}
.social-menu ul li:nth-child(3) a:hover{
    background-color: #0077b5;
}
.social-menu ul li:nth-child(4) a:hover{
    background-color: #035482;
}
.social-menu ul li:nth-child(5) a:hover{
    background-color: #b60101;
}
.banner-carousel {
    position: relative;
    z-index: 1;
}

.banner-carousel .slide-item {
    position: relative;height:100vh;
    display: block;
    background-color: black;
    color: #fff;
    overflow: hidden
}

.banner-carousel .slide-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color:#161e24;
    opacity: .6;
    z-index: 1
}

.banner-two .banner-carousel .slide-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(https://www.digimarkagency.com/images/main-slider/slide-2-pattern-1.png);
    z-index: 10
}

.banner-two .banner-carousel .slide-item:before {
    opacity: .8
}

.banner-three .banner-carousel .slide-item:before {
    display: none
}

.banner-carousel .slide-item .right-bottom-curve {
    position: absolute;
    right: 0;
    bottom: -100px;
    width: 425px;
    max-width: 100%;
    height: 100%;
    background: url(../images/right-curved-bg.png) right bottom no-repeat;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateX(700px);
    transform: translateX(700px)
}

.banner-carousel .active .right-bottom-curve {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.banner-carousel .slide-item .right-top-curve {
    position: absolute;
    right: 0;
    top: 0;
    width: 164px;
    max-width: 100%;
    height: 100%;
    background: url(https://www.digimarkagency.com/images/main-slider/right-white-curve.png) right top no-repeat;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateX(200px);
    transform: translateX(200px)
}

.banner-carousel .active .right-top-curve {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}


.banner-carousel .slide-item .image-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    opacity: 1;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.banner-carousel .active .slide-item .image-layer {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 7s linear;
    transition: all 7s linear;
}

.banner-carousel .content-box {
    position: relative;
    display: table;
    vertical-align: middle;
    width: 100%;
    height: 100vh;
    padding-top: 40px;
    z-index: 9999;
}

.banner-carousel .content-box .content {
    position: relative;
    display: table-cell;padding-left:40px;
    vertical-align: middle;   
    padding-top: 40px;
}

.banner-carousel .content-box .inner {
    position: relative;
    display: block;
    max-width: 800px
}

.banner-carousel .content-box .inner {
    max-width: 650px;
}

.banner-carousel .content-box .sub-title {
    display: block;
    line-height: 30px;
    font-size: 14px;margin-bottom:10px;
    letter-spacing: 3px;
    color:#f17828;
    font-family: rubik,sans-serif;
    text-transform: uppercase;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
}

.banner-carousel .active .content-box .sub-title {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}
.banner-carousel .content-box .sub-title1 {
    display: block;
    line-height: 30px;
    font-size: 21px;
	font-family: Archivo Narrow,sans-serif;
    text-shadow: 2px 2px 4px #000000;
    margin-top: 20px;
    color: #ffffff;
    opacity: 0;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
}

.banner-carousel .active .content-box .sub-title1 {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.banner-carousel .content-box h1 {
    display: block;
    font-size: 50px;
    text-shadow: 6px 7px 4px #000000;
    line-height: 69px;
    color: #fff;
    font-weight: 400;
    opacity: 0;
    letter-spacing: 0;
    margin: 0;
    -webkit-transform: translateY(80px);
    transform: translateY(80px)
}

.banner-carousel .content-box h1 {
    font-family: Archivo Narrow,sans-serif;
    text-transform: capitalize;
}

.banner-three .banner-carousel .content-box h1 {
    font-size: 120px;
    color: var(--thm-black);
    font-weight: 500
}

.banner-carousel .active .content-box h1 {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.banner-three .banner-carousel .active .content-box h1 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.banner-carousel .content-box .text {
    position: relative;
    color: var(--thm-black);
    margin: 5px 0 0;
    opacity: 0;
    -webkit-transform: translateY(80px);
    transform: translateY(80px)
}

.banner-carousel .active .content-box .text {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.banner-carousel .content-box .link-box {
    position: relative;
    display: block;
    padding-top: 30px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.banner-carousel .active .content-box .link-box {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.banner-carousel .owl-nav {
    position: absolute;
    right: 5%;
    top: 70%;
    width: 100px;
    height: 110px;
    text-align: right
}

.banner-carousel .owl-nav .owl-next,
.banner-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: #fff !important;
    padding: 0;
    margin: 0;
    line-height: 50px;
    text-align: center;
    opacity: .2;
    border-radius: 50%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.banner-carousel .owl-nav .owl-next {
    top: auto;
    bottom: 0
}

.banner-carousel .owl-nav .owl-next span,
.banner-carousel .owl-nav .owl-prev span {
    vertical-align: middle
}

.banner-carousel .owl-nav .owl-next:hover,
.banner-carousel .owl-nav .owl-prev:hover {
    opacity: 1
}

.banner-section .owl-dots {
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 100%;
    text-align: center;
    display: none
}

.banner-text {
    font-size: 70px
}

.banner-section .owl-theme .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 3px
}

.banner-section .owl-theme .owl-dots .owl-dot span {
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(255, 255, 255, .2);
    border-radius: 50%
}

.banner-section .owl-theme .owl-dots .owl-dot.active span {
    background: 0 0;
    border-width: 2px;
    border-color: var(--thm-base)
}

.banner-one-page {
    margin-top: 117px
}

.banner-one-page .banner-carousel .content-box .inner {
    max-width: 100%
}

.banner-one-page .banner-carousel .content-box {
    height: 600px
}

@media(min-width:992px) {
    .banner-one-page .banner-carousel .content-box {
        height: 860px
    }
}

.banner-one-page .banner-carousel .content-box h1 {
    font-size: 46px;
    color: var(--thm-base)
}

.banner-one-page .banner-carousel .content-box h1 span {
    color: #fff;
    font-weight: 300
}

@media(min-width:600px) {
    .banner-one-page .banner-carousel .content-box h1 {
        font-size: 60px
    }
}

@media(min-width:768px) {
    .banner-one-page .banner-carousel .content-box h1 {
        font-size: 80px
    }
}

@media(min-width:992px) {
    .banner-one-page .banner-carousel .content-box h1 {
        font-size: 100px
    }
}

@media(min-width:1200px) {
    .banner-one-page .banner-carousel .content-box h1 {
        font-size: 150px
    }
}

.banner-one-page .banner-carousel .content-box .link-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.banner-one-page .banner-carousel .content-box .content {
    padding-top: 0;
    padding-bottom: 0
}

.banner-one-page .banner-carousel .content-box .link-box {
    padding-top: 30px
}

.banner-one-page .banner-carousel .owl-nav {
    width: 100%;
    left: 0;
    margin-left: 0;
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width:376px) {
    .banner-one-page .banner-carousel .owl-nav {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width:768px) {
    .banner-one-page .banner-carousel .owl-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .banner-one-page .banner-carousel .owl-nav {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media(min-width:992px) {
    .banner-one-page .banner-carousel .owl-nav {
        padding-left: 60px;
        padding-right: 60px
    }
}

.banner-one-page .banner-carousel .owl-nav .owl-next,
.banner-one-page .banner-carousel .owl-nav .owl-prev {
    position: relative;
    top: auto;
    right: auto
}
.btnsuccess{
padding: 8px;
background: #00617d;
width: 100%;
font-size: 20px;
font-weight: 500;
color: white;}
.btnsuccess:hover{

	background: #f57724;
}

/******************baanner end*********************/

/* Video Box */
.mt-30 {
	margin-top: 30px;
}
.mt-none-30 {
	margin-top: -30px;
}
.video-box{
	position:relative;
	overflow:hidden;
	display:inline-block;
	border-radius:70px 20px 20px 20px;
}

.video-box .video-image{
	position:relative;
	margin:0px;
	overflow:hidden;
}

.video-box .video-image img{
	position:relative;
	width:100%;
}

.video-box:hover .video-image img{
	opacity:0.90;
	transform:scale(1.02,1.02);
}

.video-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	line-height: 45px;
	overflow:hidden;
}

.video-box .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:10;
}

.video-box .overlay-box .fas{
	position: absolute;
	width:80px;
	height: 80px;
	left:50%;
    top: 50%;
	z-index:10;
	font-weight:700;
	text-align: center;
	display: inline-block;
	margin-top: -40px;
	margin-left:-40px;
	line-height:80px;
	border-radius:50%;
	font-size:var(--font-24);
	color: var(--white-color);
	padding-left:var(--padding-left-5);
	background-color:var(--dark-color);
	transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
}

.video-box .overlay-box .fas:after{
	position: absolute;
	content:'';
	left:-5px;
	top:5px;
	right:5px;
	bottom:-5px;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--white-color);
}

.video-box .overlay-box .dott{
	position:absolute;
	right:0px;
	bottom:10px;
	width:17px;
	height:17px;
	z-index:1;
	border-radius:50px;
	background-color:var(--main-color);
}

.video-box .overlay-box span:hover{
	background-color:var(--main-color);
}

.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:80px;
	height: 80px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    -o-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
/*** 

====================================================================
	Form Section
====================================================================

***/

.form-section{
	position:relative;
	overflow:hidden;
	padding:110px 0px 70px;
	background-color:var(--grey-color);
}

.form-section.style-two{
	padding-top:var(--padding-top-130);
	background-color:var(--white-color);
}

.form-section .form-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.form-section .form-column .inner-column{
	position:relative;
	padding-right:var(--padding-right-30);
}

/* Default Form*/

.default-form{
	position:relative;
}

.default-form .form-group{
	position:relative;
	margin-bottom:var(--margin-bottom-25);
}

.default-form .form-group .text{
	position:relative;
	font-size:var(--font-16);
	color:var(--white-color);
	margin-bottom:var(--margin-bottom-5);
	font-family:var(--font-family-DM-Sans);
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form select,
.default-form textarea{
	display:block;
	width:100%;
	line-height:28px;
	height:56px;
	padding:8px 22px;
	border-radius:3px;
	font-size:var(--font-15);
	color:var(--dark-color);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:1px solid transparent;
	background:var(--color-two);
}

.default-form .form-group textarea::-webkit-input-placeholder,
.default-form .form-group input::-webkit-input-placeholder{
	color:var(--black-color);
}

.default-form textarea{
	height:210px;
	resize:none;
	font-size:15px;
	padding-top:15px;
}

.default-form input[type="text"]:focus,
.default-form input[type="email"]:focus,
.default-form input[type="password"]:focus,
.default-form select:focus,
.default-form textarea:focus{
	border-color:var(--main-color);
}

.default-form .theme-btn{
	cursor:pointer;
}

/* Radio Box */

.default-form .form-group .radio-box{
	position:relative;
	margin-bottom:3px;
	margin-top:7px;
}

.default-form .form-group .radio-box label{
	color:#2b2b2b;
}

.default-form .form-group .radio-box label{
	position: relative;
	display: block;
	width: 100%;
	line-height: 22px;
	padding-left: 30px;
	background:none;
	font-weight: 400;
	font-size: var(--font-15);
	color:var(--black-color);
	cursor: pointer;
	margin-bottom: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family:var(--font-family-Roboto);
}

.default-form .form-group .radio-box input[type="radio"]:checked + label{
	border-color: var(--main-color);
}

.default-form .form-group .form-group .radio-box label {
    padding-left: 30px;
    padding-top: 1px;
    cursor: pointer;
}

.default-form .form-group .radio-box label:before{
	position: absolute;
	left: 0px;
	top: 0px;
	height:17px;
	width: 17px;
	content: "";
	border-radius: 0px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	border:1px solid var(--color-three);
}

.default-form .form-group .radio-box label:after {
	position: absolute;
	left: 0px;
	top: 0;
	height: 15px;
	line-height: 15px;
	max-width: 0;
	font-size: 14px;
	color: #ffffff;
	font-weight: 800;
	overflow: hidden;
	background: transparent;
	text-align: center;
	font-family: 'FontAwesome';
	-webkit-transition: max-width 500ms ease;
	-moz-transition: max-width 500ms ease;
	-ms-transition: max-width 500ms ease;
	-o-transition: max-width 500ms ease;
	transition: max-width 500ms ease;
}

.default-form .form-group .radio-box input[type="radio"] {
	display: none;
}

.default-form .form-group .radio-box input[type="radio"]:checked + label:before{
	border: 7px solid var(--main-color);
}

.default-form .form-group .radio-box input[type="radio"]:checked + label:after{
	max-width: 20px;
	opacity: 1;	
}

.form-section .image-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.form-section .image-column .inner-column{
	position:relative;
	padding-left:var(--padding-left-50);
}

.form-section .image-column .image{
	position:relative;
	overflow:hidden;
	border-radius:30px;
	margin-top:var(--margin-top-80);
}


.form-section .image-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.form-section .image-column .color-layer{
	position:absolute;
	left:0px;
	bottom:0px;
	width:357px;
	height:285px;
	border-radius:20px;
	transform:rotate(20deg);
	background-color:var(--main-color);
}

.form-section .image-column .author-box-one{
	position:absolute;
	left:0px;
	top:230px;
	overflow:hidden;
	border-radius:12px;
}

.form-section .image-column .author-box-two{
	position:absolute;
	right:-90px;
	bottom:-50px;
	overflow:hidden;
	border-radius:12px;
}

.form-section .image-column .icon{
	position:absolute;
	right:50px;
	top:-60px;
	width:135px;
	height:135px;
	z-index:1;
	text-align:center;
	border-radius:50%;
	line-height:135px;
	outline-offset: -10px;
	font-size:var(--font-54);
	color:var(--white-color);
	background-color:var(--main-color);
	outline: 1px dashed var(--white-color);
}

/*** 

====================================================================
	News Section
====================================================================

***/

.news-section{
	position:relative;
	margin-top:-144px;
	padding:270px 0px 80px;
	background-color:var(--grey-color);
}

.news-section .news-block{
	padding:0px;
	float:left;
}

.news-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.news-block .inner-box{
	position:relative;
	background-color:var(--white-color);
}

.news-block .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:var(--main-color);
}

.news-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.news-block.active .inner-box .image img,
.news-block .inner-box:hover .image img{
	opacity:0.60;
	transform:scale(1.06,1.06) rotate(2deg);
}

.news-block .inner-box .image:before{
	position: absolute;
	top: 0;
	left: -85%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
	z-index: 1;
}

.news-block .inner-box:hover .image::before{
	-webkit-animation: shine 1s;
	animation: shine 1s;
}

.news-block .inner-box .category{
	position:absolute;
	left:25px;
	bottom:25px;
	z-index:1;
	font-weight:700;
	padding:12px 42px;
	letter-spacing:1px;
	border-radius:50px;
	display:inline-block;
	letter-spacing:1px;
	font-size:var(--font-15);
	color:var(--white-color);
	text-transform:uppercase;
	background-color:var(--dark-color);
	font-family:var(--font-family-Rubik);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block.active .inner-box .category,
.news-block .inner-box:hover .category{
	color:var(--dark-color);
	background-color:var(--white-color);
}

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

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

.news-block .inner-box .lower-content{
	position:relative;
	padding:30px 30px;
}

.news-block .inner-box .lower-content:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	opacity:0;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	transform:scale(0.3,1);
	background-color:var(--main-color);
}

.news-block.active .inner-box .lower-content:before,
.news-block .inner-box:hover .lower-content:before{
	opacity:1;
	transform:scale(1,1);
}

.news-block .inner-box .post-info{
	position:relative;
}

.news-block .inner-box .post-info li{
	position:relative;
	display:inline-block;
	font-size:var(--font-16);
	padding-left:var(--padding-left-25);
	margin-right:var(--margin-right-15);
	color:var(--black-color-rgba);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .inner-box .post-info li .icon{
	position:absolute;
	left:0px;
	top:2px;
	color:var(--main-color);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .inner-box .post-info li:last-child{
	margin-right:var(--margin-zero);
}

.news-block .inner-box h3{
	font-weight:600;
	margin-top:var(--margin-top-20);
}

.news-block .inner-box h3 a{
	color:var(--heading-color);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .inner-box:hover .post-info li,
.news-block .inner-box:hover .post-info li .icon,
.news-block .inner-box:hover .read-more,
.news-block .inner-box:hover h3 a,
.news-block.active .inner-box .post-info li,
.news-block.active .inner-box .post-info li .icon,
.news-block.active .inner-box .read-more,
.news-block.active .inner-box h3 a{
	color:var(--white-color);
}

.news-block .inner-box .read-more{
	position:relative;
	letter-spacing:1px;
	font-weight:500;
	color:var(--dark-color);
	font-size:var(--font-16);
	text-transform:uppercase;
	display:inline-block;
	margin-top:var(--margin-top-20);
	font-family:var(--font-family-Rubik);
	padding-right:var(--padding-right-10);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .inner-box .read-more:before{
	position:absolute;
	content:'\f061';
	left:100%;
	top:-1px;
	font-family: 'FontAwesome';
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block.active .inner-box .read-more::before,
.news-block .inner-box .read-more:hover::before{
	left:0%;
}

.news-block.active .inner-box .read-more,
.news-block .inner-box .read-more:hover{
	padding-left:var(--padding-left-25);
	padding-right:var(--padding-zero);
}

/*** 

====================================================================
	Featured Section
====================================================================

***/

.featured-section{
	position:relative;
	padding:65px 0px 30px;
	background-color:var(--color-eleven);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.feature-block{
	position:relative;
	margin-bottom:var(--margin-bottom-10);
}

.feature-block .inner-box{
	position:relative;
}

.feature-block .inner-box:before{
	position:absolute;
	content:'';
	right:4px;
	top:0px;
	bottom:0px;
	width:1px;
	opacity:0.10;
	background-color:var(--white-color);
}

.feature-block:last-child .inner-box::before{
	display:none;
}

.feature-block .inner-box .number{
	position:absolute;
	right:60px;
	top:15px;
	opacity:0.50;
	font-size:var(--font-28);
	color:var(--white-color);
	font-family:var(--font-family-Teko);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block .inner-box:hover .number{
	opacity:1;
}

.feature-block .inner-box .icon{
	position:relative;
	width:140px;
	display:inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block .inner-box:hover .icon{
	transform:rotateY(360deg);
}

.feature-block .inner-box h4{
	font-weight:600;
	letter-spacing:1px;
	margin-top:var(--margin-top-15);
}

.feature-block .inner-box h4 a{
	position:relative;
	color:var(--white-color);
}
.faded-text .f-text {
    top: -33px;
    position: relative;
    display: block;
    text-transform: uppercase;
}
.faded-text .f-text span {
    position: relative;
    display: block;opacity:1;
    font-size: 39px;
    font-weight: 300;
    text-align: center;
    line-height: 1em;
    letter-spacing: 2px;
    color: #1a1a2a;
    text-shadow: -1px -1px 0 rgb(239 239 239 / 69%), 1px -1px 0 rgb(197 197 197 / 39%), -1px 1px 0 rgb(255 255 255), 1px 1px 0 rgb(255 255 255);
}
.feature-block .inner-box .text{
    text-align: left;font-size:17px;
    color: #797F90;
    padding-right: var(--padding-right-20);
    margin-top: var(--margin-top-15);
}

.feature-block .inner-box:hover h4 a{
	color:var(--main-color);
}

/*** 

====================================================================
	About Section Two
====================================================================

***/

.about-section-two{
	position:relative;
	padding:70px 0px 20px;
}

.about-section-two .pattern-layer{
	position:absolute;
	left:0px;
	top:0px;
	width:485px;
	height:602px;
	background-repeat:no-repeat;
}
.about-section-two .pattern-layer-three {
    position: absolute;
    right: 80px;
    top: 0px;
    width: 42px;
    height: 41px;
    background-repeat: no-repeat;
}

.about-section-two .pattern-layer-two{
	position:absolute;
	right:0px;
	top:0px;
	width:186px;
	height:235px;
	background-repeat:no-repeat;
}

.about-section-two .pattern-layer-two1{
	position:absolute;
	right:0px;
	bottom:0px;
    width: 274px;
    height: 235px;
	background-repeat:no-repeat;
}

.about-section-two .images-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.about-section-two .images-column .inner-column{
	position:relative;
}

.about-section-two .images-column .icon-one{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 70px;
    height: 70px;
    z-index: 1;
    line-height: 70px;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-24);
    color: var(--white-color);
    text-align: center !important;
    background-color: var(--main-color);
}

.about-section-two .images-column .icon-two{
	position:absolute;
	right:140px;
	top:180px;
	width:110px;
	height:110px;
	z-index:1;
	line-height:110px;
	text-align:center;
	border-radius:50%;
	font-size:var(--font-54);
	color:var(--white-color);
	font-family: "Flaticon";
	background-color:var(--main-color);
}

.about-section-two .images-column .icon-two:after{
	position:absolute;
	content:'';
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	border-radius:50%;
	outline: 1px dashed var(--grey-color-two);
	outline-offset: 15px;
}

.about-section-two .images-column .image{
	position:relative;
	border-radius:6px;
	overflow:hidden;
	display:inline-block;
}

.about-section-two .images-column .image-two{
	position:absolute;
	right:90px;
	top:40px;
	border-radius:6px;
	overflow:hidden;
}

.about-section-two .images-column .video-box-three{
	left:170px;
	margin-top:-100px;
}

.about-section-two .images-column .target-icon{
	position:absolute;
	left:-100px;
	bottom:-40px;
	width:264px;
	height:286px;
	background-repeat:no-repeat;
}

.about-section-two .content-column{
	position:relative;
	margin-bottom:var(--margin-bottom-35);
}

.about-section-two .content-column .inner-column{
	position:relative;
}

.about-section-two .content-column .employe-box{
	position:relative;
	margin-bottom:var(--margin-bottom-45);
}

.about-section-two .content-column .employe-box .box-inner{
	position:relative;
	padding-left:140px;
}

.about-section-two .content-column .employe-box .globe-icon{
	position:absolute;
	left:0px;
	top:0px;
	line-height:1em;
	font-family: "Flaticon";
	color:var(--main-color);
	font-size:var(--font-120);
}

.about-section-two .content-column .list{
	position:relative;
	display:inline-block;
}

.about-section-two .content-column .list li{
	position:relative;
	color:var(--text-color);
	font-size:var(--font-16);
	padding-left:var(--padding-left-25);
	margin-bottom:var(--margin-bottom-10);
}

.about-section-two .content-column .list li:before{
	position:absolute;
	content:'';
	left:0px;
	top:9px;
	width:6px;
	height:6px;
	background-color:var(--main-color);
}

.about-section-two .content-column .employe{
	position:absolute;
	right:0px;
	top:-20px;
	width:160px;
	height:155px;
	padding-top:25px;
	text-align:center;
	border-radius:5px;
	background-color:var(--main-color);
}

.about-section-two .content-column .employe:before{
	position:absolute;
	content:'';
	left:0px;
	top:25px;
	bottom:25px;
	width:6px;
	background-color:var(--dark-color);
	clip-path: polygon(0 0, 100% 4%, 100% 96%, 0% 100%);
}

.about-section-two .content-column .employe .count-box{
	position:relative;
	font-weight:500;
	line-height:1em;
	font-size:var(--font-80);
	color:var(--white-color);
	font-family:var(--font-family-Teko);
}

.about-section-two .content-column .employe .count-box sup{
	position:relative;
	font-weight:300;
	opacity:0.50;
	top:-25px;
	display:inline-block;
	font-size:var(--font-44);
	margin-left:var(--margin-left-5);
}

.about-section-two .content-column .employe .text{
	font-weight:500;
	letter-spacing:1px;
	font-size:var(--font-15);
	color:var(--white-color);
	text-transform:uppercase;
	font-family:var(--font-family-Roboto);
}

/* Video Box */

.video-box-three{
	position:relative;
	overflow:hidden;
	display:inline-block;
	border-radius:10px;
}

.video-box-three.style-two{
	border-radius:0px;
}

.video-box-three .video-image{
	position:relative;
	margin:0px;
	overflow:hidden;
}

.video-box-three .video-image img{
	position:relative;
	width:100%;
}

.video-box-three:hover .video-image img{
	opacity:0.90;
	transform:scale(1.02,1.02);
}

.video-box-three .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	line-height: 45px;
	overflow:hidden;
}

.video-box-three .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:10;
}

.video-box-three .overlay-box .fas{
	position: absolute;
	width:80px;
	height: 80px;
	left:50%;
    top: 50%;
	z-index:10;
	font-weight:700;
	text-align: center;
	display: inline-block;
	margin-top: -40px;
	margin-left:-40px;
	line-height:80px;
	border-radius:50%;
	font-size:var(--font-24);
	color: var(--main-color);
	padding-left:var(--padding-left-5);
	background-color:var(--white-color);
	transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
}

.video-box-three .overlay-box span:hover{
	color:var(--white-color);
	background-color:var(--main-color);
}

.video-box-three .ripple,
.video-box-three .ripple:before,
.video-box-three .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:80px;
	height: 80px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    -o-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-box-three .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.video-box-three .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

/*** 

====================================================================
	Agency Section
====================================================================

***/

.agency-section{
	position:relative;
	padding:130px 0px 70px;
	background-color:var(--grey-color);
}
.reward-section {
    background: url(../images/digitalbg.png);
    position: relative;
    overflow: hidden;
    padding: 35px 0px 40px;
}
.reward-section .content-column .award-box .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 1em;
    color: var(--main-color);
    font-size: var(--font-80);
    font-family: "Flaticon";
}
.reward-section .content-column .award-box .box-inner {
    position: relative;
    display: flex;
    padding-left: var(--padding-left-90);
}
.reward-section .content-column .award-box {
    position: relative;
    margin-bottom: var(--margin-bottom-40);
}
.agency-section .title-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.agency-section .title-column .inner-column{
	position:relative;
	padding-top:var(--padding-top-40);
}

.agency-section .title-column .about-list{
	position:relative;
}

.agency-section .title-column .about-list li{
	position:relative;
	padding-top:3px;
	color:var(--text-color);
	font-size:var(--font-18);
	padding-left:var(--padding-left-45);
	margin-bottom:var(--margin-bottom-25);
}

.agency-section .title-column .about-list li:before{
	position:absolute;
	content:'\f00e';
	left:0px;
	top:0px;
	width:27px;
	height:27px;
	line-height:27px;
	text-align:center;
	border-radius:50px; 
	font-family:IcoFont;
	color:var(--main-color);
	background-color:var(--white-color);
	box-shadow:0px 0px 15px rgba(0,0,0,0.05);
}

.agency-section .title-column .about-list li:last-child{
	margin-bottom:var(--margin-zero);
} 

.agency-section .title-column .button-box{
	position:relative;
	margin-top:var(--margin-top-30);
}

.agency-section .blocks-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.agency-section .blocks-column .inner-column{
	position:relative;
}

.agency-section .blocks-column .business-block-two:nth-child(2n + 0){
	transform:translateY(40px);
}

/* Business Block Two */

.business-block-two{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}
.business-block-two .inner-box{
	position:relative;
	border-radius:8px;
	overflow:hidden;
	padding:60px 30px 50px;
	background-color:var(--white-color);
	box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

.business-block-two .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	
	background-color:var(--main-color);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	background-position:center center;
}

.business-block-two .inner-box:hover::before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.business-block-two .inner-box .vector-icon{
	position:absolute;
	right:45px;
	top:45px;
	width:20px;
	height:20px;
	opacity:0.50;
	background-repeat:no-repeat;
}

.business-block-two .inner-box .content{
	position:relative;
}

.business-block-two .inner-box .icon-box{
	position:relative;
	display:inline-block;
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
}

.business-block-two .inner-box:hover .icon-box{
	-webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.business-block-two .inner-box .icon-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:-20px;
	width:67px;
	height:53px;
	background:url(../images/icons/vector-20.png) no-repeat;
}

.business-block-two .inner-box .icon-box .icon{
	position:relative;
	line-height:1em;
	color:var(--main-color);
	font-size:var(--font-56);
	font-family: "Flaticon";
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
}

.business-block-two .inner-box:hover .text,
.business-block-two .inner-box:hover h4 a,
.business-block-two .inner-box:hover .icon-box .icon{
	color:var(--white-color);
}

.business-block-two .inner-box h4{
	font-weight:500;
	margin-top:var(--margin-top-10);
}

.business-block-two .inner-box h4 a{
	color:var(--heading-color);font-size: 24px;
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
}

.business-block-two .inner-box:hover .view,
.business-block-two .inner-box:hover h4 a{
	color:var(--white-color);
}

.business-block-two .inner-box .text{
	opacity:0.90;
	max-width:240px;
	font-size:var(--font-16);
	margin-top:var(--margin-top-10);
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
}

.business-block-two .inner-box .view{
	position:relative;
	font-weight:500;
	display:inline-block;
	font-size:var(--font-16);
	color:var(--heading-color);
	margin-top:var(--margin-top-20);
	padding-right:var(--padding-right-25);
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
}

.business-block-two .inner-box .view:before{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	content: "\f116";
	font-family: "flaticon";
}

/*** 

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two{
	position:relative;
	overflow:hidden;
	padding:21px 0px 0px;
}

.services-section-two .color-layer{
    position: absolute;
    left: -549px;
    top: -350px;
    width: 812px;
    height: 549px;
    border-radius: 60px;
    transform: rotate(45deg);
    background-color: var(--main-color);
}

.services-tabs{
	position:relative;
}

.services-tabs .tab-btns{
	/* position:absolute;
	left:0px;
	top:0px; */
	z-index:1;padding-top:15px;padding-bottom:15px;
	width:335px;
	border-radius:10px;
	background-color:#004d7d;
}
.services-tabs .tab-btns .tab-btn a{
	opacity:0.7;
    font-size: 23px;
}
.services-tabs .tab-btns .tab-btn a img{
    margin-bottom: 10px;
    width: 65px;
}
.services-tabs .tab-btns .tab-btn{
	position:relative;
	display:block;
	background:none;
	font-weight:400;
	line-height:24px;
	cursor:pointer;text-align:center;
	width:100%;
	border-radius:7px;
	padding:13px 36px;
	display:inline-block;
	font-size:var(--font-24);
	color:rgb(255 255 255);
	text-transform:capitalize;
	transition:all 500ms ease;
	font-family:var(--font-family-Teko);
	margin-bottom:var(--margin-bottom-10);
}

.services-tabs .tab-btns .tab-btn:hover,
.services-tabs .tab-btns .tab-btn.active-btn{
	background:transparent;
}
.services-tabs .tab-btns .tab-btn.active-btn a{
	opacity:1;
}

/* .services-tabs .tab-btns .tab-btn:hover::before */

.services-tabs .tab-btns .tab-btn.active-btn::before{
	content: '';
    position: absolute;
    right: -10%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
	border-right: 20px solid transparent; 	
	border-top: 20px solid transparent; 
	border-bottom: 20px solid transparent; /* 40px height (20+20) */
	border-left: 20px solid #004d7d;
}

/* .services-tabs .tab-btns .tab-btn:before{
	position:absolute;
	content: "\f189";
	left:25px;
	opacity:0;
	color:var(--main-color);
	font-family: "flaticon";
	font-size:var(--font-15);
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
} */
.services-info-tabs{padding:30px;}
.work-points img{width:18px;margin-top:5px;margin-right:10px;}
.work-points p,
.work-points a{
    color: #46585a;
    line-height: 30px;
    font-size: 16.5px;}
.services-tabs .tabs-content{
	position:relative;
	padding-left:60px;
}

.services-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.services-tabs .tabs-content .tab.active-tab{
	display:block;	
}


/*** 

====================================================================
	Support Section
====================================================================

***/

.support-section{
	position:relative;padding-bottom:40px;
}

.support-section .inner-container{
	position:relative;
	z-index:1;
	border-radius:7px;
	overflow:hidden;
	background-color:#f6f5f8;
}

.support-section .social-column{
	position:relative;
}

.support-section .social-column .inner-column{
	position:relative;
	padding:35px 35px;
}

.support-section .social-column h3{
	font-weight:500;
	display:block;line-height:30px;
	font-size:var(--font-28);
	text-transform:capitalize;
	color:var(--heading-color);
	margin-bottom:var(--margin-bottom-20);
	font-family:var(--font-family-Teko);
	padding-left:var(--padding-left-35);
}

.support-section .social-column h3:before{
	position:absolute;
	content:'\f2c1';
	left:0px;
	top:0px;
	line-height:1em;
	color:var(--main-color);
	font-family: 'FontAwesome';
}

.support-section .social-column .social-box{
	position:relative;
	margin-top:var(--margin-top-20);
}

.support-section .social-column .social-box li{
	position:relative;
	display:inline-block;
	margin-right:var(--margin-right-5);
}

.support-section .social-column .social-box li a{
	position:relative;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	display:inline-block;
	border-radius:50px;
	font-weight:normal;
	color:var(--main-color);
	font-size:var(--font-16);
	font-family: 'FontAwesome';
	margin-bottom:var(--margin-bottom-5);
	background-color:var(--white-color);
}

.support-section .social-column .social-box li a:hover{
	color:var(--white-color);
	background-color:var(--main-color);
}

.support-section .content-column{
	position:relative;
}

.support-section .content-column .inner-column{
	position:relative;
	padding:50px 15px 45px 110px;
	background-position:center center;
	background-repeat:no-repeat;
}

.support-section .content-column .pattern-layer{
	position:absolute;
	right:100px;
	bottom:0px;
	width:369px;
	height:94px;
	background-repeat:no-repeat;
}

.support-section .content-column .inner-column .phone{
    /* position: absolute; */
    margin-top: 28px;
    right: 30px;
    top: 60px;
    color: var(--white-color);
    font-size: var(--font-26);
}
.phonenumber-text{
    margin-top: 40px;
    font-weight: 600;
    font-size: 48px;}
.support-section .content-column .inner-column .phone .icon{
	position:relative;	
    font-size: 38px;
    top: 1px;
	margin-right:var(--margin-right-10);
}

.support-section .content-column .inner-column:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:-150px;
	bottom:0px;
	z-index:-1;
	transform: skewX(10deg);
	border-radius:15px 0px 0px 15px;
	background-color:var(--main-color);
}

.support-section .content-column .play-box{
	position:absolute;
	left:-35px;
	top:60px;
}

.support-section .content-column .play-box .play-button span{
	position: relative;
	width:70px;
	height: 70px;
	z-index:10;
	font-weight:400;
	padding-left:4px;
	line-height:70px;
	border-radius:50%;
	text-align: center;
	display: inline-block;
	font-size:var(--font-20);
	color: var(--white-color);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	background-color: var(--dark-color);
	font-family: "Flaticon";
}

.support-section .content-column .play-box .play-button .ripple,
.support-section .content-column .play-box .play-button .ripple:before,
.support-section .content-column .play-box .play-button .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:70px;
	height: 70px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    -o-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.support-section .content-column .play-box .play-button .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.support-section .content-column .play-box .play-button .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.support-section .content-column h2{
	color:var(--white-color);
	font-size:var(--font-40);
}

.support-section .content-column .text{
	font-weight:300;
	color:var(--white-color);
	margin-top:var(--margin-top-10);
	font-family:var(--font-family-Rubik);
}

/*** 

====================================================================
	Process Section
====================================================================

***/

.process-section{
	position:relative;
	padding:50px 0px 40px;
}

.process-section .pattern-layer-one{
	position:absolute;
	left:0px;
	width:100%;
	height:594px;
	bottom:-320px;
	background-repeat:no-repeat;
}

.process-section .pattern-layer-two{
	position:absolute;
	right:0px;
	width:562px;
	height:504px;
	bottom:-200px;
	background-repeat:no-repeat;
}

.process-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.process-block .inner-box{
	position:relative;
	text-align:center;
}

.process-block .inner-box:before{
	position:absolute;
	content:'';
	right:-97px;
	top:135px;
	width:149px;
	height:44px;
	background:url(../images/icons/feature-arrow.png) no-repeat;
}

.process-block:last-child .inner-box:before{
	display:none;
}

.process-block .inner-box .icon-box{
	position:relative;
	width:130px;
	height:130px;
	margin:0 auto;
}

.process-block .inner-box .icon-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background:url(../images/icons/vector-22.png) no-repeat;
}

.process-block .inner-box h3{
    color: #00617d;
    font-size: 26px;
    font-weight: 600;
    margin-top: var(--margin-top-30);
}

.process-block .inner-box h3 a{
	color:var(--black-color);
	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.process-block .inner-box .text{
	padding:0px 30px;
	margin-top:var(--margin-top-15);
}

.process-block .inner-box .read-more{
	position:relative;
	font-weight:500;
	display:inline-block;
	color:var(--dark-color);
	font-size:var(--font-20);
	margin-top:var(--margin-top-20);
	font-family:var(--font-family-Teko);
	padding-right:var(--padding-right-25);
	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.process-block .inner-box .read-more:before{
	position:absolute;
	right:0px;
	top:-1px;
	content: "\f116";
	font-family: "flaticon";
	font-size:var(--font-16);
}

.process-block .inner-box .read-more:hover,
.process-block .inner-box h3 a:hover{
	color:var(--main-color);
}

/*** 

====================================================================
	News Section Two
====================================================================

***/

.news-section-two{
	position:relative;
	padding:40px 0px 40px;
	background-position:left bottom;
	background-repeat:no-repeat;
}

.news-block-two{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.news-block-two .inner-box{
	position:relative;
	overflow:hidden;
	border-radius:8px 8px 0px 0px;
	background-color:var(--white-color);
	box-shadow:0px 0px 20px rgba(0,0,0,0.07);
}

.news-block-two .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:var(--main-color);
}

.news-block-two .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.news-block-two .inner-box:hover .image img{
	opacity:0.60;
	transform:scale(1.06,1.06) rotate(2deg);
}

.news-block-two .inner-box .image:before{
	position: absolute;
	top: 0;
	left: -85%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
	z-index: 1;
}

.news-block-two .inner-box:hover .image::before{
	-webkit-animation: shine 1s;
	animation: shine 1s;
}

.news-block-two .inner-box .date{
	position:absolute;
	left:-57px;
	top:130px;
	z-index:1;
	font-weight:500;
	padding:10px 30px 8px;
	font-size:var(--font-14);
	color:var(--white-color);
	transform:rotate(90deg);
	background-color:var(--main-color);
	font-family:var(--font-family-Rubik);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	display:inline-block;
	clip-path: polygon(10% 0, 90% 0, 95% 51%, 100% 100%, 0 100%, 5% 49%);
}

.news-block-two .inner-box:hover .category{
	color:var(--dark-color);
	background-color:var(--white-color);
}

.news-block-two .inner-box .lower-content{
	position:relative;
	padding:5px 11px 25px 18px;
}

.news-block-two .inner-box .post-info{
	position:relative;
}

.news-block-two .inner-box .post-info li{
	position:relative;
	display:inline-block;
	font-size:var(--font-16);
	padding-left:var(--padding-left-25);
	margin-right:var(--margin-right-15);
	color:var(--black-color-rgba);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family:var(--font-family-Rubik);
}

.news-block-two .inner-box .post-info li .icon{
	position:absolute;
	left:0px;
	top:1px;
	color:var(--main-color);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family: "Flaticon";
}

.news-block-two .inner-box .post-info li:last-child{
	margin-right:var(--margin-zero);
}

.news-block-two .inner-box h3{
	font-weight:500;font-size:23px;margin-bottom: 20px;;
	margin-top:var(--margin-top-20);line-height:30px;
}

.news-block-two .inner-box h3 a{
    font-size: 20px;
    color: rgb(0 97 125);
    line-height: 24px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .inner-box .read-more:hover,
.news-block-two .inner-box h3 a:hover{
	color:var(--main-color);
}

.news-block-two .inner-box .read-more{
	position:relative;
	font-weight:500;
	color:var(--dark-color);
	font-size:var(--font-17);
	display:inline-block;
	/* font-family:var(--font-family-Rubik); */
	padding-right:var(--padding-right-10);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .inner-box .read-more:before{
	position:absolute;
	content: "\f142";
	left:100%;
	top:1px;
	font-family: "flaticon";
	font-size:var(--font-16);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .inner-box .read-more:hover::before{
	left:0%;
}

.news-block-two .inner-box .read-more:hover{
	padding-left:var(--padding-left-25);
	padding-right:var(--padding-zero);
}

/*** 

====================================================================
	Clients Section Two
====================================================================

***/

.clients-section-two {
	position: relative;
	padding: 50px 0px;
	background-color: var(--color-four);
}

.clients-section-two .auto-container{
	max-width:1490px;
}

.clients-section-two .inner-container{
	position:relative;
}

.clients-section-two .image-box{
	padding:0px 0px;
	text-align:center;
}

.clients-section-two .image-box:before{
	position:absolute;
	content:'';
	top:0px;
	right:-25px;
	width:1px;
	bottom:0px;
	border-right:1px solid var(--grey-color-two);
}

.clients-section-two .image-box img{
	position:relative;
	width:auto;
	margin:0 auto;
	filter: grayscale(0%);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.clients-section-two .image-box:hover img{
	filter: grayscale(100%);
}

.clients-section-two .owl-dots,
.clients-section-two .owl-nav{
	display:none;
}

/*** 

====================================================================
	CTA Section Two
====================================================================

***/

.cta-section-two{
	position:relative;
	margin-top:-82px;
	z-index:1;
}

.cta-section-two .auto-container{
	max-width:1490px;
}

.cta-section-two .inner-container{
	position:relative;
	border-radius:4px;
	padding:50px 80px 45px;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:var(--main-color);
}

.cta-section-two .vector-layer{
	position:absolute;
	left:45%;
	top:-25px;
	width:116px;
	height:70px;
	background-repeat:no-repeat;
}

.cta-section-two .title-column{
	position:relative;
}

.cta-section-two .title-column .inner-column{
	position:relative;
	padding-left:var(--padding-left-90);
}

.cta-section-two .title-column .icon{
	position:absolute;
	left:0px;
	top:2px;
	line-height:1em;
	color:var(--white-color);
	font-size:var(--font-60);
	font-family: "Flaticon";
}

.cta-section-two .title-column h3{
	color:var(--white-color);
	font-weight:600;
}

.cta-section-two .title-column .text{
	color:var(--white-color);
	margin-top:var(--margin-top-5);
}

/* Subscribe Form */

.subscribe-form-two{
	position:relative;
}

.subscribe-form-two .form-group{
	position:relative;
	margin:0px;
	width:100%;
	max-width:100%;
	overflow:hidden;
	border-radius:5px;
}

.subscribe-form-two .form-group .icon{
	position:absolute;
	left:20px;
	top:22px;
	z-index:1;
	opacity:0.50;
	font-weight:600;
	line-height:1em;
	font-size:var(--font-16);
	color:var(--black-color);
	font-family: "Flaticon";
	padding-right:var(--padding-right-15);
	border-right:1px solid var(--color-three);
}

.subscribe-form-two .form-group input[type="text"],
.subscribe-form-two .form-group input[type="email"]{
	position:relative;
	line-height:43px;
	font-size:var(--font-16);
	padding:10px 15px 10px 65px;
	display:block;
	height:60px;
	width:100%;
	box-shadow:inherit;
	font-weight:400;
	color:var(--black-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease; 
	background-color:var(--white-color);
}

.subscribe-form-two .form-group input::placeholder,
.subscribe-form-two .form-group textarea::placeholder{
	color:var(--color-three);
}

.subscribe-form-two .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	font-weight:500;
	padding:19px 30px;
	font-size:var(--font-14);
	color:var(--white-color);
	text-transform:uppercase;
	background-color:var(--black-color);
	font-family:var(--font-family-Rubik);
}

.subscribe-form-two .form-group button:hover{
	background-color:var(--color-three);
}
.checkboxgroup {
    display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.checkbox-inline {
    font-size: 15px!important;
    line-height: 30px!important;
}
/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title{
	position:relative;
	overflow:hidden; 
    background-position: top center;
	padding:150px 0px 60px;
	background-size:cover;
}

.page-title:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.73;
	background-color: rgb(0 1 1 / 83%);
}

.page-title h2{
	font-weight:600;
	color:var(--white-color);
	padding-bottom:var(--padding-bottom-15);
}

.page-title .bread-crumb{
	position: relative;
}

.page-title .bread-crumb li{
	position: relative;
	font-weight: 400;
	display:inline-block;
	text-transform: capitalize;
	font-size: var(--font-15);
	color: var(--white-color);
	margin-right: var(--margin-right-15);
	padding-right: var(--padding-right-15);
	font-family:var(--font-family-Roboto);
}

.page-title .bread-crumb li:before{
	position: absolute;
	right: -7px;
	top:0px;
	color: #ffffff;
    content: "\f18d";
	font-weight:400;
	font-size: var(--font-10);
	color: var(--white-color);
	font-family: "flaticon";
}

.page-title .bread-crumb li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.page-title .bread-crumb li:last-child:before{
	display: none;
}

.page-title .bread-crumb li a{
	font-weight: 400;
	color: var(--main-color);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}

.page-title .bread-crumb li a:hover{
	color: var(--white-color);
}





/*** 

====================================================================
	Contact Page Section
====================================================================

***/

.contact-page-section{
	position:relative;
	padding:50px 0px 40px;
}

.contact-info-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.contact-info-block .inner-box{
	position:relative;
	padding:35px 35px;
	border:1px solid var(--color-two);
}

.contact-info-block .inner-box .content{
	position:relative;
	padding-left:var(--padding-left-70);
}

.contact-info-block .inner-box .icon{
	position:absolute;
	left:0px;
	top:10px;
	line-height:1em;
	font-size:var(--font-50);
	font-family: "Flaticon";
	color:var(--main-color);
}

.contact-info-block .inner-box h4{
	font-weight:600;
	text-transform:capitalize;
	margin-bottom:var(--margin-bottom-10);
}

.contact-info-block .inner-box a{
	position:relative;
	line-height: 1.8em;
    font-size: var(--font-16);
    color: var(--text-color);
	word-wrap:anywhere;
}

.contact-info-block .inner-box a:hover{
	color: var(--main-color);
}

.contact-form-box{
	position:relative;
	padding:55px 45px 40px;
	border-radius:6px;
	margin-top:var(--margin-top-20);
	border:1px solid var(--color-two);
}

.contact-form-box .title-box{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.contact-form-box .title-box h2{
	font-size:var(--font-40);
}

.contact-form-box .title-box .text{
	font-size:var(--font-16);
	margin-top:var(--margin-top-10);
}

/* Contact Form*/

.contact-form{
	position:relative;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:var(--margin-bottom-25);
}

.contact-form .form-group .icon{
	position:absolute;
	right:32px;
	top:13px;
	color:var(--main-color);
	font-size:var(--font-18);
	font-family: "Flaticon";
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="password"],
.contact-form select,
.contact-form textarea{
	display:block;
	width:100%;
	line-height:28px;
	height:50px;
	padding:8px 25px;
	border-radius:3px;
	font-size:var(--font-15);
	color:var(--dark-color);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border: 1px solid rgb(219 217 229);
	background:var(--white-color);
}
label{
    color: black;
    font-size: 16px;
}
.red{color:red;}
.contact-form .form-group textarea::-webkit-input-placeholder,
.contact-form .form-group input::-webkit-input-placeholder{
	color:var(--black-color);
}

.contact-form textarea{
	height:110px;
	resize:none;
	font-size:15px;
	padding-top:15px;
}

.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form input[type="password"]:focus,
.contact-form select:focus,
.contact-form textarea:focus{
	border-color:var(--main-color);
}

.contact-form .theme-btn{
    padding: 14px 40px;
    letter-spacing: 1px;
    letter-spacing: 0px;
    font-size: var(--font-15);
    font-family: var(--font-family-Roboto);
	cursor:pointer;
}

/*****contct form inner pages**********/

.contact-form1{
    background: #fff6f2;position: relative;z-index: 1;padding: 22px 22px 7px 17px;
}

.contact-form1 .form-group{
	position:relative;
	margin-bottom:var(--margin-bottom-15);
}

.contact-form1 .form-group .icon{
	position:absolute;
	right:32px;
	top:9px;
	color:var(--main-color);
	font-size:var(--font-18);
	font-family: "Flaticon";
}

.contact-form1 input[type="text"],
.contact-form1 input[type="email"],
.contact-form1 input[type="password"],
.contact-form1 select,
.contact-form1 textarea{
	display:block;
	width:100%;
	line-height:28px;
	height:38px;
	padding:8px 8px;
	border-radius:3px;
	font-size:var(--font-13);
	color:var(--dark-color);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border: 1px solid rgb(219 217 229);
	background:var(--white-color);
}
.contact-form1 label{
    color: rgb(255, 255, 255);
    font-size: 16px;
}
.red{color:red;}
.contact-form1 .form-group textarea::-webkit-input-placeholder,
.contact-form1 .form-group input::-webkit-input-placeholder{
	color:var(--black-color);
}
.contact-form1 .btnsuccess{font-size:16px!important;}
.contact-form1 textarea{
	height:60px;
	resize:none;
	font-size:13.5px;
	padding-top:15px;
}

.contact-form1 input[type="text"]:focus,
.contact-form1 input[type="email"]:focus,
.contact-form1 input[type="password"]:focus,
.contact-form1 select:focus,
.contact-form1 textarea:focus{
	border-color:var(--main-color);
}

.contact-form1 .theme-btn{
    padding: 14px 40px;
    letter-spacing: 1px;
    letter-spacing: 0px;
    font-size: var(--font-15);
    font-family: var(--font-family-Roboto);
	cursor:pointer;
}
.btn-more{
    padding: 14px 22px;font-size: 16px;
    border: 2px solid #fc5000;
    background: #022a73;
    font-weight: 500;transition: all .3s ease-in-out;
    border-radius: 10px;
    color: white;}
	.btn-more:focus,
	.btn-more:hover{
		background: #fc5000;transition: scaleX(1) .5s ease-in-out;color:white;
	}
/***

==================================================================
		Contact Map Section
==================================================================

***/

.contact-map-section{
	position: relative;
}

.contact-map-section iframe {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 571px;
	margin-bottom: -15px;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;	
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#ff0000;
	font-weight:500;	
}
/******************contact form*********************/

/*********************************************
home page enddd *************************************
**********************************************/

/*** 

====================================================================
	Aboutus Section
====================================================================

***/
/* Principle Tab */
.m-t--30{margin-top:-30px;}
.principle-tabs{
	position:relative;
	margin-top:var(--margin-top-30);
	margin-bottom:var(--margin-bottom-40);
}

.principle-tabs .tab-btns{
	position:relative;
	border-bottom:2px solid var(--main-color);
}

.principle-tabs .tab-btns .tab-btn{
	position:relative;
	display:inline-block;
	color:var(--dark-color);
	text-transform:uppercase;
	font-size:var(--font-14);
	font-weight:500;
	line-height:24px;
	cursor:pointer;
	font-weight:700;
	letter-spacing:1px;
	padding:11px 26px;
	transition:all 500ms ease; 
}

.principle-tabs .tab-btns .tab-btn:hover,
.principle-tabs .tab-btns .tab-btn.active-btn{
	color:var(--white-color);
	background:var(--main-color);
}

.principle-tabs .tabs-content{
	position:relative;
	padding-top:var(--padding-top-40);
}

.principle-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.principle-tabs .tabs-content .tab.active-tab{
	display:block;	
}

/***====================================================================
Aboutus Section end
========================================================================
***/

/*** 
===================================================================
	seo company first Section 
====================================================================

***/

.call-to-two1 {
    position: relative;
    z-index:1;
    background-image: url(../images/seobg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.call-to-two1:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .92;
    z-index: -1;
    background: rgb(26,26,42);
    content: '';
    right: 0;
    bottom: 0;
}

.call-to-two2 {
    position: relative;
    z-index:1;
    background-image: url(../images/1-compressed.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.call-to-two2:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .92;
    z-index: -1;
    background: rgb(26,26,42);
    content: '';
    right: 0;
    bottom: 0;
}
/*** 

====================================================================
	seo company first Section end
====================================================================

***/