body { font-family: 'Jost', 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; letter-spacing:.5px; }
header, section, footer, aside, div, ul, ul li, li, input, label { box-sizing:border-box; }
h2 { font-size:48px; font-weight:600; }
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: 96px !important;  font-weight: 600;  line-height: 130% !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:1170px;} 
.call_mb{ position:fixed; right:10px; bottom:50px; z-index:9999; display:none;}
.call_mb img{ max-width:60px; height:auto;}
.top_head {
    width: 100%;
    background: #0f1eaf;
    color: #fff;
}
p a { font-weight:600; color:#fd6420;}
.top_cta a{ display:inline-block; margin:15px 0 0;}
a.rate_img img{ max-width:275px;}
.show_mb{ display:none !important;}

.top_head p {
    padding: 5px 0 0;
    font-size: 16px;
    margin: 0;
}




header ul.call_email {
    width: 100%;
    float: left;
    text-align: right;
    margin: 0;
}

header  ul.call_email li {
    width: auto; display:inline-block;
    padding: 5px 15px;
    border-right: solid 1px #c8c8c8;
    font-size: 15px; font-weight:500;
}
header  ul.call_email li:last-child, header ul.call_email li:nth-child(3){ border:none; padding-right:0;}
header  ul.call_email li i{ width:40px; height:40px; border-radius:50%; line-height:40px; text-align:center; background:#fd6420; color:#fff; margin-right:5px;}
.show_mb{ display:none;}
.mobile_call{ width:90%; float:left; padding:0px; background:#ca0e10; color:#fff; display:none; margin:10px 5% 10px; border-radius:40px;}
.mobile_call figure{ flex:0 0 75px; margin:0;     border-right: solid 1px #781313;      display: flex;    align-items: center; justify-content:center;} 
.mobile_call figure img{ max-width:100%; max-height:50px;}
.mobile_call .call_dtls{ padding:0 0 0 15px; display:flex; align-items:center; width:100%; }
.mobile_call .call_dtls span{ display:block; margin:10px 0 0; font-size:15px; text-align:center;}
.mobile_call .call_dtls label{ display:block; margin:0; font-size:20px; font-weight:600;}
.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:0px 0;  background:#fff;  position:relative; z-index:999; }
/*header.sticky{  position:fixed; z-index:500; box-shadow:0 0px 9px 0 #333;}*/
header .logo_area{ width:100%; float: left; padding: 10px 0px; color:#000; font-weight:700; font-size:32px; }
header .logo_area img{ max-width:100%; max-height:80px;}

.no_pos{ position:inherit;}
.align_center{ align-items:center;}
.call_cta{ width:100%; float:left; text-align:center; padding:25px; background:#fd6420; color:#fff; border-radius:15px;}
.call_cta h3{ font-size:20px; }
.call_cta h4{ font-size:40px;}

nav{ width:100%; float:left; height:auto; background:#0f1eaf;  font-size:18px; padding:0px 0 0 0px;  z-index:5; font-weight:400; display:flex; justify-content:flex-end; flex-flow:row; text-transform:uppercase; align-items:center; color:#fff; }
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; width:100%; justify-content:center; }
nav ul.menu{ padding:0px 0 0;}
nav ul li { width:auto; display:inline;  margin:0px 6px; position:relative; }
nav ul li a {  width:auto; padding:15px 15px;  display:inline-block; color:#fff;  transition:ease-in .3s; line-height:16px; position:relative; z-index:0;}
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:#fff; background:#fd6420;}
nav ul li a span{ color:#54B74C; font-weight:400;}
nav ul li a img{ vertical-align:middle;}
nav ul li.menu-item-has-children::before{ content:"\f107"; font-family:"fontawesome"; position:absolute; right:6px; top:7px; color:#fff; z-index:10; }
nav ul li.menu-item-has-children:hover::before{ transform:rotate(180deg); top:7px; color:#fff;}
nav ul li:last-child a{ border:none;}
nav ul li ul.sub-menu {margin: 0;    padding:0px 0; position: absolute; z-index: 999;   width: 230px;top: 55px; left:-40px;  box-shadow: 0 0 5px 0 #999;   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; background: #fff; color:#000; overflow:auto; transition:ease-in .3s; }
nav ul li:hover ul.sub-menu {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 ul.sub-menu  li{ width:100%; float:left; margin:5px 0; border-bottom:solid 1px #eee;}
nav ul li ul.sub-menu  li:last-child{ border:none;}
nav ul li ul.sub-menu  li a::after{ display:none;}
nav ul li ul.sub-menu li a{ color:#000; padding:10px; font-size:14px; display:block; text-align:center; background:none; border-radius:0;}
.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{ left:0px !important; z-index:500; background: #fff;  -webkit-animation:menu .7s;  animation:menu .7s; top:0px; width:300px !important; height:100vh !important; }


header nav .login_ul a{ background:#fd6420; 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;}

.inr_bnr_2{ position:relative;}
.inr_bnr_2 img{ max-height:300px; width:100%; object-fit:cover;}

.form_cta{ width:100%; float:left; padding:50px 0; background:#0f1eaf; }
.form_cta h2{ text-align:center; color:#fff; font-size:32px; text-transform:uppercase;}
.form_cta ul{ width:100%; float:left; display:flex; flex-flow:row wrap; align-items:center;}
.form_cta ul li{ flex:1; padding:0 8px;}
.form_cta ul li p{ margin:0;}
.form_cta ul li .form-control{height:45px;}
.form_cta input.sbmt_btn{ background:#fd6420; }

.main_bnr{ width:100%; float:left; position:relative;  padding:0px 0 0; }
.main_txt_bnr{width:100%; height:100%; position:absolute; left:0; top:0; display: flex; flex-flow: wrap; align-content: center; justify-content:center; z-index:99; top:-15px;  }
img.bnr_img{ width:100%; height:auto;  object-fit:cover; max-height:560px;}
.cont_bnr{ max-height:450px; }
.main_bnr h1{ font-size:42px; line-height:42px; font-weight: 700;  width: 100%; float: left; text-transform:uppercase; color:#fff; }
 .main_bnr h2{ font-size:40px; line-height:42px; font-weight:400;  width: 100%; float: left; color:#fff; text-shadow: 0px 4px 4px #6a6a6a; }
 .main_bnr h3{width: 100%; float: left; font-size:3em; font-weight: 600; margin: 0;}
.main_bnr::before{ width:100%; height:100%; content:''; position:absolute;  background:rgb(0 0 0 / 60%); top:0; left:0; z-index:5; }

.top_content_bnr{  width:100%; float:left; text-align:left;}
.top_content_bnr .top_rated{ width:auto; float:left; background:#0f1eaf; color:#fff; border-radius:30px; padding:10px 20px; margin:0 0 15px; font-size:18px; font-weight:500; text-transform:uppercase; font-style:italic; }
.top_content_bnr p{ font-size:16px; line-height:27px;  margin:50px 0; width:100%; float:left; padding:0; color:#fff;}
.top_content_bnr .cta a{background:#fd6420; 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;}

.inner_bnr { width:100%; float:left; position:relative;}
.inner_bnr::before{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.65); content:"";}
.inner_bnr img{ width:100%; max-height:320px; height:auto; object-fit:cover;}


.inner_bnr .top_content_bnr{ width:100%; height:100%; text-align:center; justify-content:center; display:flex; flex-flow:wrap; align-items:center; align-content:center; position:absolute; left:0; top:0; z-index:10; color:#fff;}
.inner_bnr .top_content_bnr h1, .inner_bnr .top_content_bnr label{ font-size:48px; color:#fff; font-weight:600; margin:0 0 0px; text-transform:capitalize;}
.inner_bnr .top_content_bnr p{ font-size:20px; line-height:30px; font-weight:400; margin:0; padding:0 25%;}

@keyframes rotate{
    from{ transform: rotate(-360deg); }
    to{ transform: rotate(360deg); }
}

.top_cta{ width:100%; float:left;}
.main_bnr h1{ color:#fff;}
.main_bnr .top_content_bnr ul{ width:auto; float:left; margin:0 0 15px;}
.main_bnr .top_content_bnr ul li{ width:100%; float:left; background:url('https://stuccorepairnyc.com/wp-content/uploads/2023/12/arrow.png') left 3px no-repeat; padding:0px 0px 0px 25px; margin:10px 0px; color:#fff; font-size:18px; font-weight:500;}
.main_bnr .top_content_bnr p{ width:auto; margin:0 0 20px 0px;}
span.wpcf7-spinner{ display:none;}
.main_bnr .part_02{ max-width:450px; padding:20px; background:rgba(255,255,255,.15); border-radius:15px; float:right;}
.main_bnr .part_02 textarea{ max-height:55px;}
.main_bnr .part_02 input.sbmt_btn{ background:#fd6420;}
.mainbtn{ background:#fd6420;   color:#fff!important; padding:3px 3px 3px 30px; border-radius:30px; align-items:center; display:inline-flex; text-decoration:none!important; cursor:pointer}
input.sbmt_btn{ background:#fff;   color:#fff!important; padding:10px 25px; height:45px; font-weight:700; width:100%; border-radius:5px; text-decoration:none!important; cursor:pointer; border:none; text-transform:uppercase; font-size:16px; letter-spacing:1px;}
.main_bnr h2{ text-align:center; font-weight:600; text-transform:uppercase; font-size:32px; margin:0 0 10px;}

.mainbtn i{ color:#fff; font-style:normal; font-size:15px;}
.mainbtn i.icon{ background:#fff; border-radius:50%; width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; margin:0px 0px 0px 20px;}

.mainbtn.big{ padding:12px 25px; border-radius:30px; font-weight:600; font-size:16px; text-transform:none; margin:0; text-transform:uppercase;}
.mainbtn.big i{ font-size:18px;}
.mainbtn.big i.icon{ width:55px; height:55px;margin:0px 0px 0px 40px;}

.how_work{ width:100%; float:left; background:#fff1f2; padding:50px 0; border-radius:0 0 100px 100px;}

.about_bnr{ background-attachment:fixed; }
.top_overview{ width:100%; float:left; padding:0px 0 40px;  }
.top_overview h2{ color:#000; text-align:center; margin:0 0 15px; }
.top_overview p{ text-align:center; font-size:16px; line-height:27px;}
.top_logo_area{ width:100%; float:left; padding:0 0 60px 0; text-align:left; margin-top:-60px; position:relative; z-index:99;}
.top_logo_area h2{ width:100%; float:left;margin:10px 0; font-size:24px; }
.top_logo_area ul{ width:100%; float:left; text-align:center; margin:0; display: flex; flex-flow:row wrap;    align-items: center; margin:0px 0;   justify-content: space-between;}
.top_logo_area ul li{ display:inline-block; margin:0px; border-bottom:solid 1px #fff; border-radius:0px; padding:20px; flex:0 0 100%; background:#0f1eaf; color:#fff; flex:1;}
.top_logo_area ul li h3{ font-size:24px; font-weight:600; margin:0 0 8px; text-transform:uppercase;}
.top_logo_area ul li p{ font-size:14px; line-height:24px;}
.top_logo_area ul li img{ max-height:inherit; transition:ease-in .3s; max-height:100px; }
.top_logo_area ul li:nth-child(2){ background:#fd6420;}
.top_logo_area ul li:hover img{ opacity:1; }
.content_area{ margin:0px 0 0; }
.top_logo_area p{ font-size:15px; line-height:27px; }
ul.info_graphic{ width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between; margin:0px 0 0; }
ul.info_graphic li{ flex:1; margin:10px 0; border-radius:0px; overflow:hidden ; min-width:33.33%; max-width:33.34%; border:solid 1px #ddd; border-width:1px 1px 1px 0; padding:25px;  }
ul.info_graphic li:nth-child(3){ border-right:none;}
ul.info_graphic li figure{ width:100%; float:left; margin:0 0 0px;}
ul.info_graphic li figure img{ max-width:100%; max-height:225px; object-fit:cover; width:100%; height:auto;}
.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 h3{ font-size:20px; font-weight:600; color:#fff; text-transform:none; margin:0 0 10px; width:100%; float:left; color:#0f1eaf; text-align:center; }

ul.info_graphic li .dtls{ padding:15px 0 0; text-align:center; width:100%; float:left;}
ul.info_graphic li p{ font-size:16px; line-height:27px;  width:100%; float:left; margin:0; font-weight:400; font-style:italic;}
ul.info_graphic li .dtls a{ font-size:14px; font-weight:500; text-transform:uppercase; letter-spacing:1px; color:#000;}
.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:#fd6420; 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; padding:60px 0 0;}
.what_we_do h2, .what_we_do h3{ position:relative; font-size:48px; z-index:2; font-weight:600; margin:0 0 15px;     }
.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:16px; line-height: 27px;  margin:0px 0 25px; width:100%; float:left; letter-spacing:.5px; font-weight:400; }
.top_tab_area{ width:100%; float:left; position:relative; padding:0 0px; z-index:99;}
.what_we_do p a{ width:auto; display:inline-block; padding:10px 25px; background:#fff; color:#000; border-radius:30px; }
.what_we_do p:last-child{ margin:0; }

.top_tab_area { width:100%; display:flex; padding:0px;}
.what_we_do figure{ width:100%; float:left; position: relative; margin:0; overflow:hidden; border-radius:0 0 25px 0;}

.what_we_do  figure img{ width:100%; height:auto; max-height:500px; object-fit:cover;}
.top_tab_area  .srvc_info{width:100%; float:left; }

.no_padd{ padding:0;}

.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 #fd6420; color:#fd6420; text-transform:uppercase; font-weight:500; padding:10px 20px; letter-spacing:1px; border-radius: 30px;}
.mid_project .cta a:hover{background: #fd6420; 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:18px; 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; }
    .google-rating {
                position: fixed;
                left: -73px;
                top: 55%;
                transform: rotate(-90deg);
                z-index: 99;
                opacity: 1;
            }

.faq_home{ width:100%; float:left; padding:60px 0 40px; 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:15px;  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:10px 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; }


/*how-box start*/
.how-box{ width:auto; width:auto; display:flex; align-items:flex-start; margin:50px 0px 0px 0px; } 
.how-box .box{ margin:0px 0px; display:flex; flex-wrap:wrap; padding:0 15px; flex:1;}
.how-box .box .icon{ width:120px; height:120px; border:10px #f7f7f7 solid; background:#fff; margin:0px auto 20px; border-radius:50%; box-shadow:0px 10px 30px #eae8e8; display:inline-flex; align-items:center; justify-content:center; }
.how-box .box .round{ width:100%;}
.how-box .box .round p{ width:auto; line-height:20pt; font-size:18px; font-weight:500; text-align:center; margin:15px 0px; color:#182040;}
.how-box .box .round p span{ display:inline-block; border:0px #515151 dotted; width:35px; padding:4px 0px; border-radius:50%; color:#fff; background:#fd6420; font-weight:600; height:35px;}


.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, #fd6420 0%, #e5227d 50%, #fd6420 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:50px 0 60px; background: #0f1eaf; color:#fff; }
.title_area{ padding-right:0px;  }
.title_area h2{ font-size:48px; line-height:42px; color:#fff; margin:0 0 25px; text-align:center; }
.testi_dtls h3{ font-size:15px; line-height:24px; color:#fff; font-weight:400; margin:0 0 20px; font-style:italic; min-height:170px; }
.client_dtls{ width:100%; float:left; display:flex; flex-flow:row; align-items:center; }
.client_dtls figure{ margin:0 0px 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:#fff; 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:center; justify-content:space-between; }
.testimonial_area ul.testi_area li{ flex:0 0 33.33%; margin:15px 0; padding:0 15px;  }
.testi_dtls{ width:100%; float:left;  background:rgba(255,255,255,.1); border-radius:12px; padding:20px; }


footer{width:100%;float:left; padding:50px 0 0 0; background: #0f1eaf;border-top: solid 7px #fd6420;}
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:#fd6420;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 #21376f; 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:16px; 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 0px #2e2e2e; padding:0px 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:#fd6420; font-size:18px;}
ul.social-icon li a:hover{transform:rotate(360deg) scale(1.1);background-color:#fd6420;color:#fff;}
.last_footer{ width:100%; float:left; color:#fff; padding-top:10px; margin:30px 0 0; border-top:solid 1px #21376f;}

header ul.social-icon{ padding:0; margin:5px 0;}
header ul.social-icon li a{border:0px solid #fff;width:25px !Important;height:25px !important;border-radius:100%;padding:0;text-align:center;margin:0 auto;display:block;line-height:25px;color:#fff;vertical-align:middle;transition:.3s; background:#fd6420; font-size:15px;}

.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;}

.gallery_area{ width:100%; float:left; padding:60px 0 0; text-align:center;}
.gallery_area .bwg-item{ max-width:24% !important; margin:10px .5%; border-radius:10px; overflow:hidden;}
.gallery_area .bwg-item a{ margin:0 !important;}

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 00px
}

.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: #fd6420;
    position: relative
}

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

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

.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: #fd6420
}



/*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:50px 0 50px 0;}
.blog_list_area p{ font-size:16px; text-align:center; padding:0 0%; 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:10px 0px;width:100%; float:left; color:#fd6420; font-weight:400; font-size:14px;}
.blog_list_area ul.blog_list li h3, .blog_list_area ul.blog_list li h4{ margin:0; font-weight:500; text-align:left; text-transform:capitalize; width:100%; float:left; font-size:18px;}
.blog_list_area ul.blog_list li h3 a, .blog_list_area ul.blog_list li h4 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:#fd6420; 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: 20px 0 50px 0; text-align:left; border-top:solid 1px #f1f1f1;}
.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: #fd6420;}
.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%;}
.imp_area{ width:100%; float:left; background:#fff6f7; padding:20px; border-left:solid 5px #fd6420; margin:0 0 25px 0; }

.content_area{width:100%; float:left;  }
 .content_area p{ font-size:15px; line-height:27px; font-weight:400; width:100%; float:left; margin:0 0 25px; }
.content_area h2, .content_area h3 { width:100%; float:left; margin:0px 0 10px; position:relative; font-size: 24px; font-weight: 500; color: #fd6420;}
.imp_area p{ margin:0; font-style:italic;}
.content_area ul{ font-size:15px; line-height:27px; font-weight:400; width:100%; float:left; margin:0 0 25px; padding:0 0 0px; }
.content_area ul li{ width: 100%; float: left; margin:7px 0; padding:0 0 0 30px; }

.content_area ul li::before {  position: absolute;  content: "\f0a4"; font-family: 'Fontawesome';  font-size: 20px; left:15px;    color: #fd6420;
}
.content_area .imp_info {
  width: 100%;
  background: #fffdf6;
  border-left: solid 7px #fd6420;
  padding: 25px 25px 10px;
  float: left;
  margin: 0 0 25px;
}
.content_area .imp_info p {
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 15px;
  font-style: italic;
  font-weight: 400;
}

.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: #fff1f2; padding:50px 0 20px; text-align:center; color:#fff; border-radius:100px 100px 0px 0px; }
.certified_area h2{ font-size:32px; margin:0 0 20px; color:#000 }
.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%; max-height:80px; }

.certified_area.top_logo_area{ background:#fff;}

.tools-icon-animator {
    width: 100%; float: left;
    grid-column-gap: 16px;
    background-color: #fd6420;
    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;
}

.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:#fd6420; color:#fff;  font-size: 20px; padding: 15px 30px; display: inline-block; font-weight: 600; text-transform: uppercase;}

.innerpage-bg {
    background: #fff7dc;
 width:100%; float:left; 
}
  .content_page_area { width:100%; float:left; padding:50px 0; }
.content_page_area figure{ width:100%; float:left; margin:0 0 20px;}
.content_page_area figure img{ max-width:100%; height:100%;}
.content_page_area h1{ width:100%; float:left; font-size:28px; font-weight:600; }
.content_page_area h2,   .content_page_area  h3{ width:100%; float:left; font-size:24px; font-weight:500; }
      .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: #fd6420;
    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 100%; background:#E9E9E9 ; padding:25px 25px; text-align:center; margin:20px 0; }
.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; text-align:center !important}
.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:0px;}
.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:16px; 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 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; }
.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 #ccc; border-width:0 0 1px 0; height:50px; background:none; border-radius:0; color:#000;}
.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 #fd6420; background:#fd6420; font-size:18px; font-weight:700; text-transform:uppercase; color:#fff; padding:10px 30px; cursor:pointer;}

.mid_content{ width:100%; float:left; text-align:left;}