body { font-family: 'Poppins', sans-serif; outline:none; position:relative; font-size:14px;   text-rendering: optimizelegibility;    word-wrap: break-word; font-smooth: always; font-weight:400; webkit-font-smoothing: antialiased;  color:#000; }
header, section, footer, aside, div, ul, ul li, li, input, label { box-sizing:border-box; }
h2 { font-size:50px; font-weight:700; }
h3{ font-size:24px; font-weight:700;}
h4{ font-size:24px; }
h2.big-title {  text-align: center;  letter-spacing: 0;  text-transform: capitalize;  -webkit-text-fill-color: transparent; background-image: linear-gradient(#d0d7dd,rgba(208,215,221,.17));
    -webkit-background-clip: text;    background-clip: text;  font-size: 75px !important;  font-weight: 600;  line-height: 125% !important; }
ul, ul li, li { list-style-type:none; }
ul, ol{ padding:0; margin:0;}
a{transition:ease-in .3s;}
a, a:hover, a:focus, a:focus, a:active{ text-decoration:none; outline:none; color:inherit; }
input:focus, select:focus, button:focus{ outline:none;}
.container{ max-width:85%;} 
.loader{ width:100%; height:100%; position:fixed; background:#fff; z-index:99999; display:block; text-align:center; display:table;}
.loader figure{ display:table-cell; vertical-align:middle;}
.loader img{ vertical-align:middle;}
header {width:100%; float:left;   transition: all 0.5s;  z-index:999 ; padding:5px 0; background:rgba(0, 0, 0, .75); position:absolute; border-bottom:1px solid rgba(255,255,255,.12);     -webkit-backdrop-filter: saturate(75%)blur(40px);    backdrop-filter: saturate(75%)blur(40px); }
header.sticky{  position:fixed; z-index:500; box-shadow:0 0px 9px 0 #333;}
header .logo_area{ width:100%; float: left; padding: 5px 0px; color:#fff; font-weight:700; font-size:32px; }
header .logo_area img{ max-width:100%; max-height:60px;}
nav{ width:100%; float:left; height:auto;  font-size:16px; padding:0px 0 0 0px;  z-index:5; font-weight:400; display:flex; justify-content:space-between; flex-flow:row; text-transform:uppercase; }
.no_pos{ position:inherit;}
.align_center{ align-items:center;}

nav ul{ padding:0px; margin:0px 0px 0 0; width:auto; float:left; text-align:left; letter-spacing: .5px; display:flex; align-items:center; flex-flow:row wrap;  }
nav ul.menu{ padding:0px 0 0;}
nav ul li { width:auto; display:inline;  margin:0px 10px; }
nav ul li:last-child{ border:none !important; display: none;}
nav ul li a {  width:auto; padding:10px 20px;  display:inline-block; color:#fff;  transition:ease-in .3s; line-height:16px; position:relative; z-index:0; border-radius: 30px;}
nav ul li:hover a::after, nav ul li a.active::after{ display:block;}
nav ul li:hover a, nav ul li.active a, nav ul li.current-menu-item a{  color:#580d30; background: rgba(255,255,255,.12); border-radius: 30px; color: #fff;}
nav ul li a span{ color:#54B74C; font-weight:400;}
nav ul li a img{ vertical-align:middle;}
nav ul li:last-child a{ border:none;}
nav ul li div.drop1_list {margin: 0;	padding:50px 0;	position: absolute;	z-index: 999;	width: 100%;top: 90px;	box-shadow: 0 0 5px 0 #999;	left: 0;	transform: scale(1, .5);	-webkit-transform: scale(1, .5);	-moz-transform: scale(1, .5);	transform-origin: top;	-webkit-transform-origin: top;-moz-transform-origin: top;	visibility: hidden;	opacity: 0;	transition: all .3s ease; background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat padding-box; min-height:500px; color:#fff; max-height:900px; overflow:auto; }
nav ul li:hover div.drop1_list {opacity: 1;visibility: visible;transform: scale(1, 1);	-webkit-transform: scale(1, 1);	-moz-transform: scale(1, 1)}
nav ul li div.drop1_list h3{}
nav ul li:hover div.drop1_list p{ font-weight:400;}
nav ul li:hover div.drop1_list ul{ width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch;}
nav ul li:hover div.drop1_list ul li{ flex:0 0 33.33%; margin:15px 0 15px 0; padding:0 30px 0 0; }
nav ul li:hover div.drop1_list ul li a::after{ display:none;}
nav ul li:hover div.drop1_list ul li h4{ width:100%; float:left; font-size:20px; color:#fff; font-weight:600; margin:0 0 15px;}
nav ul li:hover div.drop1_list ul li p{ width:100%; float:left; font-size:14px; line-height:20px; margin:0 0 10px;}
nav ul li:hover div.drop1_list ul li a{ color:#FFFFFF73; padding:0; font-size:14px;}
.mobile_nav{ width:30px; float:right; background:none; border:solid 0px #fff; border-width:0px; height:35px; margin:0px; color:#000; font-size:16px; text-transform:uppercase;  padding:0 0px 0 0; cursor:pointer; top:50px; display:none;  }
.nav_right{ right:0; z-index:500; background: #fff;  -webkit-animation:menu .7s;  animation:menu .7s; top:88px; }

header nav .login_ul a{ background:#580d30; padding:12px 25px; border-radius:30px; font-size:15px; font-weight: 600; color:#fff; text-transform:uppercase; display: inline-block; letter-spacing: 1px;}


header.sticky nav .login_ul{ padding:0;}
@keyframes menu{mar
0%{opacity:.6; right:-100%;}
100%{opacity:1; right:0px;}
}
@-webkit-keyframes menu{
0%{opacity:.6; right:-100%;}
100%{opacity:1; right:0px;}
}

.main_bnr{ width:100%; float:left; position:relative; overflow:hidden; background:url(../images/main_bg.jpg) no-repeat; background-size::100%; text-align:center; color:#fff; padding:50px 0 0; height: 100vh; display: flex; flex-flow: wrap; align-content: center; justify-content: centr; background-size: cover;}
.cont_bnr{ max-height:450px; }
/*.main_bnr::before{ width:220px; height:220px; border-radius:50%; content:''; position:absolute;  background:transparent linear-gradient(90deg, #580d30 0%, #fc45ff 50%, #542877 100%) 0% 0% no-repeat; right:-160px; top:80px; z-index:99;  animation-name: rotate;  animation-duration: 10s;  animation-iteration-count: infinite; animation-timing-function: linear;}*/
.plan_bnr::before{ width:220px; height:220px; border-radius:50%; content:''; position:absolute;  background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat; left:-160px; top:80px; z-index:99}
.main_bnr h1,  .main_bnr h2{ font-size:7em; line-height:110px; font-weight: 600; text-shadow: 0 0 15px #2b0618; width: 100%; float: left;}
 .main_bnr h3{width: 100%; float: left; font-size:3em; font-weight: 600; margin: 0;}
.port_bnr::before{ width:220px; height:220px; border-radius:50%; content:''; position:absolute;  background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat; left:-160px; bottom:120px; z-index:99; top:inherit;}

.top_content_bnr{  width:100%; float:left; height:100%; min-height:75vh; display:flex;  flex-flow:wrap; align-content:center;  justify-content:center;}
.top_content_bnr p{ font-size:20px; line-height:32px;  margin:50px 0; width:100%; float:left; padding:0 20%;}
.top_content_bnr .cta a{background:#580d30; padding:15px 50px; border-radius:30px; font-size:20px; color:#fff; text-transform:uppercase; font-weight: 600;}
.loader_scroll{ width:100%; float:left; text-align:center; padding:0px 0 30px; position: relative;}
.loader_scroll figure{ margin:0; position: absolute; top: -150px;}
.loader_scroll figure img{ cursor:pointer;  animation-name: rotate;  animation-duration: 10s;  animation-iteration-count: infinite; animation-timing-function: linear; min-width: 160px;}
@keyframes rotate{
    from{ transform: rotate(-360deg); }
    to{ transform: rotate(360deg); }
}

.about_bnr{ background-attachment:fixed; }
.top_overview{ width:100%; float:left; padding:60px 0; }
.top_logo_area{ width:100%; float:left; text-align:center; }
.top_logo_area h4{ margin:0; font-size:24px; }
.top_logo_area ul{ width:100%; float:left; text-align:center; margin:0; }
.top_logo_area ul li{ display:inline-block; margin:0px 20px; }
.top_logo_area ul li img{ max-height:60px; opacity:.5; transition:ease-in .3s; }
.top_logo_area ul li:hover img{ opacity:1; }
.content_area{ margin:25px 0 0; }
.content_area p{ font-size:16px; line-height:27px; }
ul.info_graphic{ width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between; margin:35px 0 0; }
ul.info_graphic li{ flex:0 0 24%; margin:15px 0; }
.numbox{  text-align:left;  padding: 2rem 1.5rem;  background:#f7f8f8;   border-radius: 12px; transition: ease-in .3s;}
ul.info_graphic li:hover .numbox {  background: #ffcdcd;}
ul.info_graphic li:nth-child(2):hover .numbox, ul.info_graphic li:nth-child(6):hover .numbox {  background: #d8ffc4;}
ul.info_graphic li:nth-child(3):hover .numbox, ul.info_graphic li:nth-child(7):hover .numbox {  background: #addafd;}
ul.info_graphic li:nth-child( 4):hover .numbox, ul.info_graphic li:nth-child(8):hover .numbox {  background: #fdffb8;}

.top_srvc_stats{ width:100%; float:left; padding:30px 0 50px; border-top:solid 1px #ddd; margin:30px 0 0; }
.top_srvc_stats h3{ font-size:24px; margin:0 0 15px; font-weight:600; }
.top_srvc_stats ul.info_graphic { margin:0; }
.top_srvc_stats .numbers strong{ font-size:22px; }
.numbox span{    display:inline-block;transition: ease-in .3s; }
.numbers{   margin-bottom:10px}
.numbers strong{ color:#2d2d33;    font-size:30px;    font-weight:600;    display:block}

.numbox:hover span{
    margin-top:-10px
}
.numbox span {
   
    height: 80px;
    width: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.orangebox{
     background: #f8e4cd;
}

.pinkbox{
    background: #fbd6ee;
}
.purplebox{
    background: #d3c4f6;
}
.greenbox{
    background: #c2f7b6;
}

.video_area{ width:100%; float:left; height:80vh; position:relative; }
.video_area video{ width:100%; height:100%; object-fit:cover; }
.video_area::after{ content:""; position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, .5); left:0; top:0; }





.rgt_bnr_info{ width:100%; float:left; position:relative; padding:130px 0 0 40px;}
.rgt_bnr_info h3{ font-size:28px; line-height:32px; margin:0 0 0px; width:100%; float:left; position:relative; z-index:5;}
.rgt_bnr_info h3::before{ width:80px; content:''; position:absolute; height:8px; border-radius:0px; background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat; left:0%; top:18px; z-index:-1}
.rgt_bnr_info p{ font-size:16px;  margin:0; padding:0 0% 0 0; margin:15px 0; width:100%; float:left; letter-spacing:.5px; font-weight:500;}
.rgt_bnr_info figure{ width:100%; float:left; margin:80px 0 0px; padding:0 0% 0 0; position:relative; z-index:2; left:-100px;}
.rgt_bnr_info figure::before{ content:''; position:absolute; width:100%; height:100%; left:-25px; top:-25px; z-index:-1;  background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat;}
.rgt_bnr_info figure img{ max-width:100%;}

.main_inc_bnr{ width:100%; float:left; display:flex; flex-flow:row; justify-content:space-between; position:relative; z-index:-2}
.main_inc_bnr::before{ width:450px; height:170px; background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat padding-box; position:absolute; content:""; left:0px; bottom:90px; z-index:-1; animation:bulb .5s .2s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards;}
.main_inc_bnr .text_area{flex:0 0 40%; font-size:120px; color:#000; font-weight:800; display:flex; position:relative; z-index:5;}
.main_inc_bnr .img_area{flex:0 0 50%; padding:60px 0 0; position:relative; z-index:0;}
.main_inc_bnr .img_area figure{ margin:0 0 30px;}


.main_inc_bnr .img_area h4{ font-size:72px; color:#000; text-align:right; font-weight:700}
.main_inc_bnr .img_area img{ max-width:100%;}
.main_inc_bnr .text_area .txt_1, .main_inc_bnr .text_area .txt_2  { width:50%; float:left; position:relative; bottom:0; text-align:left; letter-spacing:5px;}
.main_inc_bnr .text_area span{writing-mode: vertical-rl; text-orientation:sideways-right ; transform:rotate(-180deg)}
.main_inc_bnr .text_area .txt_1 span{ position:absolute; bottom:00px; z-index:99}
.main_inc_bnr .text_area .txt_2 span{ position:absolute; top:0px; z-index:99}
.bnr_arow{ width:100px; display:flex; flex-flow:row wrap; justify-content:space-between; margin:-60px 0 0; position:absolute; right:24%;}

.bnr_arow .carousel-control-next, .bnr_arow .carousel-control-prev { position:relative; border:solid 1px #000; width:36px; height:36px; display:inline-block; border-radius:50%; padding:2px 3px 2px; opacity:1;}
.bnr_arow .carousel-control-next span, .bnr_arow .carousel-control-prev span{background:#fff; width:30px; height:30px; line-height:28px; border-radius:50%; display:inline-block;}
.what_we_offer .news_slider{ width:100%; float:left; margin:30px 0 0;}
	
.top_stats{ width:100%; float:left; text-align:center; padding:80px 0; }
.top_stats h2{width:100%; float:left; font-size:48px; line-height:60px; color:#000; position:relative; z-index:5; }
.top_stats p{ font-size:20px; line-height:32px; }
.top_stats ul.project_list{ width:100%; float:left;   display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; margin: 30px 0 80px;}
.top_stats ul.project_list li{ flex:0 0 33.33%; padding:15px; }
.top_stats ul.project_list li figure{ width:100%; float:left; margin:0; border: solid 10px #ccc;  height:500px; overflow:hidden; position:relative;transition:ease-in .3s; }
.top_stats ul.project_list li figure::before{ width:100%; height:100%; background: linear-gradient(0deg, rgb(88 13 48) 0%, rgb(40 40 40 / 0%) 100%); content: ''; position: absolute; left: 0; top: 0; z-index: 1; }
.top_stats ul.project_list li figure .dtls{ width:100%; height:auto; padding:40px; bottom:-215px; left:0; position:absolute; color:#fff; z-index:10; transition:ease-in .3s; }
.top_stats ul.project_list li:hover figure .dtls{ bottom:0; }
.top_stats ul.project_list li:hover figure::before{background: linear-gradient(0deg, rgb(88 13 48) 0%, rgb(40 40 40 / 90%) 100%)}
.top_stats ul.project_list li figure .dtls h3{ font-size:24px; font-weight:500; margin:0 0 50px; text-transform:uppercase; }
.top_stats ul.project_list li figure .dtls h4{ font-size:20px; font-weight:300; margin:0 0 5px; }
.top_stats ul.project_list li figure .dtls p{ font-size:13px; font-weight:400; line-height:20px;  margin:0 0 20px; }
.top_stats ul.project_list li figure .dtls p b{font-weight:400; font-style:italic;}
.top_stats ul.project_list li figure .dtls .label{ width:100%; float:left; margin:0 0 20px; }
.top_stats ul.project_list li figure .dtls .label span{ background:rgba(0, 0, 0, 0.5); color:#fff; border-radius:30px; padding:5px 20px; margin:5px; text-transform:uppercase; font-size:13px; font-weight:500; }
.top_stats ul.project_list li figure .dtls a{ display:inline-block; background:#000; color:#fff; font-size:14px; font-weight:600; border-radius:30px; padding:8px 25px; }
.top_stats ul.project_list li figure img{ width:100%; height:100%; object-fit: cover;  object-position: top center; transition: all 1s ease-in-out; }
.top_stats ul.project_list li figure:hover img{  object-position: bottom center; }

.about_stats{ width:100%; float:left; margin:0 0 50px; }
.about_stats .grey_bg{ width:100%; float:left; margin:50px 0 0;min-height:100px;}
.about_stats .grey_bg ul{ width:100%; float:left; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:0 20px;}
.about_stats .grey_bg ul li{ flex:1; font-size:24px; font-weight:500; position:relative; z-index:5; color: #000; text-align: center;     border-right: solid 1px #ccc;}
.about_stats .grey_bg ul li:last-child{ border:none; }
.about_stats .grey_bg ul li .stats{ font-size:100px; font-weight:700; color:#580d30; line-height:80px; display:block; }


.top_stats .grey_bg.padd_box{ padding:50px 20px 30px;}
.top_stats .grey_bg .box_info{ width:50%; float:left; text-align:left; padding:0 25px;}
.top_stats .grey_bg .box_info h2{ font-size:48px; line-height:60px; margin:0 0 0px; width:100%; float:left; position:relative; z-index:5;}

.top_stats .grey_bg .box_info label{ font-size:18px;  margin:0 0 0px; font-weight:700; width:100%; float:left;}
.top_stats .grey_bg .box_info p{ font-size:16px;  margin:30px 0 40px; width:100%; float:left; letter-spacing:.5px; font-weight:500; text-align:justify;}
.top_stats .grey_bg .box_info figure{ width:100%; float:left; margin:0; }
.top_stats .grey_bg .box_info figure img{ width:100%; height:auto;}


.what_we_do{ width:100%; float:left; min-height:500px; padding:70px 0 0;}
.what_we_do h2, .what_we_do h1{ position:relative; font-size:60px; z-index:2; text-align:center;	}
.what_we_do label{ font-weight:700; margin:0px 0 30px; font-size:26px;text-align:center;width:100%; float:left;  }
.what_we_do p{ font-size:20px; line-height: 32px;  margin:0px 0 15px; width:100%; float:left; letter-spacing:.5px; font-weight:500; text-align:center;}


.top_tab_area{ width:100%; float:left; position:relative; padding:0 0px; z-index:99;}
.top_tab_area ul.nav-tabs{ justify-content:space-between; border-bottom:none; margin:0 0 35px;}
.top_tab_area ul.nav-tabs li{ position:relative; flex:0 0 16%;  }
.top_tab_area ul.nav-tabs li img{ max-width:100%; height:auto; opacity:.2;}
.top_tab_area ul.nav-tabs li:last-child::after{ display:none;}
.top_tab_area ul.nav-tabs li a{ font-size:14px; color:#fff; background:#000; font-weight:300; text-align:center; border-radius:0px; min-width:120px; padding:0px; position:relative;}

.top_tab_area ul.nav-tabs li a span{ position:absolute; width:100%; height:100%; z-index:10; left:0; font-weight:700; font-size:15px; line-height:18px; top:45%; }
.top_tab_area ul.nav-tabs li a span::before{ content:'01'; position:absolute; width:100%; font-size:90px; line-height:90px; opacity:.1; top:-20%; left:0; font-family:Arial, Helvetica, sans-serif;}
.top_tab_area ul.nav-tabs li:nth-child(2) a span::before{ content:'02';}
.top_tab_area ul.nav-tabs li:nth-child(3) a span::before{ content:'03';}
.top_tab_area ul.nav-tabs li:nth-child(4) a span::before{ content:'04';}
.top_tab_area ul.nav-tabs li:nth-child(5) a span::before{ content:'05';}
.top_tab_area ul.nav-tabs li:nth-child(6) a span::before{ content:'06';}
.top_tab_area ul.nav-tabs .nav-link.active{ border:0px solid #54b74c; background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat padding-box; color:#fff;}
 

.top_tab_area .tab-content{ width:100%; display:flex; background:#fff; background-color: #fff;  margin: 50px 0 50px 0; padding:0px;}
.top_tab_area .tab-content figure{ width:50%; float:left;  border-radius: 40px; box-shadow: -16px -1px 40px 19px rgba(0,0,0,.06); position: relative;}
.top_tab_area .tab-content figure::before { z-index: -1; width: 80%;  height: 65%; filter: blur(180px); background-color: #fc001d;  border-radius: 200px;   position: absolute;  top: 5%;  bottom: auto;  left: auto;  right: 0%; content: ""}

.top_tab_area .tab-content figure img{ width:100%; height:auto; border-radius: 45px;}
.top_tab_area .tab-content .srvc_info{width:50%; float:left; padding:150px 60px 50px;}
.top_tab_area .tab-content .srvc_info h3{ width:100%; float:left; position:relative; height:130px; text-align:center; margin:0; }
.top_tab_area .tab-content .srvc_info h3 label{ position:relative; z-index:2; font-size:28px; text-align:center; width:100%;}
.top_tab_area .tab-content .srvc_info h3 label::before{content:""; width:70px; height:5px; position:absolute; left:0;background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat padding-box; top:15px;}
.top_tab_area .tab-content .srvc_info h3::before{ content:'01'; position:absolute; font-size:200px; line-height:200px; color:#D6D6D6; z-index:0; left:0; width:100%; top:-85px;     font-family:Arial, Helvetica, sans-serif; letter-spacing:5px; font-weight:700; text-align:center;	 }
.top_tab_area .tab-content #web .srvc_info h3::before{ content:'02';}
.top_tab_area .tab-content #dev .srvc_info h3::before{ content:'03';}
.top_tab_area .tab-content #digital .srvc_info h3::before{ content:'04';}
.top_tab_area .tab-content #ecomm .srvc_info h3::before{ content:'05';}
.top_tab_area .tab-content #mobile .srvc_info h3::before{ content:'06';}
.top_tab_area .tab-content .srvc_info p{ font-size:16px;  margin:0px 0 40px; width:100%; float:left; letter-spacing:.5px; font-weight:500; text-align:left;}
.top_tab_area .tab-content .srvc_info a.view_more{ border:solid 2px #000; padding:10px 20px;  color:#000; font-weight:600; background:#fff;}
.top_tab_area .tab-content .srvc_info a.view_more:hover{background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat padding-box; color:#fff; border:solid 2px #258CFF;}

.top_tab_area .tab-content .form_area{ width:100%; float:left;}
.top_tab_area .tab-content .form_area ul.top_data{width:100%; float:left; display:flex; align-items:center; padding:15px 0; margin:0 0 10px; flex-flow:row wrap;}
.top_tab_area .tab-content .form_area ul.top_data li{ width:auto; margin:0 15px 0 0;}
.top_tab_area .tab-content .form_area ul.top_data li a{ color:#5B646D; font-size:15px; border-right:solid 1px #d6d6d6; padding:0 15px 0 0; display:flex; align-items:center;}
.top_tab_area .tab-content .form_area ul.top_data li a svg{ margin:0 10px 0 0;}
.top_tab_area .tab-content .form_area ul.top_data li:last-child a{ border:none;}


.tools-icon-row1 { justify-content: flex-start; align-items: center;  display: flex}
.tools-icon {   grid-column-gap: 16px;   color: #fff;   background-color: #202020;  border-radius: 100px;  flex: none;  justify-content: flex-start;  align-items: center;  margin-bottom: 0;  margin-left: 0;  margin-right: 24px; padding: 8px 24px 8px 8px;  display: flex;    box-shadow: 0 8px 48px rgba(0,0,0,.06)}

.icon-2 {  width: 48px;  height: 48px;  max-width: 4rem;  border-radius: 100%}

.logo-title-2 {  letter-spacing: -.01em;  font-size: 16px;  font-weight: 500;    line-height: 120%}

.mid_project{ width:100%; float:left; background: linear-gradient(117deg, #6900cd 0%, #a131a3 50%, #542877 100%) 0% 0% no-repeat; min-height:100px; position:relative; padding:50px 0; margin:50px 0 1px;}
.mid_project h3{ font-size:48px; line-height:54px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:700}
.mid_project h3 span{-webkit-text-stroke: 1px #fff; color:transparent;}
.mid_project::after{ content:''; background:url(../images/mid_project.png) no-repeat right; background-size:cover; position:absolute; width:35%; height:100%; right:0; top:0;  }
.mid_project .cta{ width:100%; float:left; position:relative; z-index:5; text-align:center; margin:50px 0 0;}
.mid_project .cta a{ border:solid 1px #580d30; color:#580d30; text-transform:uppercase; font-weight:500; padding:10px 20px; letter-spacing:1px; border-radius: 30px;}
.mid_project .cta a:hover{background: #580d30; color:#fff; }


.spcl_info{ width:100%; float:left; padding:0 0 50px 0;}
.spcl_info h2{ position:relative; font-size:48px; z-index:2	}
.spcl_info label{ font-weight:600; margin:0px 0 30px; font-size:32px; text-align:center; width:100%; float:left ; }
.spcl_info figure{ width:100%; float:left; margin:0;}
.spcl_info p{ font-size:16px;  margin:0px 0 15px; width:100%; float:left; letter-spacing:.5px; font-weight:500;}
.spcl_info figure img{ max-width:100%; height:auto;}
.spcl_info ul.spcl_box{ width:100%; float:left; padding:0; margin:0; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between;}
.spcl_info ul.spcl_box li{ flex:0 0 24%; border-radius: 15px; padding:25px; text-align:center; color:#000; margin:0 0 35px; border: solid 1px #d7d7d7; transition: ease-in .3s; padding: 35px;}  
.spcl_info ul.spcl_box li:hover{ box-shadow:0 0 15px 0 #ccc; }

.spcl_info ul.spcl_box li h3{ font-size:28px; font-weight:500; margin:10px 0px; width:100%; float:left; }
.spcl_info ul.spcl_box li p{ margin:0;width:100%; float:left; font-size:16px; line-height:27px; padding:0; margin:0 }

.industries{ width:100%; float:left; padding:70px 0; position:relative; }
.industries label{font-weight:600; margin:0px 0 30px; font-size:32px; text-align:center; width:100%; float:left ; text-align: center; }
.industries p{ font-size:18px;  margin:0px 0 15px; width:100%; float:left; letter-spacing:.5px; font-weight:400; text-align: center;}
.accordion ul.ind_list{ width:100%; float:left; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:50px 0 0; position:relative; z-index:1; }
.accordion ul.ind_list li{ flex:0 0 31.5%;  border:none; background: rgba(0,0,0,.04); border-radius: 8px; margin: 20px 0;}



.accordion {    max-width: 100%;    margin: 0 auto;  border-radius: 3px;  box-shadow: 0 10px 15px -20px rgba(0, 0, 0, 0.3), 0 30px 45px -30px rgba(0, 0, 0, 0.3), 0 80px 55px -30px rgba(0, 0, 0, 0.1);}
.heading {  color: #000;  font-size:20px; font-weight: 500;   letter-spacing: 0.8px;  padding: 20px; cursor: pointer; }
.heading:nth-last-child(2){  border-bottom:0;}
    .heading:first-child:hover {  border-radius: 3px 3px 0 0;}
.heading:nth-last-child(2):hover{  border-radius:0 0 3px 3px;}
.heading::before {  content: "\f107"; font-family: 'Fontawesome';  vertical-align: middle;  display: inline-block;  float: right;  transform: rotate(0);  transition: all 0.5s;  margin-top: 0px; font-size: 24px;}
.active.heading::before {  transform: rotate(-180deg);}
.not-active.heading::before {  transform: rotate(0deg);}
.contents {  display: none;    padding:20px; color: #000;  font-size: 13px;    line-height: 1.5;}
.contents p{ font-size:15px; line-height:24px; text-align:left; }


.faq_home{ width:100%; float:left; padding:80px 0; background:linear-gradient(rgba(235,245,255,0),#ebf5ff 69%); }
.faq_home label{font-weight:600; margin:0px 0 30px; font-size:32px; text-align:center; width:100%; float:left ; text-align: center; }
.faq_home p{ font-size:18px;  margin:0px 0 15px; width:100%; float:left; letter-spacing:.5px; font-weight:400; text-align: center;}

.accordion ul.faq_list{ width:100%; float:left; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:50px 0 0; position:relative; z-index:1; }
.accordion ul.faq_list li{ flex:0 0 48%;  border:none; background: none; border-radius: 8px; margin: 10px 0;}
.accordion ul.faq_list li p{ text-align:left; font-size:15px; line-height:24px;}

.accordion ul.faq_list li .heading{ font-size:18px;}


.what_we_offer{ width:100%; float:left; padding:50px 0;}
.what_we_offer figure{ width:100%; float:left; margin:0;}
.what_we_offer figure img{ max-width:100%; height:auto;}
.what_we_offer h2{ position:relative; font-size:48px; z-index:2	}
.what_we_offer h4{ text-transform:uppercase;}
.what_we_offer h2 span{ position:relative; z-index:11;   -webkit-text-stroke: 2px #fff;  color:rgba(255,255,255,.1); font-family:Arial, Helvetica, sans-serif; font-weight:700;}
.what_we_offer h2::before{ width:300px; content:''; position:absolute; height:12px; border-radius:0px; background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat; left:0px; bottom:15px; z-index:-1}
.what_we_offer h2 span::after{ content:"O"; width:33px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-weight:700; position:absolute; left:0; top:0; color:#000;}

.what_we_offer .news_area{ width:auto; float:left; position:absolute; left:00px; margin-top:100px;}
.what_we_offer .news_area label{ font-weight:700; margin:10px 0 0; font-size:18px; }
.what_we_offer .carousel-control-next, .what_we_offer .carousel-control-prev { position:relative; border:solid 1px #465CFF; width:40px; height:40px; display:inline-block; border-radius:50%; padding:4px 3px 4px; opacity:1;}
.what_we_offer .carousel-control-next span, .what_we_offer .carousel-control-prev span{background: transparent linear-gradient(180deg, #258CFF 0%, #455FFF 47%, #652BFF 100%) 0% 0% no-repeat padding-box; width:30px; height:30px; line-height:28px; border-radius:50%; display:inline-block;}
.what_we_offer .news_slider{ width:100%; float:left; margin:30px 0 0;}
.what_we_offer .news_slider .slide_arrow{width:auto; float:left; margin:0px 0 40px; position:absolute; left:200px; top:200px; z-index:9999;}
.what_we_offer .news_slider p{font-size:16px; line-height:24px;  margin:270px 0 40px; width:100%; float:left; letter-spacing:.5px; font-weight:500;}

.talk_us{width:100%; float:left; position:relative; margin:50px 0 50px;}
.talk_us h2{ position:relative; font-size:48px; z-index:2	}
.talk_us label{ text-transform:uppercase;width:100%; float:left; font-size:18px; font-weight:700; margin:25px 0;}
.talk_us p{font-size:18px; line-height:24px;  margin:0px 0 40px; width:100%; float:left; letter-spacing:.5px; font-weight:500;}
.talk_us .talk_box{ width:100%; float:left; background:#E9E9E9 url(../images/talk_us.jpg) no-repeat right; min-height:500px; background-size:auto 100%; padding:50px; }
.talk_us .talk_box .part_01{ width:50%; float:left; padding-right:30px;}
.talk_us .talk_box .part_01 ul{ width:100%; float:left; margin-bottom:10px;}
.talk_us .talk_box .part_01 ul li{  width:100%; float:left;  margin:10px 0; display:flex; flex-flow:row; align-items:center;}
.talk_us .talk_box .part_01 ul li figure{ flex:0 0 50px; text-align:center; margin:0;}
.talk_us .talk_box .part_01 ul li span{ font-size:18px; line-height:26px; font-weight:500; letter-spacing:1px; padding:0px 0 0 10px;}
.talk_us .talk_box .part_02{ width:50%; float:left; background: transparent linear-gradient(74deg, #580d30 0%, #e5227d 50%, #580d30 100%) 0% 0% no-repeat padding-box; padding:25px;}
.talk_us .talk_box .part_02 ul{ width:100%; float:left; margin-bottom:10px;}
.talk_us .talk_box .part_02 ul li{  width:100%; float:left;  margin:10px 0;}
.talk_us .talk_box .part_02 .form-control{ width:100%; float:left; border:solid 1px #fff; height:50px; background:none; border-radius:0; color:#fff;}
.talk_us .talk_box .part_02 textarea{ height:170px !important;}
.talk_us .talk_box .part_02 .form-control::placeholder{ color:#fff;}
.talk_us .talk_box .part_02 input.sbmt_btn{ width:100%; float:left; border:solid 2px #fff; background:none; font-size:18px; font-weight:700; text-transform:uppercase; color:#fff; padding:10px 15px; cursor:pointer;}
.talk_us .talk_box .part_02 input.sbmt_btn:hover{ background:#fff; color:#652BFF; }


.testimonial_area{ width:100%; float:left; padding:60px 0;  }
.title_area{ padding-right:0px;  }
.title_area h2{ font-size:28px; line-height:42px; color:#282938; margin:0 0 15px; }
.testi_dtls h3{ font-size:18px; line-height:30px; color:#282938; font-weight:400; margin:0 0 35px; }
.client_dtls{ width:100%; float:left; display:flex; flex-flow:row; align-items:center; }
.client_dtls figure{ margin:0 15px 0 0; }
.client_dtls .dtls h4{ font-size:18px; line-height:27px; font-weight:500; margin:0 0 0px; }
.client_dtls .dtls  p{ margin:0; font-size:12px; color:#282938; font-weight:500; }
.testimonial_area .carousel-indicators{ margin:0; justify-content:end; }
.testimonial_area .carousel-indicators li{ background:#19B3FF; opacity: .6; width:16px; height:16px; border-radius:50%; cursor:pointer; margin:0 6px; }
.testimonial_area .carousel-indicators li.active{ background:#19B3FF; opacity:1; }

.testimonial_area ul.testi_area{ width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between; }
.testimonial_area ul.testi_area li{ flex:0 0 25%; margin:15px 0; padding:0 15px; }
.testi_dtls{ width:100%; float:left;  background:#EEF2F5; border-radius:12px; padding:20px; }


footer{width:100%;float:left;min-height:300px;background:#181818;padding:70px 0 0 0; background: linear-gradient(135deg, #510c2c 0%, #000 60%, #510c2c 100%) 0% 0% no-repeat;}
footer h3{width:100%;float:left;font-size:20px;text-transform:uppercase;font-weight:400;letter-spacing:1px; margin:0 0 15px 0; color:#fff;text-align:left; font-weight: 600;}

footer .resource{width:100%;float:left;height:auto;padding:0 5px 00px;}
footer .resource ul li{ width:100%; float:left; padding:0 0px 0 0; letter-spacing:.5px; font-size:16px;}
footer .resource ul li a{color:#fff;width:100%;display:inline-block; padding:10px 0 10px 0px;transition:ease-in .3s; }
footer .resource ul li a:hover{color:#fff;}


footer .guest_service{width:100%;float:left;height:auto;padding:0 10px 20px;}
footer .guest_service ul li{ width:100%; float:left; padding:0 0px 0 0; letter-spacing:.5px; font-size:16px;}
footer .guest_service ul li a{color:#fff;width:100%;display:inline-block; padding:10px 0 10px 0px;transition:ease-in .3s; }
footer .guest_service ul li a:hover{color:#fff;}

footer .subscribe_area{ width:100%; float:left; padding:0 0 0 15px;}

footer .subscribe{width:100%;float:left;text-align:center; margin:10px 0;}
footer .subscribe input{background:fff;border:none;width:65%;height:45px; text-align:left;color:#c2c2c2;margin-bottom:3px; padding:0 15px; float:left;}
footer .subscribe .btn{background:#580d30;border-radius:0;margin:0px 0;text-transform:uppercase;color:#fff;text-align:center;border:none;transition:ease-in .3s; width:35%; float:left;}
footer .subscribe .btn:hover{background:#000; color:#fff;}

footer .call_us{ width:100%; float:left; text-align:left; margin:5px 0; border-top:solid 1px #484848; padding:7px 0 0;}
footer .call_us figure{ width:35px; float:left; margin:0; padding:7px 0 0;}
footer .call_us figure img{}
footer .call_us .call_area{ width:calc(100% - 35px); float:left; color:#fff; padding:0 0 0 10px; }
footer .call_us .call_area h4{ font-size:20px; color:#fff; margin:0; padding:0; width:100%; float:left; font-weight:400; letter-spacing:.5px;}
footer .call_us .call_area h4 a{ color:#fff;}
footer .call_us .call_area p{ margin:0; padding:0; width:100%; float:left; font-size:13px;}

ul.social-icon { width:100%; float:left; text-align:left; margin:10px 0; border-top:solid 1px #2e2e2e; padding:15px 0 0;}
ul.social-icon li { width:auto; display:inline-block; margin:0 3px;}
ul.social-icon li a{border:0px solid #fff;width:35px !Important;height:35px !important;border-radius:100%;padding:0;text-align:center;margin:0 auto;display:block;line-height:35px;color:#fff;vertical-align:middle;transition:.3s; background:#580d30; font-size:18px;}
ul.social-icon li a:hover{transform:rotate(360deg) scale(1.1);background-color:#580d30;color:#fff;}
.last_footer{ width:100%; float:left; color:#fff; padding-top:10px; margin:30px 0 0; border-top:solid 1px #2e2e2e;}
.brdr_rgt{ border-right:solid 1px #2e2e2e;}

.last_footer p{padding:10px 0 0 0;text-align:center; font-size:16px; color:#fff;}
.last_footer ul{text-align:left;}
.last_footer ul li{width:auto;display:inline-block;padding:0px 20px;border-right:solid 1px #4b4f55;margin:15px 0;}
footer .last_footer ul li:last-child{padding-right:0;border:none;}
footer .last_footer ul li a{display:inline-block;transition:ease-in .3s;color:#4b4f55;}
footer .last_footer ul li a:hover{color:#fff;}  
.scrollup {	display: none;	position: fixed;bottom: 4em;right: 15px;	width: 45px;	height: 45px;background: transparent linear-gradient(
180deg, #258CFF 0%, #455FFF 47%, #652BFF 100%) 0% 0% no-repeat padding-box;	color: #fff;line-height: 45px;	font-family: fontawesome; border-radius:50%;	transition: ease-in .3s all;z-index: 999;	text-align: center;	font-size: 20px}
.scrollup:hover { background:#ccc; color:#652BFF;}

footer figure img{ max-height:75px; }
footer p{ font-size:15px; line-height:24px; color:#fff; }

.breadcrumb_main {
    width: 100%;
    float: left;
    background: 0 0;
    border-radius: 0;
    padding: 12px 0;
    margin: 0 0 30px
}

.breadcrumb_main ol,.breadcrumb_main ul {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0
}

.breadcrumb_main ol li,.breadcrumb_main ul li {
    width: auto;
    display: inline-block;
    font-size: 18px;
    margin: 0 20px 0 0;
    padding: 0;
    color: #dd1974;
    position: relative
}

.breadcrumb_main ol li a,.breadcrumb_main ul li a {
    color: #fff;
    position: relative
}

.breadcrumb_main ol li:before,.breadcrumb_main ul li:before {
    content: "\f0da";
    font-family: FontAwesome;
    position: absolute;
    left: -10px;
    top: 2px;
    color: #dd1974
}

.breadcrumb_main ol li:first-child:before,.breadcrumb_main ul li:first-child:before {
    display: none
}

.breadcrumb_main ol li:last-child a,.breadcrumb_main ul li:last-child a {
    color: #dd1974
}



/*Blog Page starts CSS */
.blog_bnr{ height:60vh; }
.blog_bnr h1{ font-size:6em !important; }

.blog_list_area{ width:100%; float:left; min-height:500px; padding: 100px 0 50px 0;}
.blog_list_area p{ font-size:18px; text-align:center; padding:0 15%; margin:15px 0 30px; }
.blog_list_area ul.blog_list{ width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between;}
.blog_list_area ul.blog_list li{ flex:0 0 32%; padding:0; margin:25px 0;  }
.blog_list_area ul.blog_list li:hover img{ transform:scale(1.1); }
.blog_list_area ul.blog_list li figure{ width:100%; float:left; margin:0 0 15px; text-align:center; overflow:hidden; position:relative; border-radius:8px; }
.blog_list_area ul.blog_list li figure img{ max-width:100%; transition:ease-in .3s; width:100%; height:auto;}
.blog_list_area ul.blog_list li label{  margin:15px 0px;width:100%; float:left; color:#ccc; font-weight:500; font-size:20px;}
.blog_list_area ul.blog_list li h3{ margin:0; font-weight:700; text-align:left; text-transform:uppercase; width:100%; float:left; font-size:20px;}
.blog_list_area ul.blog_list li h3 a{ color:#000;}
.blog_list_area ul.blog_list li ul.chat_like{width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch;border-top:solid 1px #ccc;}
.blog_list_area ul.blog_list li ul.chat_like li{ flex:auto; max-width:230px; font-size:20px; font-weight:500;}
.blog_list_area ul.blog_list li p{ color:#000; font-size:16px; line-height:24px; margin:0 0 25px; text-align:left; padding:0; min-height:50px; max-height:50px; overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;  -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.blog_list_area ul.blog_list li a.cta{ font-weight:500; color:#282938;  }
.blog_list_area ul.blog_list li a.cta:hover{ color:#19B3FF; }
.blog_list_area ul.blog_list li a.cta:hover svg path{ stroke:#19B3FF; }
.blog_list_area ul.blog_list li a svg{ margin-left:25px; }
.blog_list_area ul.blog_list li.full_width{ flex:0 0 100%;     border-bottom: solid 1px #ccc;   padding-bottom: 30px;    margin-bottom: 50px;}
.blog_list_area ul.blog_list li.full_width img{ max-height:400px; }
.blog_list_area ul.blog_list li figure .featr{ position:absolute; bottom:10px; left:10px;font-size:16px; padding:10px 25px; border-radius:30px; font-weight:600; background:#580d30; color:#fff; }


.blog_pagination{ width:100%; float:left; text-align:center; margin:50px 0;}
.blog_pagination ul{ width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:center;}
.blog_pagination ul li{ flex:auto; max-width:40px; padding:0; margin:25px 0; font-size:20px; font-weight:500; margin:0 10px;  }

.blog_dtls_page{width:100%; float:left; min-height:500px; padding: 100px 0 50px 0; text-align:left;}
.blog_dtls_page h1{ width:100%; float:left; text-transform:none; position:relative; font-size: 36px; font-weight: 600;}
.blog_dtls_page ul.publish{width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; margin: 0;}
.blog_dtls_page ul.publish li{  padding:0; margin:5px 35px 15px 0; font-size:18px; font-weight:400;   }
.blog_dtls_page ul.publish li i, .blog_dtls_page ul.publish li strong{  font-weight: 600; color: #580d30;}
.blog_dtls_page figure.top_blg{ width:100%; float:left; margin:0 0 30px; text-align:center; overflow:hidden; position:relative; border-radius:15px; }
.blog_dtls_page figure.top_blg img{ width:100%; transition:ease-in .3s; width:100%; height:auto; max-height: 45vh; object-fit: cover; width: 100%;}

.blog_dtls_page .content_area{width:100%; float:left;  }
.blog_dtls_page .content_area p{ font-size:18px; line-height:27px; font-weight:400; width:100%; float:left; margin:0 0 25px; }
.blog_dtls_page .content_area h2, .blog_dtls_page .content_area h3 { width:100%; float:left; margin:15px 0 10px; position:relative; font-size: 28px; font-weight: 600; color: #580d30;}

.blog_dtls_page .content_area ul{ font-size:18px; line-height:27px; font-weight:400; width:100%; float:left; margin:0 0 25px; padding:0 0 0px; }
.blog_dtls_page .content_area ul li{ width: 100%; float: left; margin:7px 0; padding:0 0 0 30px; }

.blog_dtls_page .content_area ul li::before {  position: absolute;  content: "\f0a4"; font-family: 'Fontawesome';  font-size: 20px; left:15px;    color: #580d30;
}

.blog_links{ width:100%; float:left; text-align:center; margin:50px 0; border-top:solid 1px #ccc; padding:50px 0 0;}
.blog_links ul{ width:100%;  margin:0 auto; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between;}

.blog_links ul li{ flex:auto; max-width:400px; padding:0; margin:25px 0; font-size:20px; font-weight:500; margin:0 0px; display:flex;  }
.blog_links ul li a{ display:flex;}
.blog_links ul li .dtls{ text-align:left;}
.blog_links ul li .dtls h3{ text-transform:uppercase;}
.blog_links ul li figure{ width:auto; margin:0 40px;}

/*Service Page starts CSS */

.top_tab_area.srvces_main_area .tab-content{ width:100%; display:flex; background:#fff; background-color: #fff;  margin: 50px 0 0px 0; padding:0px; flex-flow: row wrap; align-items: center; justify-content: space-between;}
.top_tab_area.srvces_main_area .tab-content figure{ width:48%; float:left;}
.top_tab_area.srvces_main_area .tab-content figure img{ width:100%; height:100%;}
.top_tab_area.srvces_main_area .tab-content .srvc_info{width:48%; float:left; padding:0px;}
.top_tab_area.srvces_main_area .tab-content .srvc_info h3{ width:100%; float:left; position:relative; height:110px; text-align:center; margin:0; }
.top_tab_area.srvces_main_area .tab-content .srvc_info h5{ width:100%; float:left; font-size:20px; font-weight:700; margin:0 0 10px;  }

.top_tab_area.srvces_main_area .tab-content .srvc_info h3 label{ position:relative; z-index:2; font-size:24px; text-align:center; width:100%;}
.top_tab_area.srvces_main_area .tab-content .srvc_info h3 label::before{content:""; width:50px; height:5px; position:absolute; left:0;background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat padding-box; top:11px;}
.top_tab_area.srvces_main_area .tab-content .srvc_info h3::before{ content:'01'; position:absolute; font-size:200px; line-height:200px; color:#D6D6D6; z-index:0; left:0; width:100%; top:-85px;     font-family:Arial, Helvetica, sans-serif; letter-spacing:5px; font-weight:700; text-align:center;	 }
.top_tab_area.srvces_main_area .tab-content#web .srvc_info h3::before{ content:'02';}
.top_tab_area.srvces_main_area .tab-content#digital .srvc_info h3::before{ content:'03';}
.top_tab_area.srvces_main_area .tab-content#ecomm .srvc_info h3::before{ content:'05';}
.top_tab_area.srvces_main_area .tab-content#mobile .srvc_info h3::before{ content:'04';}
.top_tab_area.srvces_main_area .tab-content .srvc_info p{ font-size:16px;  margin:0px 0 15px; width:100%; float:left; letter-spacing:.5px; font-weight:500; text-align:left;}
.top_tab_area.srvces_main_area .tab-content .srvc_info ul { width:100%; float:left; margin:0;}
.top_tab_area.srvces_main_area .tab-content .srvc_info ul li{ font-size:16px;  margin:0px 0 7px; width:100%; float:left; letter-spacing:.5px; font-weight:500; text-align:left; padding-left:20px; position:relative;}
.top_tab_area.srvces_main_area .tab-content .srvc_info ul li::before{content:""; width:12px; height:5px;background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat padding-box; position:absolute; left:0; top:10px; }
.top_tab_area.srvces_main_area .tab-content.web_dtls .srvc_info h2{ font-size:32px; text-align:left; font-weight:600; }
.top_tab_area.srvces_main_area .tab-content.web_dtls:nth-child(2) figure{ order:1;  }
.top_tab_area.srvces_main_area .tab-content.web_dtls:nth-child(2) .srvc_info{ order:2; }


.certified_area{ width:100%; float:left; background-color: #580d30; padding:80px 0; text-align:center; color:#fff; }
.certified_area label{ font-size:32px; margin:0 0 30px; }
.certified_area p{ font-size:20px; margin:0 0 30px; padding:0 15%; line-height:32px; }
.certified_area ul{ width:100%; float:left; display:flex; flex-flow: row wrap; align-items:center; justify-content:center;  }
.certified_area ul li{ flex:1; max-width:120px; padding:0 5px; margin:15px; }
.certified_area ul img{ max-width:100%; }

.tools-icon-animator {
    width: 100%; float: left;
    grid-column-gap: 16px;
    background-color: #580d30;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 50px 0;
    padding-top: 70px;
    padding-bottom: 70px; 
    display: block;
    overflow: hidden
}


.tools-icon-row1 {
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.tools-icon {
    grid-column-gap: 16px;
    color: #fff;
    background-color: #790a3e;
    border-radius: 100px;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 24px;
    padding: 8px 24px 8px 8px;
    display: flex;
    box-shadow: 0 8px 48px rgba(0,0,0,.06)
}

.icon-2 {
    width: 48px;
    height: 48px;
    max-width: 4rem;
    border-radius: 100%
}

.logo-title-2 {
    letter-spacing: -.01em;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%
}

.tools-icon-row2 {
    justify-content: flex-end;
    align-items: center;
    margin-top: 24px;
    margin-bottom: 24px;
    display: flex
}

.tools-icon-row3 {
    justify-content: center;
    align-items: center;
    display: flex
}



	
.our_company{ width:100%; float:left; text-align:center; }
.our_company h1{width:100%; float:left; font-size:48px; line-height:60px; color:#000; position:relative; z-index:5;}
.our_company h1::before{ width:100px; content:''; position:absolute; height:15px; border-radius:0px; background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat; left:34%; top:35px; z-index:-1}
.our_company .comp_box{ width:100%; float:left; margin:50px 0 0; }
.our_company .comp_box .box_info{ width:50%; float:left; text-align:left; padding:0 25px;}
.our_company .comp_box .box_info.side_1 figure{ margin:0 0 40px;}
.our_company .comp_box .box_info h2{ font-size:48px; line-height:60px; margin:0 0 0px; width:100%; float:left; position:relative; z-index:5;}
.our_company .comp_box .box_info h2::before{ width:150px; content:''; position:absolute; height:12px; border-radius:0px; background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat; left:0%; bottom:15px; z-index:-1}
.our_company .comp_box .box_info h3{ margin:0 0 10px;}
.our_company .comp_box .box_info label{ font-size:18px;  margin:0 0 0px; font-weight:700; width:100%; float:left;}
.our_company .comp_box .box_info p{ font-size:16px;  margin:00px 00px 25px; width:100%; float:left; letter-spacing:.5px; font-weight:500;}
.our_company .comp_box .box_info figure{ width:100%; float:left; margin:0; }
.our_company .comp_box .box_info figure img{ width:100%; height:auto;}

.infographic_area {
	width: 100%;
	float: left;
	padding: 0;
	margin:100px 0 0px
}
.infographic_area ul {
	width: 100%;
	float: left;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0
}
.infographic_area ul li {
	flex: 0 0 50%;
	text-align: center
}
.infographic_area ul li:nth-child(1){ text-align:right;}
.infographic_area ul li:nth-child(2){ text-align:left;}
.infographic_area ul li:last-child {
	flex: 0 0 100%
}
.infographic_area ul li .circle_part {
	width: 100%;
	display: inline-block;
	max-width: 450px;
	height: 450px; text-align:left;
	border: dashed 0px #0195d0;
	border-radius: 50%; background:#222222 ;
	padding: 120px 70px 0 70px; color:#fff;
	position: relative
}
.infographic_area ul li:nth-child(1) .circle_part { right:-30px;}
.infographic_area ul li:nth-child(2) .circle_part {background: transparent linear-gradient(180deg, #258CFF 0%, #455FFF 47%, #652BFF 100%) 0% 0% no-repeat padding-box; left:-30px; z-index:3;}
.infographic_area ul li:nth-child(3) .circle_part {background:#E9E9E9; color:#000; top:-80px;z-index:2;}
.infographic_area ul li .circle_part figure{ width:100%; float:left; margin:0 0 15px;}
.infographic_area ul li .circle_part figure img{ max-width:100%; width:auto; max-height:80px; height:auto;}
.infographic_area ul li .circle_part p{ margin:0; font-weight:500;}

ul.why_box{ width:100%; float:left; padding:0; margin:0; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between;}
ul.why_box li{ flex:0 0 48%;background: #E9E9E9 ; box-shadow: 5px 3px 5px #0000002E; border-radius:0px; padding:35px 25px; text-align:left; color:#000; margin:0 0 35px;}  
ul.why_box li:nth-child(2), ul.why_box li:nth-child(3){background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat padding-box; color:#fff;}
ul.why_box li h3{ font-size:30px; font-weight:700; margin:0px 0 0px; width:100%; float:left;}
ul.why_box li p{ margin:0;width:100%; float:left; font-size:16px; line-height:24px; padding:0; font-weight:500; margin:10px 0 0; }

.why_choose{ width:100%; float:left; text-align:left;}
.why_choose h2{ position:relative; font-size:48px; z-index:2; width:100%; float:left;	}
.why_choose label{ text-transform:uppercase;width:100%; float:left; font-size:18px; font-weight:700; margin:25px 0;}
.why_choose h2::before{ width:130px; content:''; position:absolute; height:10px;  background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat; left:0px; top:35px; z-index:-1}
.why_choose p{ margin:0;width:100%; float:left; font-size:16px; line-height:24px; padding:0; font-weight:500; margin:10px 0 0; }

.why_choose figure{ width:100%; float:left; margin:0 0 20px;}
.why_choose figure img{ max-width:100%; height:auto;}

.team_area{ width:100%; float:left; text-align:center; padding:50px 0;}
.team_area h2{ position:relative; font-size:48px; z-index:2	}
.team_area h2::before{ width:250px; content:''; position:absolute; height:12px; border-radius:0px; background: transparent linear-gradient(90deg, #258CFF 0%, #455FFF 50%, #652BFF 100%) 0% 0% no-repeat; left:20%; bottom:15px; z-index:-1}
.team_area label{ font-weight:700; margin:10px 0 30px; font-size:18px; }
.team_area p{font-size:16px; line-height:24px;  margin:0px 0 50px; width:100%; float:left; letter-spacing:.5px; font-weight:500;}


.team_area ul.our_team_list{width:100%; float:left; padding:0; margin:0px 0; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between;}
.team_area ul.our_team_list li{ flex:0 0 32%; padding:0px; text-align:center; color:#000; margin:25px 0; line-height:inherit;}  
.team_area ul.our_team_list li p{ margin:0 0 10px 0; font-weight:700; color:#7A7A7A; font-size:14px;}
.team_area ul.our_team_list li .social a{ color:#000; font-size:16px; margin:0 8px;}
.team_area ul.our_team_list li figure{ width:100%; float:left; margin:0 0 20px; text-align:center; overflow:hidden; }
.team_area ul.our_team_list li figure img{ max-width:100%; transition:ease-in .3s;}
.team_area ul.our_team_list li:hover img{ transform:scale(1.1)}

.openBtn {
  border: none;
  padding: 0px 0px;
  font-size: 20px;
  cursor: pointer;
}


.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay .closebtn:hover {
  color: #ccc;
}

.overlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  background: white;
}

.overlay input[type=text]:hover {
  background: #f1f1f1;
}

.overlay button {
  float: left;
  width: 20%;
  padding: 15px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
  background: #bbb;
}


.head_txt {  transition:ease-in .3s all;  -webkit-animation:left_anm 1s .3s;animation:left_anm 1s .3s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }

@keyframes head_txt {
    0%   {  opacity:0;     transform: translate3d(-50px, 0px, 0);  }
    100% {opacity:1;   transform: none; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes head_txt {
    0%   { transform:scale(.7); opacity:0;     transform: translate3d(-50px, 0px, 0);  }
    100% { transform:scale(1);  opacity:1;   transform: none; }
}

.bot_txt {  transition:ease-in .3s all;  -webkit-animation:rgt_anm 1s .3s;animation:rgt_anm 1s .3s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }

@keyframes bot_txt {
    0%   {  opacity:0;     transform: translate3d(50px, 0, 0);  }
    100% {opacity:1;   transform: none; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes bot_txt {
    0%   { transform:scale(.7); opacity:0;     transform: translate3d(50px, 00px, 0);  }
    100% { transform:scale(1);  opacity:1;   transform: none; }
}

.left_anm {  transition:ease-in .3s all;  -webkit-animation:left_anm 1s .3s;animation:left_anm 1s .3s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; z-index:99 }

@keyframes left_anm {
    0%   {  opacity:0;     transform: translate3d(-50px, 0px, 0);  }
    100% {opacity:1;   transform: none; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes left_anm {
    0%   { transform:scale(.7); opacity:0;     transform: translate3d(-50px, 0px, 0);  }
    100% { transform:scale(1);  opacity:1;   transform: none; }
}


.rgt_anm {  transition:ease-in .3s all;  -webkit-animation:rgt_anm 1s .3s;animation:rgt_anm 1s .3s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }

@keyframes rgt_anm {
    0%   {  opacity:0;     transform: translate3d(50px, 0, 0);  }
    100% {opacity:1;   transform: none; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes rgt_anm {
    0%   { transform:scale(.7); opacity:0;     transform: translate3d(50px, 00px, 0);  }
    100% { transform:scale(1);  opacity:1;   transform: none; }
}

.rgt_anm_2 {  transition:ease-in .3s all;  -webkit-animation:rgt_anm_2 1s .5s;animation:rgt_anm 1s .5s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0;  }

@keyframes rgt_anm {
    0%   {  opacity:0;     transform: translate3d(50px, 0, 0);  }
    100% {opacity:1;   transform: none; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes rgt_anm {
    0%   { transform:scale(.7); opacity:0;     transform: translate3d(50px, 00px, 0);  }
    100% { transform:scale(1);  opacity:1;   transform: none; }
}




.mid_anm{ transition:ease-in .3s all;  -webkit-animation:bulb .5s .3s;animation:bulb .5s .3s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0;  cursor:pointer;}

@keyframes bulb {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes bulb {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}



.srvc_1{ transition:ease-in .3s all;  -webkit-animation:srvc_1 1s .4s;animation:srvc_1 1s .4s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0;  cursor:pointer;}

@keyframes srvc_1 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_1 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}



.srvc_2{ transition:ease-in .3s all;  -webkit-animation:srvc_2 1s .8s;animation:srvc_2 1s .8s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_2 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_2 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}


.srvc_3{ transition:ease-in .3s all;  -webkit-animation:srvc_3 1s 1.1s;animation:srvc_3 1s 1.1s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_3 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_3 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}

.srvc_4{ transition:ease-in .3s all;  -webkit-animation:srvc_4 1s 1.4s;animation:srvc_4 1s 1.4s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_4 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_4 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}


.srvc_5{ transition:ease-in .3s all;  -webkit-animation:srvc_5 .5s 1.7s;animation:srvc_5 .5s 1.7s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_5 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_5 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}

.srvc_6{ transition:ease-in .3s all;  -webkit-animation:srvc_6 .5s 2s;animation:srvc_6 .5s 2s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_6 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_6 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}



.left_anm_1 {  transition:ease-in .3s all;  -webkit-animation:left_anm_1 .5s .1s;animation:left_anm_1 1s .1s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; z-index:99 }

@keyframes left_anm_1 {
    0%   {  opacity:0.3;     transform: translate3d(-50px, 0px, 0);  }
    100% {opacity:1;   transform: none; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes left_anm_1 {
    0%   {  opacity:0.3;     transform: translate3d(-50px, 0px, 0);  }
    100% { opacity:1;   transform: none; }
}


.rgt_anm_1 {  transition:ease-in .3s all;  -webkit-animation:rgt_anm_1 1s .2s;animation:rgt_anm_1 1s .2s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }

@keyframes rgt_anm_1 {
    0%   {  opacity:0.3;     transform: translate3d(50px, 0, 0);  }
    100% {opacity:1;   transform: none; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes rgt_anm_1 {
    0%   { opacity:0.3;     transform: translate3d(50px, 00px, 0);  }
    100% { opacity:1;   transform: none; }
}
.mid_anm{ transition:ease-in .3s all;  -webkit-animation:bulb 1s 1s;animation:bulb 1s 1s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0;  cursor:pointer;}

@keyframes bulb {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes bulb {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}


.top_anm {  transition:ease-in .3s all;  -webkit-animation:top_anm .5s .1s;animation:top_anm 1s .1s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; z-index:99 }

@keyframes top_anm {
    0%   {  opacity:0.3;     transform: translate3d(0,30px,0);  }
    100% {opacity:1;   transform: none; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes top_anm {
    0%   {  opacity:0.3;     transform: translate3d(0,30px,0);  }
    100% { opacity:1;   transform: none; }
}
.top_anm_2 {  transition:ease-in .3s all;  -webkit-animation:top_anm_2 1s .5s;animation:top_anm 1s .5s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; z-index:99 }

@keyframes top_anm_2 {
    0%   {  opacity:0.3;     transform: translate3d(0,30px,0);  }
    100% {opacity:1;   transform: none; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes top_anm_2 {
    0%   {  opacity:0.3;     transform: translate3d(0,30px,0);  }
    100% { opacity:1;   transform: none; }
}

.no_mar{ margin-bottom:0;}


.request-loader { position: relative;display: flex;flex-direction: row;justify-content: center; align-items: center;height: 60px;  width: auto;
  border-radius: 100%; }
  
  .request-loader {   position: relative;    top: 5px; color:#fff;  left: -5px; z-index: 1;}
  .request-loader  a{border-radius:40px; padding:10px 30px; background:#580d30; color:#fff;  font-size: 20px; padding: 15px 30px; display: inline-block; font-weight: 600; text-transform: uppercase;}
 /* 
.request-loader::after {
        opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -8px;
    left: -12%;
    right: 0;
    bottom: 0;
    content: '';
    height:80px;
    width: 125%;
    border: 10px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.3);
    border-radius: 60px;
    animation-name: ripple;
    animation-duration: 1.5s;
    animation-delay:.5s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.25,0,.34,1);
    z-index: 0;  
  }
  
.request-loader::before {
          opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -8px;
    left: -12%;
    right: 0;
    bottom: 0;
    content: '';
    height: 80px;
    width: 125%;
    border: 10px solid rgba(161,0,188,0.5);
    background:  rgba(161,0,188,0.5);
    border-radius: 60px;
    animation-name: ripple;
    animation-duration: 2s;
    animation-delay:0s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.65,0,.34,1);
    z-index: 0;  
}



@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(.9,1.2,1);
  }
  
  to {
    opacity: 0;
    transform: scale3d(1,1.2,1);
  }
}

*/

  .content_page_area { width:100%; float:left; padding:50px 0; }
    .content_page_area h2,   .content_page_area  h3{ width:100%; float:left; font-size:28px; font-weight:600; margin:20px 0 5px; }
      .content_page_area  header{ display:none; }


.mission-box {
    display: flex;
    background: #fff;
    border-radius: 45px;
    overflow: hidden;
    width: 100%; float: left;
    align-items: center;
 
}

.mission-left {
    flex:0 0 50%;
    padding: 0px 40px;
}

.mission-left p {
    color: #000;
    line-height: 24px;
    font-size: 16px;
}
.mission-left ul {
    width: 100%; float: left;
    color: #000;
    line-height: 24px; padding: 0 0 0 20px;
    font-size: 16px;
}
.mission-left ul li{ list-style:disc; margin:3px 0; }

.mission-left h3 {
    color: #580d30;
    font-size: 48px;
    font-weight: 600;
 text-transform: uppercase;
    margin-bottom:20px;
}

.mission-right {
    flex: 0 0 50%;
    background: #f0f0f0; padding: 30px; text-align: center;
}

.mission-right img {
   max-height: 300px; max-width: 100%; width: auto;
}

/*Contact Page starts CSS */
.contact_us_area{ width:100%; float:left; min-height:500px; padding:50px 0;}
.contact_us_area h1{ position:relative; font-size:48px; z-index:2; text-align:center;   }
.contact_us_area label{ font-weight:700; margin:0px 0 30px; font-size:18px;text-align:center;width:100%; float:left;  }
.contact_us_area p{ font-size:16px;  margin:0px 0 15px; width:100%; float:left; letter-spacing:.5px; font-weight:500; text-align:center;}
.contact_us_area ul.contact_box{ width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between;}
.contact_us_area ul.contact_box li{ flex:0 0 31%; background:#E9E9E9 ; padding:50px 25px; text-align:center; }
.contact_us_area ul.contact_box li figure{ width:100%; float:left; margin:0 0 20px; text-align:center; }
.contact_us_area ul.contact_box li figure img{ max-height:45px;}
.contact_us_area ul.contact_box li p{ margin:0;}
.contact_us_area ul.contact_box li a{ background:#000; width:25px; height:25px; display:inline-block; text-align:center; font-size:13px; line-height:25px; color:#fff; border-radius:50%;}

.call_us{ margin-top:100px;}
.call_us h2{ position:relative; font-size:48px; z-index:2; margin:0 0 20px;}
.call_us label{ text-transform:uppercase;width:100%; float:left; font-size:18px; font-weight:700; margin:25px 0;}
.call_us p{font-size:18px; line-height:24px;  margin:0px 0 20px; width:100%; float:left; letter-spacing:.5px; font-weight:500;}
.call_us .part_01{ width:100%; float:left; padding-right:30px;}
.call_us .part_01 p{ text-align:left;}
.call_us .part_01 figure{ width:100%; float:left;  text-align:center; margin:0 0 25px; position:relative;}
.call_us .part_01 figure::before{ width:100%; height:100%; position:absolute; content:''; background:rgba(0,0,0,1); content:""; left:0; top:0; z-index:0;}
.call_us .part_01 a{ width:auto; float:left;}
.call_us .part_01 figure iframe{ width:100%; float:left; height:250px;     filter: grayscale(1); opacity:.9;}
.call_us .part_01 ul li span{ font-size:18px; line-height:26px; font-weight:500; letter-spacing:1px; padding:0px 0 0 10px;}
.call_us .part_02{ width:100%; float:left; background: transparent linear-gradient(74deg, #580d30 0%, #e5227d 50%, #580d30 100%) 0% 0% no-repeat padding-box; padding:25px;}
.call_us .part_02 ul{ width:100%; float:left; margin-bottom:10px; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between;}
.call_us .part_02 ul li{  flex:0 0 100%; float:left;  margin:10px 0;}
.call_us .part_02 ul li:nth-child(1), .call_us .part_02 ul li:nth-child(2){ flex:0 0 49%;}
.call_us .part_02 .form-control{ width:100%; float:left; border:solid 1px #fff; border-width:0 0 1px 0; height:50px; background:none; border-radius:0; color:#fff;}
.call_us .part_02 textarea{ height:130px !important;}
.call_us .part_02 .form-control::placeholder{ color:#fff;}
.call_us .part_02 input.sbmt_btn{ width:auto; float:left; border:solid 2px #fff; background:none; font-size:18px; font-weight:700; text-transform:uppercase; color:#fff; padding:10px 15px; cursor:pointer;}
.button-container {
  margin: 0px auto 60px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  @media screen and (max-width: 930px) {
    flex-direction: column;
  }
}


// BUTTON STYLES

.button {
  position: relative;
  color: white;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 2px solid white;
  border-radius: 1000px;
  padding: 10px 20px;
  margin: 40px;
  box-shadow: 0 2px 5px 0 rgba(3,6,26,0.15);
  transition: .5s all ease-in-out;
  &:hover {
    cursor: pointer;
    background: white;
    color: #1F4141;
    animation: none;
    //animation-play-state: paused;
  }
}

.button:hover{ background:#ff258be6;}
.button-wiggle {
  animation: wiggle 4s 2s infinite;
}

@keyframes wiggle {
	5%,
	50% {
		transform: scale(1);
	}
	10% {
		transform: scale(0.9);
	}
	15% {
		transform: scale(1.15);
	}
	20% {
		transform: scale(1.15) rotate(-5deg);
	}
	25% {
		transform: scale(1.15) rotate(5deg);
	}
	30% {
		transform: scale(1.15) rotate(-3deg);
	}
	35% {
		transform: scale(1.15) rotate(2deg);
	}
	40% {
		transform: scale(1.15) rotate(0);
	}
}


.button-pulse {
  animation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1);
  box-shadow: 0 0 0 0 #ff258be6;
}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); 
  }
}

.button-float {
  animation: float 1.5s linear alternate infinite;
}

@keyframes float {
	50% {
    transform: translateY(-px);
  }
  100% {
    transform: translateY(-18px);
  }
}