.parsley-errors-list {color:#f00 !important; display: block !important;
    position: absolute;
    bottom: -20px;
    font-size: 12px;}

/*==================== PAGE SHAPE  ==================*/
.page-shape .shape1{position:absolute;top:55%;left:5%;-webkit-animation:animationFramesOne 20s linear infinite;animation:animationFramesOne 20s linear infinite}
.page-shape .shape6{position:absolute;bottom:27%;right:22%;-webkit-animation:animationFramesOne 15s linear infinite;animation:animationFramesOne 15s linear infinite}
 .page-shape .shape3{left:25%;bottom:15%}.page-title-area .page-shape .shape3,.page-title-area .page-shape .shape4{position:absolute;-webkit-animation:rotaed360 6s linear infinite;animation:rotaed360 6s linear infinite}
.page-shape .shape4{top: 44%;
    left: 40%;}.page-title-area .page-shape .shape5{position:absolute;top:15%;right:3%;-webkit-animation:rotaed360 6s linear infinite;animation:rotaed360 6s linear infinite}

.page-shape .shape3, .page-shape .shape4 {
    position: absolute;
    -webkit-animation: rotaed360 6s linear infinite;
    animation: rotaed360 6s linear infinite;
}
.page-shape .shape5 {
    position: absolute;
    top: 58%;
    right: 3%;
    -webkit-animation: rotaed360 6s linear infinite;
    animation: rotaed360 6s linear infinite;
}
@-webkit-keyframes rotaed360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes rotaed360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@-webkit-keyframes animationFramesOne{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}20%{-webkit-transform:translate(73px,-1px) rotate(36deg);transform:translate(73px,-1px) rotate(36deg)}40%{-webkit-transform:translate(141px,72px) rotate(72deg);transform:translate(141px,72px) rotate(72deg)}60%{-webkit-transform:translate(83px,122px) rotate(108deg);transform:translate(83px,122px) rotate(108deg)}80%{-webkit-transform:translate(-40px,72px) rotate(144deg);transform:translate(-40px,72px) rotate(144deg)}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}
@keyframes animationFramesOne{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}20%{-webkit-transform:translate(73px,-1px) rotate(36deg);transform:translate(73px,-1px) rotate(36deg)}40%{-webkit-transform:translate(141px,72px) rotate(72deg);transform:translate(141px,72px) rotate(72deg)}60%{-webkit-transform:translate(83px,122px) rotate(108deg);transform:translate(83px,122px) rotate(108deg)}80%{-webkit-transform:translate(-40px,72px) rotate(144deg);transform:translate(-40px,72px) rotate(144deg)}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}
/*============================= HEADER =============*/
.header__promo-text span{ color: #fff;    font-size: 16px; margin: 0 0 0 20px;}
.aheader__promo-text span:first-child{ margin: 0;}
.header__promo-text span:first-child i{ vertical-align: top;}
.header__promo-text span i{ margin: 0 10px 0 0; font-size: 19px; vertical-align: middle;}

/*========================= preloadr ===============*/
.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999; 
	background-color:rgba(0,0,0,0);
} 

.preloader .icon{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:5; 
	background-color:rgba(0,0,0,0); 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-image:url(assets/images/preloader.svg);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
} 

.page-loaded .preloader .icon{
	opacity:0; 
}

.preloader:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:51%;
	height:100%;
	background:#ffffff;
	z-index:0; 
	-webkit-transform:translateX(0%);
	-ms-transform:translateX(0%);
	transform:translateX(0%);
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

.page-loaded .preloader:before{
	-webkit-transform:translateX(-101%);
	-ms-transform:translateX(-101%);
	transform:translateX(-101%);
}

.preloader:after{
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:51%;
	height:100%;
	background:#ffffff;
	z-index:2; 
	-webkit-transform:translateX(0%);
	-ms-transform:translateX(0%);
	transform:translateX(0%);
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

.page-loaded .preloader:after{
	-webkit-transform:translateX(101%);
	-ms-transform:translateX(101%);
	transform:translateX(101%);
}
 
/*======================= side-lines ================================*/
.side-lines{
    position: absolute;
    top: 80px;
    left: 2%;
    z-index: 1;
    height: calc(100% - 160px);
}
.side-lines.right-side{
    right: calc(5% - 111px);
    left: auto;
}
.side-lines .box{
   display: block;
    width: 20px;
    height: 20px;
    background: #27346a;
    margin-left: -13.5px;
    z-index: 1;
    position: relative;
    cursor: pointer;
    /* text-shadow: 0 0 black; */
    margin-top: -24px;
}
.side-lines .box:before{
  content: '';
    position: absolute;
    top: 104%;
    left: 50%;
    width: 5px;
    height: 5px;
    background: rgba(0, 112, 186, 0.3);
    opacity: 0;
    transform: scale(1,1) translate(-50%);
    transform-origin: 50% 50%;
    z-index: 1;
}
.side-lines .box:hover:before{
    animation: box_ripple 1s cubic-bezier(.18,.74,.72,1);
    text-decoration: none;
}
.side-lines .text{
    transform: rotate(-90deg);
    background: #fff;
    height: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0 22px;
    font-size: 22px;
    color: #0070ba;
    margin-left: -64px;
    margin-top: 48px;
}
.side-lines .line{
    display: block;
    background: #0070ba;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 3px;
    z-index: -1;
}
.side-lines.style-2 .box{
    background: #0070ba;
}
.side-lines.style-2 .text{
    background: transparent;
    color: #fff;
}
.side-lines.style-2 .line{
    background: #fff;
    top: 160px;
    height: calc(100% - 160px);
}
@keyframes box_ripple{
    0%{
        transform:scale(0,0);
        opacity:.3
    }
    40%{
        transform:scale(15,15);
        opacity:.3
    }
    100%{
        opacity:0;
        transform:scale(40,40)
    }
}
/*=========================== SECTION TITLE ===============*/

.section-header {
    padding-bottom: 16px;
    position: relative;
}
.section-header .section-heading {
    max-width: 530px;
    margin: 0 auto 0 0;
    position: relative;
}
.footer .footer-box .footer-heading h4,
.section-header .section-heading h3{
   position: relative;
    font-weight: 500 !important;
    text-transform: uppercase;
    font-size: 30px;line-height: 46px;
}.no-trasnform{text-transform:none !important;}
.section-header .section-heading span{font-style:italic; text-transform: uppercase; color:#16bcde;}

.section-header .section-heading h3:after{
    content: '';
    width: 80px;
    height: 3px;
    background-color: #0070ba;
    display: block;
    margin-top: 20px;
}
.footer .footer-box .footer-heading h4:before,
.section-header .section-heading h3:before{
    content: '';
    width: 11px;
    height: 11px;
    background: #27346a;
    display: inline-flex;
    position: absolute;
    left: 95px;
    bottom: -3px;
}
.footer .footer-box .footer-heading h4:before{
    background-color: #0070ba;
}
.section-header-style-2 .section-description,
.section-header .section-description {
    margin-bottom: 12px;
    position: relative;
}

.section-header .section-btn {
    position: absolute;
    bottom: 50px;
    right: 0;
}

/*================================== BUTTON ==============================*/
.button-main {
    background: #16bcde;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #222;
    font-size: 16px;
    font-weight: 500;
    padding: 13px 30px;
    text-transform: uppercase;border: 2px double #16bcde;
}
.button-main:focus {
    background-color: #bfbfbf;
    border: 1px solid #fff;
    box-shadow: none;
}
.button-main.button-scheme {
    border: 0;
    color: #fff;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;    line-height: 0;
}
.button-main.button-scheme:hover {
    background: #ffffff;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    color:#16bcde;
    border: 2px solid #16bcde;
}
.button-main:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.button-main:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    background: #ffffff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.button-main.button-scheme i {
    margin-left: 5px;
    font-size: 18px;
}

/*============================ CONTACT PAGE ============*/
.single-features {
    position: relative;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.17);
    border-radius: 10px;
    padding: 20px 35px 21px 33px;
    margin-right: 25px;
    background: #fff;
    transform: translateY(0);
    transition: .3s linear;height: 185px;
}
.features-top {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.features-icon {
	margin-right: 20px;
	font-size: 41px;position: relative;
}

.features-icon.with-bulb::before,
.features-icon.with-bulb::after {
	
	content: "";
	display: inline-block;
	height: 100%;
    left: 50%;
    min-height: 60px;
    min-width: 60px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 150%;
}

.features-icon.with-bulb::before {
	animation: bulb-2 6s linear infinite;
	border-radius: 35% 65% 25% 75% / 61% 38% 62% 39%;
	transform: scale(0.95) translate(-50%, -50%);
	z-index: 2;
}

.features-icon.with-bulb::after {
	animation: bulb-1 6.5s linear infinite 1s;
	border-radius: 76% 24% 66% 34% / 55% 20% 80% 45%;
	opacity: .5;
	transform: rotate(180deg) translate(50%, 50%) scale(1.1);
	z-index: 1;
}

.features-icon.with-bulb i {
	position: relative;
	z-index: 3; color: #fff
}

.features-icon.with-bulb::before,
.features-icon.with-bulb::after {
	background-color: #16bcde;
}

.features-top h3 {
	font-size: 22px;
	margin-bottom: 0;
	line-height: 1.2;
    font-weight: 400 !important;
    text-transform: uppercase;font-weight: 400 !important;
    text-transform: uppercase;
}
.features-content p {
	margin-bottom: 0;
}
.features-check {
	position: absolute;
	right: -25px;
	bottom: 30px;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 24px;
	color: #fff;
	background: #8bdeef;
	border-radius: 50%;
	z-index: 1;
}
.features-area.features-mt {
	margin-top: 0px;
}
 
.single-features:hover {
	transform: translateY(-10px);
}
.s-features-icon {
	height: 70px;
	margin-bottom: 20px;
}
.s-features-icon img {
	transform: rotateY(0deg);
	transition: .5s linear;
}
.s-features-content h3 {
	font-size: 24px;
	margin-bottom: 15px;
}
.s-features-content p {
	margin-bottom: 0;
}
.s-single-features:hover .s-features-icon img {
	transform: rotateY(360deg);
}

/* 5. Fact */
.fact-title h2 {
	font-size: 48px;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 0;
}
.single-fact-area h2 {
	font-size: 60px;
	font-weight: 700;
	line-height: 1;
	color: #06979d;
	margin-bottom: 10px;
}
.single-fact-area > span {
	font-size: 18px;
	font-weight: 400;
	color: #767b82;
	font-family: 'Open Sans', sans-serif;
}
@keyframes bulb-2 {
	0%,
	100% {
		border-radius: 55% 45% 53% 47% / 38% 38% 62% 62%;
	}

	25% {
		border-radius: 51% 49% 65% 35% / 34% 36% 64% 66%;
	}

	60% {
		border-radius: 45% 55% 45% 55% / 42% 50% 50% 58%;
	}

	85% {
		border-radius: 37% 63% 32% 68% / 60% 38% 62% 40%;
	}
}



/*============================== FORM  =====================*/
.input-group-prepend {
    border-radius: 0;margin-right: -14px; display: flex;
}
.input-group-text {
    padding-top: 0;
    padding-bottom: 0;
    align-items: center;
    border-radius: 0;background-color: #f7f7f7 !important;
}


.input-group-text i {
    font-size: 18px;line-height: .9;opacity: 0.6;
}
.form-control{border-radius: 0 !important;transform: translate3d(1em, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;}

.input__field--hideo:focus {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.form-control:focus + .input-group-prepend::before {
	-webkit-transform: scale3d(0.8, 1, 1);
	transform: scale3d(0.8, 1, 1);
}



/*============================== lw-about-section ========================*/

.lw-about-section{
    margin-top: 80px;
}
.ln-about-left-side:before{
    content: '';
   background: #0070ba;
    width: calc(100% - 170px);
    height: 100%;
    display: block;
    z-index: -1;
    position: absolute;
    left: 80px;
    right: 0;
    top: -28px;
}
.ln-about-left-side:after{
    content: '';
    background: #0070ba;
    width: 200px;
    height: 3px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 80px;
    right: -15px;
}
.ln-about-left-side .first-img{
   position: relative;
    overflow: hidden;
    width: calc(100% - 85px);
    margin-left: auto;

}
.ln-about-left-side .second-img{
    position: absolute;
    overflow: hidden;
    top: 80px;
    left: 0;
    height: 350px;
    width: 320px;
}


.lw-about-section-right{
    margin-top: 52px;
}
.lw-about-right-heading{
    opacity: 1;
    z-index: 1;
    color: #333;
    font-size: 35px;
    margin: 0;
    position: relative;
}
.lw-about-right-heading:after{
    content: '';
    width: 80px;
    height: 3px;
    background-color: #0070ba;
    display: block;
    margin-top: 20px;
}
.lw-about-right-heading.text-center:after{
    margin:auto;
     margin-top: 20px;
}
.lw-about-right-heading:before{
    content: '';
    width: 11px;
    height: 11px;
    background: #27346a;
    display: inline-flex;
    position: absolute;
    left: 95px;
    bottom: -3px;
}.lw-about-right-heading.text-center:before{
    left:43%;
}
.lw-about-right-content{
    margin-top: 20px;
    opacity: 1;
}
.lw-about-right-content p{
    margin: 18px 0;
}
.lw-about-right-content p:first-child{
    margin-top: 0;
}

.lw-about-right-content p span{
    color: #0070ba;
}
.lw-about-right-list ul{
    columns: 2;
    padding: 0;
}
.lw-about-right-list ul li{
    margin: 0px 0 20px;
    list-style: none;
    color: #666;
    font-size: 14px;
}
.lw-about-right-list ul li i{
    margin-right: 7px;
    width: 20px;
    height: 20px;
    text-align: center;
    background: #0070ba none repeat scroll 0 0;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
}
.lw-about-right-author{
    margin-top: 10px;
    display: flex;
    align-content: center;
    align-items: center;
}
.lw-about-signature h5{
    margin-bottom: 5px;
    color: #333;
    font-weight: 600;
    font-size: 18px;
}
.lw-about-signature p{
    color: #666;
    margin: 0;
    font-size: 14px;
}
.lw-about-sign-image{
    width: 190px;
    margin-left: 20px;
    padding-left: 10px;
    border-left: 3px solid #efefef;
}



/*testimonials / clients*/
 .testi-item{background:transparent;padding-right:20px;margin-top:26px} 
.testi-item .t-head{overflow:hidden;justify-content:normal;padding-left:20px} 
.testi-item .t-head img{max-width:80px;margin-right:25px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.testi-item .t-head h6{font-size:22px;margin-bottom:2px}
.testi-item .t-head span{font-size:14px;text-transform:uppercase;font-weight:500;color:#6f6f6f} .testi-item .ttext{position:relative;margin-bottom:50px;padding:37px 35px 37px 40px;font-size:18px;line-height:36px;background:#fff;border:1px solid #e0e0e0} 
.testi-item .ttext>span{position:absolute;content:"";left:28px;top:-1px;width:80px;height:1px;background:#fff} 
.testi-item .ttext:before{position:absolute;font-family:"FontAwesome";font-size:200px;color:#1a1a1a;top:23px;left:29px;content:"\f10d";width:80px;height:45px;z-index:1} 

.testi-item{padding-right:0;padding-bottom:10px;} 
.testi-item .ttext {
    position: relative;
    padding: 37px 35px 37px 40px;
    font-size: 15px;
    line-height: 26px;
    background: #fff;
    border: 1px solid #e0e0e0;
}
 .testi-item .ttext:before {
    position: absolute;
    font-family: "Titillium Web",sans-serif;
    font-size: 147px;
    color: #16bcde;
    top: 23px;
    left: 29px;
    content: "“";
    width: 80px;
    height: 45px;
    z-index: 1;
}
.layer-behind {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #f4f4f4;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.testi-item .ttext>span {
    position: absolute;
    content: "";
    left: 28px;
    top: -1px;
    width: 80px;
    height: 1px;
    background: #fff;
}
.testi-item .t-head {
    overflow: hidden;
    justify-content: normal;
    padding-left: 20px;
}
.testi-item .t-head img {
  max-width: 137px;
    margin-right: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: unset;
    height: AUTO;
    margin-bottom: 12px;
}
.elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.testi-item .t-head h6 {
    font-size: 22px;
    margin-bottom: 2px;
}
.ot-testimonials .testi-item .t-head span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #6f6f6f;
}
.testimonials-box .section-header {
    text-align: left;
}
.testimonials-box .section-header .section-heading:after {
    margin: 0 auto 0 0;
}
.testimonials-box .testimonials-wrapper .testimonials-author {
    width: 77px;
    height: 77px;
    box-shadow: 0 0 0 4px #27346a inset;
    padding: 4px;
    margin: 0 auto;
}
.testimonials-box .testimonials-wrapper .testimonial-nav .slick-track {
    padding: 20px 0;
}
.testimonials-box .testimonials-wrapper .testimonial-nav .slick-current {
    transform: scale(1.35);
    transition: all 260ms;
}
.testimonials-box .testimonials-wrapper .testimonial-nav .slick-current .testimonials-author {
    box-shadow: 0 0 0 4px #0070ba inset;
    transform: scale3d(1, 1, 1);
    transition: all 260ms;
}
.testimonials-box .testimonials-wrapper .testimonials-inner {
    position: relative;
    padding: 0 0 0 100px;
}
.testimonials-box .testimonials-wrapper .testimonials-inner:before {
    display: block;
    position: absolute;
    margin: 0px;
    left: 0;
    top: 0;
    color: #e8e8e8;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f10d";
    line-height: 1;
    font-size: 76px;
}
.clients-box .clients-wrapper {
    position: relative;
    overflow: hidden;
}
.clients-box .clients-wrapper .client-box {
    float: left;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    margin: 0 0 -1px -1px;
    position: relative;
    padding: 0;
    width: 33.3%;
}
.clients-box .clients-wrapper .client-box .client-item {
    display: block;
    margin: 15% auto;
    position: relative;
    opacity: .7;
    transition: all 350ms ease;
    width: 125px;
    height: 125px;
}
.clients-box .clients-wrapper .client-box .client-item:hover {
    opacity: 1;
}



/*=========================== Blogs =======================*/

/*-----------------------------------------------------------------------------------*/
/*    18.     Blog Page CSS
/*-----------------------------------------------------------------------------------*/

.blog_main_content_wrapper.section_padding_130 {
    padding-bottom: 106px;
    padding-top: 92px;
}
.blog_page .video_text {
    padding: 30px 120px 0;
}

/* This code is for blog main content */

.blog_page_headings h2 {
    display: inline-block;
    vertical-align: middle;
    font-size: 40px;
    color: #3c1525;
    font-weight: 700;
    font-family: 'Ubuntu', sans-serif;
}
.blog_page_headings {
    border-bottom: 1px solid #0b2653;
    margin-bottom: 25px;
}
.blog_page_headings img {
    margin: 0 0 23px;
}
.blog_page_img_wrapper {overflow: hidden;
    position: relative;}
.blog_page_img_wrapper img {
    width: 100%;   
}
.blog_page_img_wrapper a::before { background-color: #02142d;
    content: "";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 600ms ease 0s;
    width: 0;
    opacity: 0.7;}
.blog_page_img_wrapper a::after {background-color: #02142d; bottom: 0; content: ""; display: block; height: 50%; position: absolute; right: 0; transition: all 600ms ease 0s; width: 0; opacity: 0.7;}
.blog_page_img_wrapper a:hover::before,  .blog_page_img_wrapper a:hover::after {width: 100%;}
.single_blog_page_content {
   padding-bottom: 30px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);
    box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);
}
.blog_page_text_left {
    border-right: 1px dotted #0b2653;
    float: left;
    padding-top: 12px;
    width: 23%;
}
.blog_page_text_wrapper {
    padding-top: 16px;
    overflow: hidden;
}
.blog_page_text_right {
    padding-left: 23%;
}
.blog_page_text {
    color: #656565;
    font-size: 15px;
  
    line-height: 26px;
    padding-left: 30px;
    padding-top: 12px;
}
.blog_page_text > a {
    display: inline-block;
    padding-left: 30px;
    color: #0b2653;
    font-weight: 500;
}
.blog_page_text > a:hover {
    color: #16bcde;
}
.blog_page_text_right h3 {
   font-size: 17px;
    font-weight: normal;
    text-transform: uppercase;
    padding-bottom: 0;
}
.blog_page_text_right h3 a {
    color: #0b2653;
}
.blog_page_text_right h3:hover a {
    color: #16bcde;
}
.blog_page_date {
    text-align: center;
    text-transform: uppercase;
}
.blog_page_date h5 {
    font-size: 26px;
    color: #0b2653;
    font-weight: 300;
}
.blog_page_date h5 span {
    display: block;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 14px;
}
.blog_page_commets {
    padding: 20px 0;
    text-align: center;
    font-weight: 300;
    border-top: 1px solid #0b2653;
}
.blog_page_commets span {
    font-size: 14px;
    color: #0b2653;
}

.single_blog_page_contact .contact_form form input[type="text"], .single_blog_page_contact .contact_form form input[type="email"] {
    width: 48.817%;
}
.comments_left_content {
    float: left;
    width: 92px;
}
.comments_left_content img {
    border-radius: 80px 0 0 80px;
    border: 3px solid #03add0;
    width: auto;
    height: 80px;
}
/*-----------------------------------------------------------------------------------*/
/*    19.     Single Blog Page CSS
/*-----------------------------------------------------------------------------------*/

.single_blog_page_contact h3 {
    color: #0b2653;
    font-size: 26px;
    font-weight: 700;
    font-family: 'Ubuntu', sans-serif;
    text-transform: none;
    border-bottom: 1px solid #0b2653;
    padding-bottom: 15px;
    margin-bottom: 40px;
}

.single_blog_main_content {
    background-color: #fff;
}


/* This code is for blog main content */

.single_blog_left_img img {
    width: 100%;
}

.single_blog_left_text_content {
    overflow: hidden;
    padding-top: 52px;
}
.single_blog_left_date {
    width: 10%;
    float: left;
    border-right: 1px dotted #0b2653;
}
.single_blog_left_text_wrapper {
    padding-left: 10%;
}
.single_blog_left_text {
    padding-left: 30px;
}
.single_blog_left_text h3 {
    color: #0b2653;
    font-size: 23px;
   
    letter-spacing: 0.2px;
    line-height: 22px;
    padding-bottom: 15px;
    padding-top: 10px;
    text-transform: uppercase;
}
.single_blog_left_text span {
   
    line-height: 26px;
    display: block;
    padding-bottom: 35px;
}
.single_blog_left_text h6.single_blog_text_headings {
   
    font-weight: normal;
    padding-bottom: 13px;
}

.single_blog_left_date {
    text-align: center;
    padding: 12px 0;
}
.single_blog_date {
    border-bottom: 1px solid #0b2653;
}
.single_blog_date h5 {
    color: #0b2653;
    font-size: 26px;
    font-weight: 300;
}
.single_blog_date span {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    padding: 15px 0;
}
.single_blog_comments {
    color: #0b2653;
    font-size: 14px;
    font-weight: 300;
    padding-top: 20px;
}


.single_blog_left_social {
    width: 100%;
    height: 65px;
    border-radius: 65px;
    border: 1px solid #0b2653;
    margin: 60px 0;
}
.single_blog_left_social span {
    display: inline-block;
    font-size: 18px;
    line-height: 65px;
    padding-left: 25px;
    padding-right: 35px;
}
.single_blog_left_social span.tags_span {
    padding-right: 4px;
}
.single_blog_left_social ul {
    display: inline-block;
}
.single_blog_left_social ul li {
    display: inline-block;
}
.single_blog_left_social ul li a i {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    display: inline-block;
    margin: 0 5px;
}
.single_blog_left_social ul li a .fb
{ background-color: #4867aa;}
.single_blog_left_social ul li a .tw
{ background-color: #1da1f2;}
.single_blog_left_social ul li a .insta
{ background-color: #b61d77;}
.single_blog_left_social ul li a .wapp
{ background-color: #5ef479;}
.single_blog_tags {
    float: right;
}
.single_blog_tags span {
    display: inline-block;
}
.single_blog_tags ul {
    display: inline-block;
}
.single_blog_tags ul li {
    display: inline-block;
}

.single_blog_tags {
    padding-right: 75px;
    position: relative;
}
.single_blog_tags::before {
    background-color: #fff;
    content: "";
    height: 80px;
    position: absolute;
    right: -9px;
    top: -7px;
    width: 40px;
}
.single_blog_tags ul li a {
    color: #0b2653;
    font-size: 16px;
    font-weight: 300;
}


.single_blog_prev_btn.read_more_btn {
    margin-left: 0;
}

/*=== BLOG SIDEBAR ===========*/
.si_bl_widget_headings {
   color: #0b2653;
    font-size: 26px;
    font-weight: normal;
    border-bottom: 1px solid #0b2653;
    padding-bottom: 15px;
    margin-bottom: 0px;
}
.single_widget_recent_post h5 {
    font-size: 17px;
    text-transform: uppercase;margin-bottom: 0;
}
.single_widget_recent_post a {
    color: #0b2653;font-weight: normal;
}
.single_widget_recent_post h5:hover a {
    color: #16bcde;
}
.single_widget_recent_post {
    padding: 16px 0 0px;
    font-size: 16px;
   
    font-weight: 300;
    line-height: 28px;
}
.single_widget_recent_post span {
    color: #0b2653;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 0 2px;
}
.widget_recent_post {
    padding-bottom: 30px;
}

.widget_archieve ul li {
    font-size: 16px;
    font-weight: 300;
    border-bottom: 1px solid #0b2653;
    padding: 20px 0;
}
.widget_archieve ul li:last-child {
    border-bottom: 0;
}
.widget_archieve ul li a {
    color: #0b2653;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.widget_archieve ul li:hover a {
    color: #16bcde;
}
.widget_archieve ul li a i {
    color: #0b2653;
}




/*-----------------------------------------------------------------------------------*/
/*  JOURNEY documentories_area CSS
/*-----------------------------------------------------------------------------------*/

.documentories_area {
    position: relative;
}
.documentories_area > ul {
    box-sizing: border-box;
    display: table;
    height: 100%;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.documentories_area > ul:before {
    background: #d3e9fb  none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: calc(50% - 1px);
    position: absolute;
    top: 0;
    width: 2px;
}
.documentories_area > ul > li {
    overflow: hidden;
    position: relative;
}
.documentories_area > ul > li:nth-child(2n+1) .single_documentories_wrapper {
    float: right;
    width: 47%;
}
.documentories_area > ul > li:nth-child(2n) .single_documentories_wrapper {
    float: left;
    width: 47%;
}
.documentories_area > ul > li .documentories_year {
   background-color: #d7d8da;
    border-radius: 33px;
    color: #909090;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-weight: 600;
    height: 30px;
    left: calc(50% - 45px);
    line-height: 33px;
    position: absolute;
    text-align: center;
    width: 92px;
}
.documentories_content_wrapper {
    background-color: #d3e9fb;
    margin-top: 58px;
    margin-bottom: 55px;
    padding: 10px;
    display: table;
    position: relative;
}
.documentories_area > ul > li:nth-child(2n+1) .documentories_content_wrapper {
    border-radius: 0 108px 108px 0;
}
.documentories_area > ul > li:nth-child(2n) .documentories_content_wrapper {
    border-radius: 180px 0 0 180px;
}
.documentories_area > ul > li:nth-child(2n+1) .documentories_text {
    text-align: left;
}
.documentories_text {
   color: #fff;
    float: left;
    font-size: 16px;
    line-height: 23px;
    padding-bottom: 5px;
    padding-left: 10px;
    vertical-align: middle;
    width: calc(100% - 161px);
}
.documentories_text h3 {
   font-size: 17px;
    font-weight: normal;
    padding-bottom: 0;
    padding-top: 8px;
    text-transform: uppercase;margin-bottom: 11px;
}
.documentories_text h3 a {
    color: #0b2653;
}
.documentories_text p{margin-bottom: 0 ; color:#0b2653;}
.documentories_img {
    display: table-cell;
    float: right;
    padding-top: 3.5px;
}
.documentories_area > ul > li:nth-child(2n+1) .documentories_img img {
    border-radius: 0 50px 50px 0;
}
.documentories_area > ul > li:nth-child(2n) .documentories_img img {
    border-radius: 50px 0 0 50px;
}
.documentories_area > ul > li:nth-child(2n) .documentories_text {
    padding-right: 0;
}
.documentories_area > ul > li:nth-child(2n) .documentories_img {
}
.documentories_month {
    padding-right: 30px;
    position: absolute;
    top: 55%;
    color: #0b2653;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.documentories_area > ul > li:nth-child(2n+1) .documentories_month {
    padding-right: 30px;
    right: 50%;
}
.documentories_area > ul > li:nth-child(2n) .documentories_month {
    padding-left: 30px;
    left: 50%;
}
.documentories_content_wrapper:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #f9f9f9;
    border: 2px solid #d3e9fb;
    top: 60%;
}
.documentories_area > ul > li:nth-child(2n+1) .documentories_content_wrapper:before {
    left: -39px;
}
.documentories_area > ul > li:nth-child(2n) .documentories_content_wrapper:before {
    right: -39px;
}
.documentories_content_wrapper::after {
    border-bottom: 20px solid transparent;
    border-right: 50px solid #d3e9fb;
    bottom: 8px;
    content: "";
    position: absolute;
    -webkit-transform: rotate(21deg);
    transform: rotate(21deg);
    z-index: -1;
}
.documentories_area > ul > li:nth-child(2n+1) .documentories_content_wrapper:after {
    left: -45px;
}
.documentories_area > ul > li:nth-child(2n) .documentories_content_wrapper:after {
    border-left: 50px solid #d3e9fb;
    border-right: medium none transparent;
    bottom: 10px;
    right: -43px;
    -webkit-transform: rotate(-26deg);
    transform: rotate(-26deg);
}
.documentories_img > img {
    width: initial;
}
.documentories_area > ul > li:nth-child(2n) .documentories_text {
    float: right;
    padding-right: 0;
    width: calc(100% - 160px);
}
.documentories_area > ul > li:nth-child(2n) .documentories_img {
    display: table-cell;
    float: left;
    padding-top: 1px;
    vertical-align: middle;
}


/* This code is for button */

.previous {
    background-color: #d7d8da;
    height: 30px;
    left: calc(53% - 75px);
    bottom: 0;
    bottom: 0;
    position: absolute;
    width: 90px;
    text-align: center;
    display: block;
    line-height: 30px;
    border-radius: 30px;
    font-size: 14px;
    margin-top: 18px;
    text-transform: capitalize;
    z-index: 1;
}
.previous a {
    color: #909090;
}
.read_more_btn {
    position: relative;
}
.read_more_btn:before, .read_more_btn:after {
    background: #3c1525 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 20px;
    position: absolute;
    top: 50%;
    width: 20px;
    z-index: -1 !important;
}

.read_more_btn:before {
    left: -20px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.read_more_btn:after {
    right: -20px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.read_more_btn:hover a {
    color: #3c1525;
}
.previous.read_more_btn:hover a {
    color: #ffffff;
}
.read_more_btn:hover:before {
    -webkit-animation: criss-cross-left 0.8s both;
    animation: criss-cross-left 0.8s both;
}
.read_more_btn:hover:after {
    -webkit-animation: criss-cross-right 0.8s both;
    animation: criss-cross-right 0.8s both;
}
/* This Code is for btn effect */

@-webkit-keyframes criss-cross-left {
    
0% {
    left: -20px;
}
50% {
    left: 50%;
    width: 20px;
    height: 20px;
}
100% {
    left: 50%;
    width: 375px;
    height: 375px;
}
    
}

@keyframes criss-cross-left {
    
0% {
    left: -20px;
}
50% {
    left: 50%;
    width: 20px;
    height: 20px;
}
100% {
    left: 50%;
    width: 375px;
    height: 375px;
}
}
@-webkit-keyframes criss-cross-right {
    
0% {
    right: -20px;
}
50% {
    right: 50%;
    width: 20px;
    height: 20px;
}
100% {
    right: 50%;
    width: 375px;
    height: 375px;
}
    
}
/* This code is for hover */

.single_documentories_wrapper:hover .documentories_content_wrapper:before {
    border: 2px solid #9ecdf3;
}
.single_documentories_wrapper:hover .documentories_content_wrapper {
    background-color: #9ecdf3;
}
.single_documentories_wrapper:hover .documentories_content_wrapper:after {
    border-right: 50px solid #9ecdf3;
}
.documentories_area > ul > li:nth-child(2n) > .single_documentories_wrapper:hover .documentories_content_wrapper:after {
    border-left: 50px solid #9ecdf3;
}



/*=================== Achivements ================*/

.item-gallery {
	background: transparent;
	border-radius: 3px;
	overflow: hidden;
	position: relative;border: #f4f5ef solid 3px;
}

.item-gallery .item-content h4 {
	opacity: 0;
	transform: scale(0);
	transition: all 0.15s ease-in-out;
	z-index: 5;
}

.item-gallery.content-absolute .item-content {
	background: linear-gradient(180deg, transparent 0%, rgba(32, 32, 32, 0.8) 100%);
	bottom: 0;
	color: #fff;
	left: 0;
	padding: 35px 35px;
	position: absolute;
	text-align: left;
	transition: all .3s ease-in-out;
	width: 100%;
}

.item-gallery.content-absolute .item-content h5 {
	font-size: 30px;
}

.item-gallery.content-absolute .item-content p {
	line-height: 1.3;
}

@media (max-width: 1299px) {
	.item-gallery.content-absolute .item-content h5 {
		font-size: 24px;
	}

	.item-gallery.content-absolute .item-content p {
		display: none;
	}
}

@media (max-width: 575px) {
	.item-gallery.content-absolute .item-content {
		padding: 30px;
	}
}

.item-gallery.content-absolute:hover .item-content {
	opacity: 0;
}

.item-gallery:hover .item-content h4 {
	opacity: 1;
	transform: scale(1);
}


.cat-links {
	display: block;
	font-size: 0;
	line-height: 1;
	margin-bottom: 15px;
}

.cat-links a {
	background-color: #16bcde;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 5px;
	min-width: 90px;
	padding: 7px 20px;
	text-align: center;
	transition: all .3s ease-in-out;
}

.cat-links a:not(:last-child) {
	margin-right: 10px;
}

.item-media {
	overflow: hidden;
	position: relative;
}

.item-media img {
	width: 100%;
}

.item-media.cover-image {
	height: 100%;
}

.media-links {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
}

.media-links div {
	margin-top: -30px;
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 4;
}

.content-absolute .media-links div a {
	transition: all 0.35s ease 0.1s;
}

.content-absolute .media-links div a:hover {
	transform: scaleX(-1);
}

.content-absolute .media-links div a:first-child {
	transition-delay: 0s;
}

.media-links:before {
	background-color: #373768;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.2s linear;
}

.item-gallery[class*="-item"] .media-links:before {
	background-color: #373768;
}

.item-gallery[class*="-item"]:hover .media-links:before {
	opacity: .8;
}

[class*="-item"]:hover .media-links:before {
	opacity: 0.4;
}

.media-links a.abs-link {
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
}

[class*="-item"]:hover .media-links a.abs-link {
	opacity: 1;
}

[class*="-item"] .links-wrap a {
	background-color: #31d4f6;
    border-radius: 50%;
    box-shadow: 0 0 0 0 #31d4f666, 0 0 0 0 rgba(49, 212, 246, 0.6);
    display: inline-block;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	opacity: 0;
	position: relative;
	text-align: center;
	top: -100px;
	transform: none;
	transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
	width: 50px;
	z-index: 5;
}

[class*="-item"] .links-wrap a.link-zoom {
	background-color: #484848;
	border-color: #484848;
	color: #fff;
}

[class*="-item"] .links-wrap a.link-zoom:hover {
	background-color: #e7496e;
	border-color: #e7496e;
	color: #fff;
	opacity: 1;
}

[class*="-item"] .links-wrap a.link-anchor {
	color: #fff;
	transition-delay: 0.1s;
}

[class*="-item"] .links-wrap a.link-anchor:hover {
	animation: pulse-icon-color-main 1.5s infinite;
	color: #fff;
	opacity: 1;
	transform: none;
}

[class*="-item"] .links-wrap a:before {
	content: "\f002";
	font-family: "FontAwesome";
}

[class*="-item"] .links-wrap a.link-anchor:before {
	content: "\f067";
}

[class*="-item"]:hover .links-wrap a {
	filter: alpha(opacity=100);
	opacity: 1;
	top: 0;
}

[class*="-item"]:hover .media-links div {
	filter: alpha(opacity=100);
	opacity: 1;
}


[class*="-item"] .links-wrap a {
	background-color: #e7496e;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(231, 73, 110, 0.4), 0 0 0 0 rgba(231, 73, 110, 0.6);
	display: inline-block;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	opacity: 0;
	position: relative;
	text-align: center;
	top: -100px;
	transform: none;
	transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
	width: 50px;
	z-index: 5;
}

[class*="-item"] .links-wrap a.link-zoom {
	background-color: #484848;
	border-color: #484848;
	color: #fff;
}

[class*="-item"] .links-wrap a.link-zoom:hover {
	background-color: #e7496e;
	border-color: #e7496e;
	color: #fff;
	opacity: 1;
}

[class*="-item"] .links-wrap a.link-anchor {
	color: #fff;
	transition-delay: 0.1s;
}

[class*="-item"] .links-wrap a.link-anchor:hover {
	animation: pulse-icon-color-main 1.5s infinite;
	color: #fff;
	opacity: 1;
	transform: none;
}

[class*="-item"] .links-wrap a:before {
	content: "\f002";
	font-family: "FontAwesome";
}

[class*="-item"] .links-wrap a.link-anchor:before {
	content: "\f067";
}

[class*="-item"]:hover .links-wrap a {
	filter: alpha(opacity=100);
	opacity: 1;
	top: 0;
}

[class*="-item"]:hover .media-links div {
	filter: alpha(opacity=100);
	opacity: 1;
}


[class*="-item"] .links-wrap a {
	background-color: #e7496e;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(231, 73, 110, 0.4), 0 0 0 0 rgba(231, 73, 110, 0.6);
	display: inline-block;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	opacity: 0;
	position: relative;
	text-align: center;
	top: -100px;
	transform: none;
	transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
	width: 50px;
	z-index: 5;
}

[class*="-item"] .links-wrap a.link-zoom {
	background-color: #484848;
	border-color: #484848;
	color: #fff;
}

[class*="-item"] .links-wrap a.link-zoom:hover {
	background-color: #e7496e;
	border-color: #e7496e;
	color: #fff;
	opacity: 1;
}

[class*="-item"] .links-wrap a.link-anchor {
	color: #fff;
	transition-delay: 0.1s;
}

[class*="-item"] .links-wrap a.link-anchor:hover {
	animation: pulse-icon-color-main 1.5s infinite;
	color: #fff;
	opacity: 1;
	transform: none;
}

[class*="-item"] .links-wrap a:before {
	content: "\f002";
	font-family: "FontAwesome";
}

[class*="-item"] .links-wrap a.link-anchor:before {
	content: "\f067";
}

[class*="-item"]:hover .links-wrap a {
	filter: alpha(opacity=100);
	opacity: 1;
	top: 0;
}

[class*="-item"]:hover .media-links div {
	filter: alpha(opacity=100);
	opacity: 1;
}
.vertical-item.content-padding .item-content {
    padding: 23px;text-align: center;
}
.item-content h5{
font-size: 22px;
    font-weight: normal;background-color: #f4f5ef;
    font-size: 15px;
    padding: 20px 15px;
    margin-bottom: 0;
    margin-top: -30px !important;
    position: relative;
    font-weight: normal;}
.item-content h5 a {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
  color: #114d80;
}
.item-content h5 a:hover {
    color: #16bcde;
}
@keyframes pulse-icon-color-main {
	0% {
	}

	70% {
		box-shadow: 0 0 0 30px rgba(231, 73, 110, 0), 0 0 0 15px rgba(231, 73, 110, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(231, 73, 110, 0), 0 0 0 0 rgba(231, 73, 110, 0);
	}
}

.box-shadow {
    border-color: transparent;
    box-shadow: 0 2px 16px 0px rgba(0, 0, 0, 0.2);
}



/*======================
Main Service
========================*/
.main-services-box {margin-bottom: 30px;}
.main-services-box .main-service-wrapper {
    background-color: #ffffff;
    box-shadow: 0 0px 1px 2px #0070ba2b;
    position: relative;
    z-index: 1;
    transition: 0.5s;
    overflow: hidden;
    cursor: pointer;padding: 20px;
}
.main-services-box .main-service-wrapper:before {
    width: 100%;
    height: 0%;
    z-index: -1;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #27346a;
    transition: 0.5s;
}
.main-services-box .main-service-wrapper:hover {
    box-shadow: 0 0px 1px 2px rgb(38, 40, 62, 0.72);
}
.icon-box img {
  
    height: 50px
}
.main-services-box .main-service-wrapper:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    border: 10px solid #ffffff;
    left: -80px;
    bottom: -80px;
    border-radius: 50%;
    z-index: -1;
    opacity: 0.15;
    transition: 0.5s;
}
.main-services-box .main-service-wrapper .icon-box {
    margin-bottom: 20px;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #0070ba;
    color: #ffffff;
    font-size: 40px;
    transition: 0.5s;
}
.main-services-box .main-service-wrapper h5 {
    transition: 0.5s;
    margin-bottom: 20px;
    position: relative;
}
.main-services-box .main-service-wrapper h5:before {
    width: 0;
    height: 1px;
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    background-color: #ffffff;
    transition: 0.5s;
}
.main-services-box:hover .main-service-wrapper:before {
    height: 100%;
}
.main-services-box:hover .main-service-wrapper:after {
    left: -50px;
    bottom: -50px;
}
.main-service-wrapper h5 a {color: #0b2653;
    font-weight: normal;}
.main-services-box:hover .main-service-wrapper .icon-box {
    background-color: #fff;
    color: #27346a;
    border-radius: 50%;
}
.main-services-box:hover .main-service-wrapper h5:before {
    width: 80px;
}
.main-services-box:hover .main-service-wrapper p,
.main-services-box:hover .main-service-wrapper h5 a , .main-services-box:hover .main-service-wrapper .sul li>a{
    color: #ffffff;
}
.sul li {padding-bottom:10px;width:100%;}
.sul li>a{padding-left:5px;width:100%;color: #0b2653;
    }

/*============================= FAQ ================================*/

.narrow-content-wrap {  max-width: 60em;  margin: auto;  width: 91%; }  .narrow-content-wrap:before,  .narrow-content-wrap:after {    content: "";    display: table; }  .narrow-content-wrap:after {    clear: both; }
.collapse-card {  -webkit-transition: all 0.4s ease;          transition: all 0.4s ease;  margin: 5px 0; }  
.collapse-card .collapse-card__heading:hover::after {    -webkit-transform: scale(1.02);        -ms-transform: scale(1.02);            transform: scale(1.02); }
.collapse-card__heading {  cursor: pointer;    position: relative; } 
.collapse-card__heading:before,  .collapse-card__heading:after {    content: " ";    display: table; } 
.collapse-card__heading:after {    clear: both; }  
.active .collapse-card__heading {   }
.faq .collapse-card:first-child{border:none;}
.collapse-card__title { overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: initial;
    display: block;
    width: 100%;
    position: relative;
    padding: 1rem 0;
    padding-right: 3rem;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: transparent;
    background-clip: padding-box;
    color: #26658c;
    -webkit-transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; }  
    .collapse-card{border-top: #dce3e6 solid 1px;}
    .active .collapse-card__title {   font-weight:bold; }  
@media (min-width: 25em) {    .collapse-card__title {      font-size: 19px; } } 
.collapse-card__body {    display: none;  color: #222;  font-size: 1.05469em; }  

.plus-icon {  fill: #333;  height: 1.5em;  width: 1.5em;  position: absolute;  right: 1em;  top: 50%;  -webkit-transform: translateY(-50%) rotate(0deg);      -ms-transform: translateY(-50%) rotate(0deg);          transform: translateY(-50%) rotate(0deg);  -webkit-transition: all 300ms linear;          transition: all 300ms linear; border: 1px solid;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    font-size: 0.9rem;
    font-weight: 400;}  
.active .plus-icon {    -webkit-transform: translateY(-50%) rotate(495deg);        -ms-transform: translateY(-50%) rotate(495deg);            transform: translateY(-50%) rotate(495deg);    height: 1.75em;    width: 1.75em;    fill: #fff; border: 1px solid;
    text-align: center;
    line-height: 31px;
    border-radius: 50%;}






/*============================= sub service Page =========================*/
.main-content .main-content-inner {
    float: left;
    width: 100%;
    height: auto;
    margin-top: -70px;
    padding-top: 52px;
    position: relative;
    z-index: 9;
    background-color: #fff;
}
.main-content .main-content-inner .right-cornr {
    position: absolute;
    top: 0px;
    right: 0px;
    background-image: url(../images/backgrounds/rcorner-white.png);
    width: 1054px;
    height: 970px;
    left: auto;
    background-repeat: no-repeat;
}
.main-content .main-content-inner .bottom-cornr {
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: auto;
    background-image: url(../images/backgrounds/bottom-tringle.png);
    width: 859px;
    height: 724px;
    background-repeat: no-repeat;
}

.main-content .main-content-inner .about-transpt-txt {
    position: absolute;
    top: 225px;
    left: 25px;
    color: #02162e;
    letter-spacing: 20px;
}



  .lststsp1 {
    position: relative;
    z-index: 9;
    float: left;
    clear: both;
    margin-bottom: 17px;
    padding: 0px 8px 0px 3px;font-size: 67px;
    color: #3c3d48;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.28;
    padding-bottom: 2px;
}
.lststsp1:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 11px;
    background: rgba(97, 3, 123, 0.9);
    z-index: -9;
}
 .lststsp2 {
    position: relative;
    z-index: 9;
    float: left;
    clear: both;
    margin-bottom: 17px;
    padding: 0px 8px 0px 3px;font-size: 67px;
    color: #3c3d48;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.28;
    padding-bottom: 2px;
}
 .lststsp2:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 11px;
    background: -moz-linear-gradient(-45deg, rgba(97, 3, 123, 0.9) 0%, rgba(183, 7, 70, 0.9) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(97, 3, 123, 0.9)), color-stop(100%, rgba(183, 7, 70, 0.9)));
    background: -webkit-linear-gradient(-45deg, rgba(97, 3, 123, 0.9) 0%, rgba(183, 7, 70, 0.9) 100%);
    background: -o-linear-gradient(-45deg, rgba(97, 3, 123, 0.9) 0%, rgba(183, 7, 70, 0.9) 100%);
    background: -ms-linear-gradient(-45deg, rgba(97, 3, 123, 0.9) 0%, rgba(183, 7, 70, 0.9) 100%);
    background: linear-gradient(135deg, rgba(97, 3, 123, 0.9) 0%, rgba(183, 7, 70, 0.9) 100%);
    -pie-background: linear-gradient(-45deg, rgba(97, 3, 123, 0.9), rgba(183, 7, 70, 0.9));
    z-index: -9;
}

.main-content .main-content-inner .design-img {
    float: left;
    width: 90.5%;
    height: auto;
    margin-right: 9.5%;
    position: relative;
    z-index: 1;
}
.main-content .main-content-inner .design-img .design-imginnr {
    background-size: cover;
    float: left;
    height: 502px;
    overflow: hidden;
    position: relative;
    width: 92%;
 
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 50%;
    margin: 50px auto;
    background-color: #fff;
    border: #FA5253 7px solid;
    transition: all .1s ease-in-out;
    font-size: 1px;
}
.main-content .main-content-inner .design-img .design-imginnr:hover{background-size:110% 110%;background-color:#fff2f2}.alt a.service-image:hover{background-color:#e2fbff}
.main-content .main-content-inner .design-img .colred-crle {
    position: absolute;
    bottom: -60px;
    left: -54px;
    top: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left;
    width: 225px;
    height: 225px;
    background: rgba(97, 3, 123, 0.9);
    background: -moz-linear-gradient(-45deg, rgba(97, 3, 123, 0.9) 0%, rgba(183, 7, 70, 0.9) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(97, 3, 123, 0.9)), color-stop(100%, rgba(183, 7, 70, 0.9)));
    background: -webkit-linear-gradient(-45deg, rgba(97, 3, 123, 0.9) 0%, rgba(183, 7, 70, 0.9) 100%);
    background: -o-linear-gradient(-45deg, rgba(97, 3, 123, 0.9) 0%, rgba(183, 7, 70, 0.9) 100%);
    background: -ms-linear-gradient(-45deg, rgba(97, 3, 123, 0.9) 0%, rgba(183, 7, 70, 0.9) 100%);
    background: linear-gradient(135deg, rgba(97, 3, 123, 0.9) 0%, rgba(183, 7, 70, 0.9) 100%);
    -pie-background: linear-gradient(-45deg, rgba(97, 3, 123, 0.9), rgba(183, 7, 70, 0.9));
}
.main-content .main-content-inner .design-img .outlne-txt {
    position: absolute;
    top: 20px;
    right: -23px;
    font-size: 140px;
    color: #3c3d48;
    font-weight: 700;
    z-index: -1;
    background: #5d057f;
    background: -moz-linear-gradient(left, #5d057f 0%, #c10446 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5d057f), color-stop(100%, #c10446));
    background: -webkit-linear-gradient(left, #5d057f 0%, #c10446 100%);
    background: -o-linear-gradient(left, #5d057f 0%, #c10446 100%);
    background: -ms-linear-gradient(left, #5d057f 0%, #c10446 100%);
    background: linear-gradient(to right, #5d057f 0%, #c10446 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#5d057f", endColorstr="#c10446", GradientType=1);
    -pie-background: linear-gradient(to right, #5d057f, #c10446);
    filter: none\0;
    color: #ffffff;
    -webkit-background-clip: text !important;
    -webkit-text-stroke: 3px transparent;
    text-stroke: 3px transparent;
    display: inline-block;
}
main-content .main-content-inner .desg-frpad {
    float: left;
    width: 100%;
    height: auto;
    padding-left: 39px;
}
.main-content .main-content-inner .desg-frpad .design-txt {
    float: left;
    width: 100%;
    height: auto;
    font-family: Open Sans, sans-serif;
    font-size: 19px;
    color: #3c3d48;
    font-weight: 400;
    line-height: 1.74;
    padding: 109px 0px 0px;
    position: relative;
    z-index: 1;
}
.main-content .main-content-inner .desg-frpad .design-txt .crcl2 {
    position: absolute;
    top: 41px;
    left: -50px;
    background-image: url(../images/backgrounds/design-crcle2.png);
    z-index: -1;
}
.main-content .main-content-inner .desg-frpad .design-txt h3 {
  
    background: #61037b;
    background: -moz-linear-gradient(left, #61037b 0%, #b70746 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #61037b), color-stop(100%, #b70746));
    background: -webkit-linear-gradient(left, #61037b 0%, #b70746 100%);
    background: -o-linear-gradient(left, #61037b 0%, #b70746 100%);
    background: -ms-linear-gradient(left, #61037b 0%, #b70746 100%);
    background: linear-gradient(to right, #61037b 0%, #b70746 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#61037b", endColorstr="#b70746", GradientType=1);
    -pie-background: linear-gradient(to right, #61037b, #b70746);
    filter: none\0;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1.28;
    padding-bottom: 33px;
   color: #ffffff !important;
    -webkit-background-clip: text !important;
    -webkit-text-stroke: 3px transparent !important;
    text-stroke: 3px transparent !important;
    display: inline-block !important;
}
.main-content .main-content-inner .desg-frpad .design-txt a {
    color: #3c3d48;
    width: 170px;
    position: relative;
    background: #FFF;
    background-clip: padding-box;
    border: 1px solid transparent;
    margin-top: 48px;
}
.main-content .main-content-inner .desg-frpad .design-txt a:before {
    border-radius: 25px;
}
.main-content .main-content-inner .desg-frpad .design-txt a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -1px;
    background: #5d057f;
    background: -moz-radial-gradient(center, ellipse cover, #5d057f 0%, #c10446 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #5d057f), color-stop(100%, #c10446));
    background: -webkit-radial-gradient(center, ellipse cover, #5d057f 0%, #c10446 100%);
    background: -o-radial-gradient(center, ellipse cover, #5d057f 0%, #c10446 100%);
    background: -ms-radial-gradient(center, ellipse cover, #5d057f 0%, #c10446 100%);
    background: radial-gradient(ellipse at center, #5d057f 0%, #c10446 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#5d057f", endColorstr="#c10446", GradientType=1);
    -pie-background: linear-gradient(to right, #5d057f, #c10446);
}
.main-content .main-content-inner .even {
    padding: 50px 0px;
}

.main-content .main-content-inner .even .shw-mobl {
    display: none;
}
.main-content .main-content-inner .desg-frpad {
    float: left;
    width: 100%;
    height: auto;
    padding-left: 39px;
}
.main-content .main-content-inner .even .desg-frpad .design-img {
    margin-right: 0;
    width: 100%;
}
.main-content .main-content-inner .even  .design-imginnr .colred-crle {
    background: rgba(66, 158, 223, 0.9) !important;
    background: -moz-linear-gradient(-45deg, rgba(66, 158, 223, 0.9) 0%, rgba(35, 191, 109, 0.9) 100%) !important;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(66, 158, 223, 0.9)), color-stop(100%, rgba(35, 191, 109, 0.9))) !important;
    background: -webkit-linear-gradient(-45deg, rgba(66, 158, 223, 0.9) 0%, rgba(35, 191, 109, 0.9) 100%) !important;
    background: -o-linear-gradient(-45deg, rgba(66, 158, 223, 0.9) 0%, rgba(35, 191, 109, 0.9) 100%) !important;
    background: -ms-linear-gradient(-45deg, rgba(66, 158, 223, 0.9) 0%, rgba(35, 191, 109, 0.9) 100%) !important;
    background: linear-gradient(135deg, rgba(66, 158, 223, 0.9) 0%, rgba(35, 191, 109, 0.9) 100%) !important;
    -pie-background: linear-gradient(-45deg, rgba(66, 158, 223, 0.9), rgba(35, 191, 109, 0.9)) !important;
    position: absolute !important;
    bottom: -60px !important;
    right: -54px !important;
    left: auto !important;
}
.even .lststsp1:after{ background: #429edf !important;}
.even .lststsp2:after{ background: #429edf !important;
    background: -moz-linear-gradient(left, #429edf 0%, #21ad84 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #429edf), color-stop(100%, #21ad84)) !important;
    background: -webkit-linear-gradient(left, #429edf 0%, #21ad84 100%) !important;
    background: -o-linear-gradient(left, #429edf 0%, #21ad84 100%) !important;
    background: -ms-linear-gradient(left, #429edf 0%, #21ad84 100%) !important;
    background: linear-gradient(to right, #429edf 0%, #21ad84 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#429edf", endColorstr="#21ad84", GradientType=1);
    -pie-background: linear-gradient(to right, #429edf, #21ad84) !important;}
.main-content .main-content-inner .even .outlne-txt {
    position: absolute;
    font-size: 140px;
    font-weight: 700;
    z-index: -1;
    background: #429edf !important;
    background: -moz-linear-gradient(left, #429edf 0%, #21ad84 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #429edf), color-stop(100%, #21ad84)) !important;
    background: -webkit-linear-gradient(left, #429edf 0%, #21ad84 100%) !important;
    background: -o-linear-gradient(left, #429edf 0%, #21ad84 100%) !important;
    background: -ms-linear-gradient(left, #429edf 0%, #21ad84 100%) !important;
    background: linear-gradient(to right, #429edf 0%, #21ad84 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#429edf", endColorstr="#21ad84", GradientType=1);
    -pie-background: linear-gradient(to right, #429edf, #21ad84) !important;
    filter: none\0;
    color: #ffffff !important;
    -webkit-background-clip: text !important;
    -webkit-text-stroke: 3px transparent !important;
    text-stroke: 3px transparent !important;
    display: inline-block !important;
}
.even .design-txt a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -1px;
      background: #429edf !important;
    background: -moz-linear-gradient(left, #429edf 0%, #21ad84 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #429edf), color-stop(100%, #21ad84)) !important;
    background: -webkit-linear-gradient(left, #429edf 0%, #21ad84 100%) !important;
    background: -o-linear-gradient(left, #429edf 0%, #21ad84 100%) !important;
    background: -ms-linear-gradient(left, #429edf 0%, #21ad84 100%) !important;
    background: linear-gradient(to right, #429edf 0%, #21ad84 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#429edf", endColorstr="#21ad84", GradientType=1);
    -pie-background: linear-gradient(to right, #429edf, #21ad84) !important;
}
.main-content .main-content-inner .desg-frpad .design-txt a:before {
    border-radius: 25px;
}
.main-content .main-content-inner .app-develop {
    padding-bottom: 50px !important;
}
.main-content .main-content-inner .design-img {
    float: left;
    width: 90.5%;
    height: auto;
    margin-right: 9.5%;
    position: relative;
    z-index: 1;
}
.main-content .main-content-inner .app-develop .design-img .outlne-txt {
    background: #eb7610 !important;
    background: -moz-linear-gradient(left, #eb7610 0%, #c64174 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eb7610), color-stop(100%, #c64174)) !important;
    background: -webkit-linear-gradient(left, #eb7610 0%, #c64174 100%) !important;
    background: -o-linear-gradient(left, #eb7610 0%, #c64174 100%) !important;
    background: -ms-linear-gradient(left, #eb7610 0%, #c64174 100%) !important;
    background: linear-gradient(to right, #eb7610 0%, #c64174 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#eb7610", endColorstr="#c64174", GradientType=1);
    -pie-background: linear-gradient(to right, #eb7610, #c64174) !important;
    filter: none\0;
    color: #ffffff !important;
    -webkit-background-clip: text !important;
    -webkit-text-stroke: 3px transparent !important;
    text-stroke: 3px transparent !important;
    display: inline-block !important;
}
.main-content .main-content-inner .desg-frpad .design-txt .crcl2 {
    position: absolute;
    top: 64px;
    left: -470px;
    background-image: url(../images/backgrounds/design-crcle2.png);
    z-index: -1;
    width: 244px;
    height: 244px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
 .app-develop .lststsp1:before {
  
     background: #eb760f !important;}
.app-develop .lststsp1:after{
    background: -moz-linear-gradient(left, #eb760f 0%, #c53f78 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eb760f), color-stop(100%, #c53f78)) !important;
    background: -webkit-linear-gradient(left, #eb760f 0%, #c53f78 100%) !important;
    background: -o-linear-gradient(left, #eb760f 0%, #c53f78 100%) !important;
    background: -ms-linear-gradient(left, #eb760f 0%, #c53f78 100%) !important;
    background: linear-gradient(to right, #eb760f 0%, #c53f78 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#eb760f", endColorstr="#c53f78", GradientType=1) !important;
    -pie-background: linear-gradient(to right, #eb760f, #c53f78) !important;
    
}
.main-content .main-content-inner .app-develop .desg-frpad .design-txt a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -1px;
    background: #eb7610 !important;
    background: -moz-linear-gradient(left, #eb7610 0%, #c64174 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eb7610), color-stop(100%, #c64174)) !important;
    background: -webkit-linear-gradient(left, #eb7610 0%, #c64174 100%) !important;
    background: -o-linear-gradient(left, #eb7610 0%, #c64174 100%) !important;
    background: -ms-linear-gradient(left, #eb7610 0%, #c64174 100%) !important;
    background: linear-gradient(to right, #eb7610 0%, #c64174 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#eb7610", endColorstr="#c64174", GradientType=1) !important;
    -pie-background: linear-gradient(to right, #eb7610, #c64174) !important;
}
.main-content .main-content-inner .desg-frpad .design-txt a:before {
    border-radius: 25px;
}
.main-content .main-content-inner .desg-frpad .design-txt a, .main-content .main-content-inner .about-main .abt-txt a, .banNewSet .centerBtnSet, .tophead .hed-rgt .btn, .fre-rept-btn {
    float: left;
    height: 52px;
    border: 1px solid #fff;
    outline: none;
    font-family: Open Sans, sans-serif;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-topright: 25px;
    -moz-border-radius-bottomright: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 0px 0px 0px;
    margin: 0px;
    text-align: center;
    text-transform: uppercase;
    line-height: 50px;
    background-color: transparent;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}



/* ============================ index Process Section ==========*/


.home-process-area {
    background-color: #051242;
}

.single-process{text-align:center;margin-bottom:30px;position:relative}
.home-process-area .single-process .icon{background:#1e2a55;display:inline-block;width:60px;height:60px;line-height:56px;margin-bottom:30px;border-radius:3px;position:relative}
.home-process-area .single-process .content h3{color:#fff;font-size: 22px;
    font-weight: normal;margin-bottom: 15px;}
.home-process-area .single-process .content p{    color: #afafaf;
    margin-bottom: 0;
    font-size: 14px;
    text-align: CENTER;
    font-weight: normal;}
.home-process-area .single-process span{position:absolute;z-index:1}
.home-process-area .single-process span:before{position:absolute;content:"";height:170px;border-right:1px dashed #f5faff;-webkit-transform:rotate(90deg);transform:rotate(90deg);top:-55px;left:122px;z-index:-1}
.home-process-area .single-process span img{max-width:100px;margin-left:100px;-webkit-animation:leftani 5s linear infinite;animation:leftani 5s linear infinite}
@-webkit-keyframes leftani{0%{-webkit-transform:translateX(-15px);transform:translateX(-15px)}50%{-webkit-transform:translateX(15px);transform:translateX(15px)}to{-webkit-transform:translateX(-15px);transform:translateX(-15px)}}@keyframes leftani{0%{-webkit-transform:translateX(-15px);transform:translateX(-15px)}50%{-webkit-transform:translateX(15px);transform:translateX(15px)}to{-webkit-transform:translateX(-15px);transform:translateX(-15px)}}



/*============ about section ======================*/
.rs-whychooseus.style4 .content-part {
    display: inline-flex;
}
.rs-whychooseus.style4 .content-part .icon-part img {
    width: 70px;
    height: 70px;
    max-width: unset;
}
.rs-whychooseus.style4 .content-part .text-part {
    padding-left: 35px;
}
.rs-whychooseus.style4 .content-part .text-part {
  padding-left: 35px;
}
.rs-whychooseus.style4 .content-part .text-part .title {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
}



/*=======================counter areaa============*/

.shape-bg1 {
    background: url(../images/backgrounds/shape-bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.rs-counter .couter-part {
  text-align: center;
}
.rs-counter .couter-part .icon-part {
  margin-bottom: 20px;
}
.rs-counter .couter-part .icon-part img {
  max-width: 70px;
  margin: 0 auto;
}
.rs-counter .couter-part .rs-count {
  font-size: 44px;
  line-height: 60px;
  font-weight: 600;
  color: #ffffff;
  position: relative;
  display: inline-block;
  padding-right: 28px;
  margin-bottom: 16px;
}
.rs-counter .couter-part .rs-count:after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  opacity: 0.9;
}
.rs-counter .couter-part .title {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0;
}
.rs-counter .couter-part.plus .rs-count:after {
  content: "+";
}
.rs-counter .couter-part.thousand .rs-count:after {
  content: "+";
  
}
.rs-counter.modify .couter-part .rs-count {
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
  padding-right: 14px;
  margin-bottom: 20px;
}
.rs-counter.modify .couter-part .rs-count:after {
  bottom: 7px;
  font-size: 19px;
  line-height: 26px;
  font-weight: 700;
  top: unset;
  transform: unset;
  opacity: 1;
}
.rs-counter.modify .couter-part .title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  text-transform: capitalize;
  margin: 0;
}
.rs-counter.modify .couter-part.plus .rs-count:after {
  content: "+";
}
.rs-counter.modify .couter-part.thousand .rs-count {
  padding-right: 10px;
}
.rs-counter.modify .couter-part.thousand .rs-count:after {
  content: "K";
  font-size: 16px;
}


/*===================== service section background ==============*/

 .services-layout2:after {
    position: absolute;
    content: '';
    left: 0;
   bottom: -45px;
    height: 150px;
    z-index: -1;
    width: 100%;
    background: url(../images/backgrounds/shape-3.png) !important;
}




/*================================ Mission Vision ==================================*/

.whychos-bx {
    float: left;
    width: 100%;
    height: auto;
    padding: 90px 20% 0px 31px;
    position: relative;
    -webkit-transition: all .15s ease 0s;
    -moz-transition: all .15s ease 0s;
    -o-transition: all .15s ease 0s;
    transition: all .15s ease 0s;
}

.home-why .whychos-bx .bgHover-cir {
    position: absolute;
    width: 542px;
    height: 530px;
    background-color: #fff;
    border: 3px solid #21ad84;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

 .whychos-bx * {
    -webkit-transition: all .15s ease 0s;
    -moz-transition: all .15s ease 0s;
    -o-transition: all .15s ease 0s;
    transition: all .15s ease 0s;
}

 .whychos-bx.one .bgHover-cir {
    top: -25px;
    left: -15px;
}
 .whychos-bx .bgHover-cir {
    position: absolute;
    width: 542px;
    height: 530px;
   background-color: #f9f9f9;
    border: 3px solid #1a5688;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
 .whychos-bx .whychos-icon {
    float: left;
    width: 72px;
    height: 72px;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}
.whychos-bx img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

 .whychos-bx img+img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
 .whychos-bx .whychos-icon:after {
    content: "";
   background: #16bcde;
    background: -moz-linear-gradient(-45deg, #429edf 0%, #23bf6d 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #16bcde), color-stop(100%, #1a5688));
    background: -webkit-linear-gradient(-45deg, #16bcde 0%, #1a5688 100%);
    background: -o-linear-gradient(-45deg, #429edf 0%, #23bf6d 100%);
    background: -ms-linear-gradient(-45deg, #429edf 0%, #23bf6d 100%);
    background: linear-gradient(135deg, #0070ba 0%, #27346a 100%);
    -pie-background: linear-gradient(-45deg, #429edf, #23bf6d);
    float: left;
    width: 69px;
    height: 69px;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: -1;border-radius: 50%;
}
.whychos-bx .whychos-txt {
    float: left;
    width: 100%;
    height: auto;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.95;
    position: relative;
    z-index: 2;
}
 .whychos-txt h6 {
    font-size: 25px;
    color: #1a5688;
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 11px;
    margin-bottom: 12px;
    line-height: 1.4;
}
.whychos-txt h6:after {
    content: "";
    float: left;
    width: 28px;
    height: 2px;
    background: #23bf6d;
    background: -moz-linear-gradient(left, #23bf6d 0%, #429edf 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #23bf6d), color-stop(100%, #429edf));
    background: -webkit-linear-gradient(left, #23bf6d 0%, #429edf 100%);
    background: -o-linear-gradient(left, #23bf6d 0%, #429edf 100%);
    background: -ms-linear-gradient(left, #23bf6d 0%, #429edf 100%);
    background: linear-gradient(to right, #23bf6d 0%, #429edf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#23bf6d", endColorstr="#429edf", GradientType=1);
    -pie-background: linear-gradient(to right, #23bf6d, #429edf);
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: auto;
}
.whychos-bx:hover .bgHover-cir {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.whychos-bx:hover .whychos-icon img+img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(-104%);
    -moz-transform: translateY(-104%);
    -ms-transform: translateY(-104%);
    -o-transform: translateY(-104%);
    transform: translateY(-104%);
}
.whychos-bx:hover .whychos-icon img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.whychos-bx.padleft90 {
   padding-left: 90px;
    width: 90%;
}
.whychos-bx.two .bgHover-cir {
    top: -25px;
    left: 27px;
}

/*==================================================================*/

.shape-overlays {
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
}
.shape-overlays.is-opened {
  pointer-events: auto;
}
.shape-overlays__path:nth-of-type(1) {
  fill: url(#gradient1);
}
.shape-overlays__path:nth-of-type(2) {
  fill: url(#gradient2);
}
.shape-overlays__path:nth-of-type(3) {
  fill: url(#gradient3);
}
.shape-overlays__path:nth-of-type(4) {
  fill: #3D0082;
}
.shape-overlays {
  z-index: 6;
}
.ot-image-box {
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.ot-image-box .overlay {
  z-index: 1;
  opacity: 1;
  background: rgba(16, 120, 165, 0.2);
}
.ot-image-box h4 {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  font-size: 26px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ot-image-box img {
  filter: grayscale(90%);
}
.ot-image-box:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: -15px;
  right: -15px;
  z-index: 1;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #43baff;
}
.ot-image-box:hover img {
  filter: none;
}
.ot-image-box:hover .overlay {
  background: transparent;
}
.ot-image-box.st1, .ot-image-box.st3 {
    margin-top: -30px;
}
.overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}.ot-image-box .overlay {
    z-index: 1;
    opacity: 1;
    background: rgba(16, 120, 165, 0.2);
}.ot-image-box h4 {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    font-size: 26px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.swal-footer{text-align:center !important;}
.navbar .navbar-toggler {
    padding: 0px;
    /* border: 2px solid rgb(17, 76, 131); */
    border-radius: 0px;
    width: 30px;
    position: relative;
    background: #104b81;
}


/* RESPONSIVE CSS */
@media screen and (min-width: 1900px) {
    .container {
        max-width: 1700px;
    }
    .navbar .nav__item .nav__item-link {
        font-size: 16px;
        padding: 0px 35px;
    }
    .slider .slide-item {
        height: 720px;
    }
    .slider .slide__title {
        font-size: 52px;
    }
    .slider .slide__title2 {
        font-size: 27px;
    }
    .sec-title .sub-title{
        font-size: 20px;
    }
    .sec-title .title {
        font-size: 40px;
        line-height: 1.7;
    }
    .sec-title p{
        font-size: 17px;
    }
    .ot-image-box h4 {
        font-size: 30px;
    }
    .rs-whychooseus.style4 .content-part .text-part .title {
        font-size: 25px;
    }
    .rs-whychooseus.style4 .content-part .text-part .desc {
        font-size: 17px;
    }
    .rs-whychooseus.style4 .content-part .icon-part img {
        width: 80px;
        height: 80px;
    }
    .rs-counter .couter-part .icon-part img {
        max-width: 80px;
    }
    .rs-counter .couter-part .rs-count {
        font-size: 45px;
    }
    .rs-counter .couter-part .title {
        font-size: 18px;
    }
    .section-header .section-heading h3 {
        font-size: 35px;
    }
    p{
        font-size: 17px;
    }
    .service-item .service__icon img {
        width: 80px;
        height: 80px;
    }
    .services-layout2 .service__title a {
        font-size: 25px;
    }
    .service__content p {
        font-size: 17px;
        line-height: 26px;
    }
    .sul li>a {
        font-size: 17px;
    }
    .services-carousel .service-item {
        height: 525px;
    }
    .service-item .btn__link {
        font-size: 15px;
    }
    .pt-100 {
        padding-top: 125px !important;
    }
    .home-process-area .single-process .icon {
        width: 80px;
        height: 80px;
        line-height: 77px;
    }
    .home-process-area .single-process .icon img{
        height: 50px;
        width: 50px;
    }
    .home-process-area .single-process .content h3 {
        font-size: 26px;
    }
    .home-process-area .single-process .content p {
        font-size: 17px;
    }
    .testi-item .ttext {
        font-size: 17px;
    }
    .testi-item .t-head h6 {
        font-size: 26px;
    }
    .testi-item .t-head span {
        font-size: 16px;
    }
    .clients .client img {
        max-width: 80%;
    }
    .clients-sec {
        height: 280px;
    }
    .mad-widget-title {
        font-size: 26px;
    }
    .mad-link, a, button {
        font-size: 17px;
    }
    .mad-icon-boxes.our-info .mad-icon-box .mad-icon-sub-title {
        font-size: 17px;
    }
    .mad-icon-boxes.our-info .mad-icon-box .mad-icon-box-title {
        font-size: 17px;
    }
    .mad-social-icons ul li a {
        width: 40px;
        height: 40px;
        line-height: 33px;
    }
    .navbar .dropdown-menu .nav__item .nav__item-link {
        font-size: 17px;
    }
    .mad-widget-title:after {
        width: 15px;
        height: 15px;
    }
    .page-title {
        padding-top: 200px;
        padding-bottom: 50px;
    }
    .pagetitle__desc {
        font-size: 17px;
    }
    .quote-box .text {
        font-size: 16px;
    }
    .section-heading h6{
        font-size: 20px;
    }
    .histry_sld_blk .histry_box {
        min-height: 435px;
    }
    .portfolio-filter li a {
        font-size: 18px;
    }
    .fixed-navbar {
        height: 110px;
        max-height: 90px;
    }
    .navbar .dropdown-toggle:after {
        right: 15px;
    }
}
@media screen and (max-width: 767px) {
    .slider .slide-item {
        height: 330px !important;
    }
    .slider .slide__title {
        font-size: 26px;
    }
    .slider .slide__title2 {
        font-size: 16px;
    }
    .sec-title .title {
        font-size: 30px;
    }
    p{
        font-size: 15px;
    }
    .rs-whychooseus.style4 .content-part .icon-part img {
        width: 55px;
        height: 55px;
    }
    .text-part .desc{
        font-size: 15px;
    }
    /* .overlay {
        left: 65px;
        width: 280px;
        height: 100%;
    }
    .ot-image-box img {
        height: 100%;
        width: 280px;
    } */
    .ot-image-box.st1, .ot-image-box.st3, .ot-image-box.st2, .ot-image-box.st4 {
        margin-left: 15px;
    }
    .pb-100 {
        padding-bottom: 50px !important;
        padding-top: 130px !important;
    }
    .rs-counter .couter-part .rs-count {
        font-size: 35px;
    }
    .rs-counter .couter-part .title {
        font-size: 15px;
    }
    .section-header .section-heading h3 {
        font-size: 25px !important;
    }
    .services-layout2 .service__title a {
        font-size: 20px;
    }
    .service-item .service__icon img {
        width: 70px;
        height: 70px;
    }
    .service__content p {
        font-size: 15px;
    }
    .sul li>a {
        font-size: 16px;
    }
    .home-process-area .single-process span {
        padding-top: 215px;
        left: -93px;
        /* display: none; */
    }
    .home-process-area .single-process span:before {
        height: 170px  !important;
        top: 160px  !important;
        left: 122px  !important;
        /* display: none; */
    }
    .single-process {
        margin-bottom: 50px;
    }
    .home-process-area .single-process .content h3 {
        font-size: 20px;
    }
    .home-process-area .single-process .content p {
        font-size: 15px;
    }
    .client-left-section {
        display: none;
    }
    .clients {
        padding: 30px 0px !important;
        padding-top: 55px !important;
    }
    .mad-footer-bottom p {
        font-size: 12px;
    }   
    .page-title {
        padding-top: 130px !important;
        padding-bottom: 30px !important;
    }
    .pagetitle__heading {
        font-size: 25px !important;
    }
    .pagetitle__desc {
        font-size: 12px;
    }
    .page-title .breadcrumb-item a, .page-title .breadcrumb-item + .breadcrumb-item::before {
        font-size: 13px;
    }
    .page-shape{
        display: none;
    }
    .wrd-tabs-wrapper-three-wrapper ul.nav.nav-tabs li:nth-child(1) {
        left: 50%;
        top: -70px;
    }
    .wrd-tabs-wrapper-three-wrapper ul.nav.nav-tabs li {
        height: 90px;
        width: 90px;
    }
    .wrd-tabs-wrapper-three-wrapper ul.nav.nav-tabs {
        height: 350px;
        width: 350px;
    }
    .wrd-tabs-wrapper-three-wrapper ul.nav.nav-tabs li:nth-child(3) {
        left: -15px;
        top: 50px;
    }
    .col-xl-6.wrd-tab-image{
        padding-left: 30px;
    }
    .wrd-tab-content-wrapper .wrd-count-number {
        font-size: 50px !important;
    }
    .wrd-tab-content-wrapper .wrd-count-title {
        font-size: 14px !important;
    }
    .portfolio-filter li a {
        font-size: 10px !important;
    }
    /* .home-projects_component {
        justify-content: center;
    } */
    .home-projects_number-wrapper h5 {
        font-size: 20px !important;
    }
    .w-richtext p{
        text-align: justify;
    }
    .home-projects_component {
        grid-column-gap: 25px;
        grid-row-gap: 25px;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        margin-bottom: 0rem;
        display: grid;
    }
    .rs-counter .col-sm-6{
        width: 50%;
    }
    section {
        padding: 0px 0 !important;
    }
    .navbar .navbar-toggler {
        padding: 0;
        border: 2px solid #114c83;
        border-radius: 0;
    }
        .navbar .navbar-toggler {
            position: absolute;
            right: 14px;
            height: 35px;
            width :35px;
        }
    .navbar .navbar-toggler .menu-lines:before {
        top: 20px;
        left: 4px;
        width: 23px;
        height: 2px;
    }
    .navbar .navbar-toggler .menu-lines span {
        top: 7px;
        left: 4px;
        width: 23px;
        height: 2px;
    }
    .navbar .navbar-toggler .menu-lines:after {
        top: 14px;
        left: 4px;
    }
    .navbar .navbar-toggler.actived .menu-lines:after {
        top: 12px;
    }
    .navbar .navbar-toggler.actived .menu-lines::before {
        top: 12px;
    }
    .about-us .reverse{
        flex-direction: column-reverse;
    }
    .about-section .reverse{
        flex-direction: column-reverse;
    }
    .wrd-tabs-wrapper-three-wrapper .wrd-tab-content-wrapper {
        padding-left: 60px;
        margin-top: 35px;
    }
    .wrd-tab-image{
        padding-top: 60px;
    }
    .wrd-tabs-wrapper-three-wrapper .wrd-tab-menu-text {
        font-size: 22px;
    }
    .about-us .about-img:before {
        display: none;
    }
    .header__promo-text {
        display: contents;
    }
    .header__promo-text span {
        font-size: 12px !important;
        margin: 0 0 0 35px;
    }
    #history_slider {
        padding-left: 130px;
        padding-top: 110px;
    }
       .about-us .reverse{
        flex-direction: column-reverse;
    }
    
    

}

@media screen and (min-width: 1440px) {
    .header__promo-text span {
        font-size: 15px;
    }
    .navbar .nav__item .nav__item-link {
        font-size: 16px;
    }
    .navbar .dropdown-menu .nav__item .nav__item-link {
        font-size: 16px;
    }
    .navbar .dropdown-toggle:after {
    right: -3px;
}
.featured-icon-box {
    padding-right: 20px;
}
    .fixed-navbar .navbar-brand {
        height: 75px;
    }
    .slider .slide-item {
        height: 450px;
    }
    .slider .slide__title2 {
        font-size: 20px;
    }
    .slider .slide__title {
        font-size: 35px;
    }
    .sec-title .sub-title{
        font-size: 14px;
    }
    .sec-title .title{
        font-size: 28px;
    }
    .section-header .section-heading h3 {
        font-size: 27px;
    }
    .services-layout2 .service__title a {
        font-size: 18px;
    }
    .page-title {
        padding-top: 190px;
        padding-bottom: 55px;
    }
    .tab-description{
        font-size: 17px;
    }
    .wrd-tab-content-wrapper .wrd-count-number {
        font-size: 65px;
    }
    .navbar {
        height: 110px;
        max-height: 110px;
    }
    .wrd-tab-content-wrapper .wrd-count-title {
        font-size: 17px;
    }
    .histry_sld_blk .histry_box {
        margin: 36px 15px;
        min-height: 460px;
    }
}

/*@media screen and (max-width: 1024px){*/
/*    .navbar .nav__item .nav__item-link {*/
/*        font-size: 12px;*/
/*        padding: 0px 7px;*/
/*    }*/
/*    .navbar .navbar-brand {*/
/*        height: 93px;*/
/*        line-height: 70px;*/
/*        width: 170px;*/
/*        padding: 14px;*/
/*    }*/
/*    .header__promo-text span {*/
/*        font-size: 12px;*/
/*    }*/
/*    .slider .slide-item {*/
/*        height: 425px;*/
/*    }*/
/*    .slider .slide__title2 {*/
/*        font-size: 20px;*/
/*    }*/
/*        .slider .slide__title {*/
/*            font-size: 35px;*/
/*        }*/
/*        .title {*/
/*            font-size: 30px;*/
/*        }*/
/*        .rs-counter .couter-part .rs-count {*/
/*            font-size: 35px;*/
/*        }*/
/*        .rs-counter .couter-part .title {*/
/*            font-size: 14px;*/
/*        }*/
/*        .services-layout2 .service__title a {*/
/*            font-size: 18px;*/
/*        }*/
/*        .home-process-area .single-process span:before {*/
/*            height: 170px;*/
/*            top: -55px;*/
/*            left: 100px;*/
/*        }*/
/*        .page-title {*/
/*            padding-top: 175px;*/
/*            padding-bottom: 45px;*/
/*        }*/
/*        .pagetitle__heading {*/
/*            font-size: 32px;*/
/*        }*/
/*        .pagetitle__desc {*/
/*            font-size: 14px;*/
/*        }*/
/*        .histry_sld_blk .histry_box {*/
/*            margin: 36px 15px;*/
/*            min-height: 750px;*/
/*        }*/
/*        .about-section .reverse {*/
/*            flex-direction: column-reverse;*/
/*        }*/
/*        .wrd-tab-image{*/
/*            padding-top: 60px;*/
/*        }*/
/*}*/

/* RESPONSIVE CSS */