html,body{margin:0px; padding:0px!important; font-family: 'Roboto', sans-serif; font-size:16px; color:#000000; font-weight: normal; overflow-x:hidden !important;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; font-size:40px; font-family: 'Poppins', sans-serif; color:#000; font-weight:600; text-align:center; text-transform:capitalize; line-height: inherit;}
ul,ol{margin:0px; padding:0px;}
a:focus{outline:none}
a, button, input, .btn, i {-moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out; transition:all 0.8s  ease 0s; text-decoration:none !important; outline:0px; cursor:pointer;} 
a:hover, button:hover, input:hover, a:focus, button:focus, input:focus{text-decoration:none !important;} 
.form-control{ border-radius:0px; outline:none; border:1px solid rgba(0,0,0,.30); font-size:13px; color:#000; background:#fff; height:40px;padding: .375rem .30rem;}
.form-control:focus,.form-control:hover{ box-shadow:none;}
p{line-height: 26px;}
.img-fluid{ width:100%; height:auto;}
.form-control,
.custom-file label{border: 1px solid rgba(0,0,0,.30); border-radius:0px;}
.form-control:focus ,
.custom-file label:focus{ box-shadow:none !important;}
.custom-file-input:focus~
.custom-file-label{box-shadow:none !important;}
.btn{background: none; overflow: hidden; border: 1px solid #fff; border-radius:0px 15px 0px 15px; padding: 10px 55px 10px 17px; position: relative;  z-index: 2;}
.btn .fas{width: 40px; height: 100%; line-height: 40px; background: #fff; position: absolute; top: 0px; right: 0px; transition: all 0.8s linear 0s; color: #000; font-size: 20px; z-index: 999; border-radius: 0px;}
.btn::before{position: absolute; content: ''; right: 0px; top: 0px; width: 0%; height: 100%; background: #fff; z-index: -1; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out; transition:all 0.8s  ease 0s; text-decoration:none !important;}
.btn:hover,.btn:focus,.btn:active{color: #000 !important; box-shadow: none !important; }
.btn:hover::before,.btn:focus::before,.btn:active::before{ width: 100%; right: inherit; left: 0px; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out; transition:all 0.8s  ease 0s; text-decoration:none !important;}
.bold{ font-weight: 600;}


.header__top{ background: #502778; padding: 8px 0px;}
.top-left ul{margin-top: 9px;}
.top-left ul li a{ color: #fff;}
.top-left ul li{ border-left: 1px solid #985ad4; padding:0px 15px;}
.top-left ul li:first-child{ padding-left: 0px; border: 0px;}
.top-left ul li:hover i{ color: #fe6a00;}
.social-hover{ text-align: right; margin: auto; }
.social-hover li{ display: inline-block; margin: 0 5px;}
.social-hover li:last-child{margin-right:0px;}
.social-hover li a{ width: 35px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #fff; font-size: 20px; display: inline-block; background: none; vertical-align: middle; transition: .5s; overflow: hidden;}
.social-hover li a .fab{width: 100%; color: #fff; transition: 0.5s;}
.social-hover li:hover a .fab:nth-child(1){ transform: translateY(-35px);}
.social-hover li:hover a .fab:nth-child(2){ transform: translateY(-35px); color: #fff;}
.social-hover li:hover:nth-child(1) a{ background: #1877f2;}
.social-hover li:hover:nth-child(2) a{ background: #0a66c2;}
.social-hover li:hover:nth-child(3) a{ background: #c32aa3;}
.d-flex{display:flex;}
.ht-ctc{ z-index:99 !important;}



.navbar-logo img{width: 250px; height:auto; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s  ease 0s;}
.navigation{background: #fff; padding:10px 0px 0px 0px;}  
.navigation .navbar{padding: 0px; background: none; border: 0px; border-radius: 0px; margin: 0px;}
.navigation .navbar-nav{float: right; margin-top: 18px;}
.navigation .navbar-nav li{padding: 0px 35px;}
.navigation .navbar-nav li a{color: #000; position: relative; padding: 0px; font-size: 15px; font-weight: 500; position:relative;}
.navigation .navbar-nav li:last-child{padding-right: 0px;}
.navigation .navbar-nav li a:after {position: absolute; content: ''; height: 2px; width: 0%; right: 0; bottom: -2px;
    background: #fe6a00; transition: 0.5s;}
.navigation .navbar-nav li a:before {position: absolute; content: ''; height: 2px; width: 0%; left: 0; top: -2px;     background: #fe6a00; transition: 0.5s;}
.navigation .navbar-nav li a:hover:after,
.navigation .navbar-nav li a:hover:before  {width: 60%; }
.navigation .navbar-nav li.active>a, 
.navigation .navbar-nav a.active, 
.navigation .navbar-nav a.show, 
.navigation .navbar-nav .show>a, 
.navigation .navbar-nav a:focus, 
.navigation .navbar-nav a:hover,
.navigation .navbar-nav>li>a:focus, 
.navigation .navbar-nav>li>a:hover,
.navigation .navbar-nav li.current-menu-item>a{color: #fe6a00 !important; background:none !important;}
.navigation .navbar-nav li.current-menu-item>a:after{position: absolute; content: ''; height: 2px; width: 60%; right: 0; bottom: -2px; background: #fe6a00; transition: 0.5s;}
.navigation .navbar-nav li.current-menu-item>a:before {position: absolute; content: ''; height: 2px; width: 60%; left: 0; top: -2px; background: #fe6a00; transition: 0.5s;}
.navigation .navbar-nav li a button{padding: 0px; background: none; border: 0px;}
.navigation .navbar-collapse, 
.navigation .navbar-form{padding: 0px;}
.navigation .navbar-nav li .sub{position: absolute; top: 0px; right: 20px; cursor:pointer;}
.navigation .navbar-nav li ul li span.sub {top: 14px; right: 10px;}
.navigation .navbar-nav ul{padding: 0; margin: 0;}
.navigation .navbar-nav ul li{padding: 0;}
.navigation .navbar-nav ul li a{padding: 10px; border-bottom:1px solid #ccc;}
.navigation .navbar-nav ul li:last-child a{border: 0;}
.navigation .navbar-nav ul li a::after{display: none;}
.navigation .navbar-nav ul li a:hover,
.navigation .navbar-nav ul li a:focus,
.navigation .navbar-nav ul li.current-menu-item a{color: #ffffff !important; background: #502778 !important;}
.navigation ul.nav li > ul > li > a:before,
.navigation ul.nav li > ul > li > a:after{display:none;}
.navigation .navbar-nav li ul li:hover span.sub{color:#fff;}
.navigation ul.nav li > ul{min-width:220px;}
.navigation ul.nav li > ul > li > ul{top:0; left:100%; padding:0px; margin-top:-1px;margin-left:0px;}
.inner-nav{position:static;}


.sticky .secondary{margin-top:0 !important; position: fixed; top: 0px; z-index: 99; width: 100%;animation: MenuSlideDown .3s linear;-moz-animation: MenuSlideDown .3s linear;-ms-animation: MenuSlideDown .3s linear;-o-animation: MenuSlideDown .3s linear;  -webkit-animation: MenuSlideDown .3s linear; background:#fff !important; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}
 .sticky .navbar{ background: none !important;}

@-webkit-keyframes MenuSlideDown {0% {top:-48px;} 100% {top:0px;}}
@keyframes MenuSlideDown {0% {top:-48px;} 100% {top:0px;}}

@-webkit-keyframes bg-run {from { background-position: 0 0;} to { background-position: -400px 0;}}
@-moz-keyframes bg-run {from { background-position: 0 0;} to { background-position: -400px 0; }}
@keyframes bg-run {from { background-position: 0 0;} to { background-position: -400px 0;}}



.slider_main{background-color:#f4f6fd; position: relative; overflow: hidden; padding:0;}
#main-slider{overflow: hidden;}
#main-slider .owl-prev,#main-slider .owl-next{position: absolute; z-index: 2; top: 45%; font-size: 20px; background: rgb(20,20,20, 0.8) !important; color: #fff; height: 35px; width: 35px; line-height: 35px; border-radius: 50%; text-align: center; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
#main-slider .owl-prev{left: -45px;}
#main-slider .owl-next{right: -45px;}
#main-slider .owl-prev:hover,
#main-slider .owl-next:hover{background: rgb(20,20,20, 1) !important;}
#main-slider .owl-prev:focus,
#main-slider .owl-next:focus{outline: none;}
#main-slider:hover .owl-prev{left: 0;}
#main-slider:hover .owl-next{right: 0;}
#main-slider .owl-nav {margin-top: 0px;}
#main-slider .item{position:relative; overflow:hidden;}
#main-slider .item:before{content:''; background: linear-gradient(200deg, #000000 0%, #1c0c5b 100%); opacity: 0.55; 
position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;  transition: background 0.3s, 
border-radius 0.3s, opacity 0.3s;}
#main-slider .carousel-caption{position: absolute; left: 0; right: 0; top: 35%; bottom: initial; text-align: center; padding: 0px; animation-duration: 1.2s; animation-fill-mode: both; -webkit-animation-duration: 1.2s; -webkit-animation-fill-mode: both;}
#main-slider .carousel-caption .container{position: relative;}
#main-slider .carousel-caption h6{text-align: center; color: #fff; font-size: 40px; font-weight: 500; font-style: normal; text-transform: capitalize; margin-bottom:20px; animation-duration: 1.2s; animation-fill-mode: both; -webkit-animation-duration: 1.2s; -webkit-animation-fill-mode: both; opacity:0;}
#main-slider .carousel-caption p{margin-bottom:20px; font-size: 20px; line-height: 35px; animation-duration: 1.4s; animation-fill-mode: both; -webkit-animation-duration: 1.4s; -webkit-animation-fill-mode: both; opacity:0;}
#main-slider .owl-item.active img{-webkit-animation: zoom 40s; animation: zoom 40s; animation-iteration-count: infinite;}
@-webkit-keyframes zoom {from {-webkit-transform: scale(1, 1);} to {-webkit-transform: scale(1.5, 1.5);}}
@keyframes zoom {from {transform: scale(1, 1);} to {transform: scale(1.5, 1.5);}}
.slide-btn .btn{color:#fff; animation-duration: 1.4s; animation-fill-mode: both; -webkit-animation-duration: 1.4s; -webkit-animation-fill-mode: both; opacity:0;}
#main-slider .active .carousel-caption h6,
#main-slider .active .carousel-caption p,
#main-slider .active .carousel-caption .btn{animation-name: fadeInUp; -webkit-animation-name: fadeInUp;}
@keyframes fadeInUp {from {transform: translate3d(0,150px,0); opacity: 0;} to {transform: translate3d(0,0,0); opacity: 1;}}
@-webkit-keyframes fadeInUp {from {transform: translate3d(0,150px,0); opacity: 0;} to {transform: translate3d(0,0,0); opacity: 1;}}



.home__main {padding: 60px 0px; width: 100%; height: auto;}
.home-bg{ background:url(/wp-content/themes/smartowl/assets/images/sec-1-bg.png) no-repeat left top; animation: slide 50s linear infinite;}
.heading hr{border-bottom: 2px solid #502778; width: 150px; margin: 15px auto 30px auto; position: relative;}
.heading hr::after{ position: absolute; content: ''; width: 100px; height: 2px; background: #502778; top: 10px; left: 0; right: 0; margin: auto; transition: 0.5s;}
.heading:hover hr::after{ width: 80px;}
.device{ text-align: center;}
.device h2{font-size: 30px; margin-top:15px;}
.device h2 a{ color:#101010;}
.device h2 a:hover{ color:#fe6a00;}
.device p{ margin: 10px 0px;}
.reda-more a {color: #502778; font-weight: 500; position: relative;}
.reda-more a::before{position: absolute; bottom: 0; right: 0; content: ''; height: 2px; width: 0%; background:#fe6a00; transition: 0.5s;}
.reda-more a:hover{ color:#fe6a00;}
.reda-more a:hover::before{width: 100%; left:0; right:inherit;}



.service-main{ background: #f4f6fd; padding-bottom:0px;}
.offer-main{background: url(../image/service-bg.jpg) no-repeat center; background-attachment: fixed; background-size: cover; padding: 10px 0px 40px 0px; position:relative;}
.offer-main:before{content:''; position:absolute; left:0; top:0; background:rgba(79, 39, 120, 0.90); width:100%; height:100%;}
.serivce-box {background: #fff; padding: 30px 15px; margin-top:30px;  border-radius: 6px; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;}
.serivce-box .ser-icon {position: relative; z-index: 1; overflow: hidden; height: 90px; width: 90px; line-height: 90px; color: #fff; border-radius: 50%; margin: 0 auto 15px auto; text-align: center; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s; background: #4f2778;}
.serivce-box .ser-icon i::before{margin: 0px; font-size: 45px;}
.serivce-box .ser-content{ text-align: center;}
.serivce-box .ser-content h6{font-size: 22px; font-weight: 600;}
.serivce-box .ser-content hr{border: none; height: 2px; margin: 15px auto; width: 120px; background: #502778; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;}
.serivce-box .ser-content p:empty{display:none;}
.serivce-box .ser-content p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; -moz-line-clamp: 3; -moz-box-orient: vertical; -ms-line-clamp: 3; -ms-box-orient: vertical; -o-line-clamp: 3; -o-box-orient: vertical; line-clamp: 3; box-orient: vertical;}
.serivce-box .round-btn a{position: absolute; background: #fff; bottom: -25px; left: 0; right: 0; margin: 0 auto; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.serivce-box .round-btn i::before{ margin: 0; font-weight: 600;}
.serivce-box .ser-icon::before{position: absolute; top: 0; transform: rotate(-45deg) scaleX(0); left:0;  content: ''; height: 100%; width: 100%; z-index: -1; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;
background: #f5af7c;
background: -moz-linear-gradient(top,  #f5af7c 0%, #f7a367 23%, #fc7a1d 74%, #fd700b 89%, #fe6b02 100%);
background: -webkit-linear-gradient(top,  #f5af7c 0%,#f7a367 23%,#fc7a1d 74%,#fd700b 89%,#fe6b02 100%);
background: linear-gradient(to bottom,  #f5af7c 0%,#f7a367 23%,#fc7a1d 74%,#fd700b 89%,#fe6b02 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5af7c', endColorstr='#fe6b02',GradientType=0 );}
.serivce-box:hover{background: #fff url(../image/geomatic.png) repeat 0 0 !important; -webkit-animation: bg-run 20s linear infinite; animation: bg-run 20s linear infinite;}
.serivce-box:hover hr{ width: 80px;}
.serivce-box:hover .ser-icon::before{transform: rotate(-45deg) scaleX(1);}
.learn-btn .btn{border: 1px solid #4f2778; box-shadow: none !important;  transition: 1s;}
.serivce-box .learn-btn .btn:hover::before{width: 100%; transition: 1s; background: #502778;} 
.learn-btn .btn:hover{ color: #fff !important;}
.learn-btn .btn .fas{color: #fff; background: #502778;}
.mrgn-tp{ margin-top: 30px;}



#projects .owl-prev, #projects .owl-next{position: absolute; z-index: 2; top: 45%; font-size: 40px; background: none !important; color: #000; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; background: none !important; text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.50);}
#projects .owl-prev{left: 30px;}
#projects .owl-next{right: 30px;}
#projects .owl-prev:hover,
#projects .owl-next:hover{background: none !important;}
#projects .owl-prev:focus,
#projects .owl-next:focus{outline: none;}
#projects .owl-nav {margin-top: 0px;}
.portfolio{padding-bottom:0 !important;}
.project_box{position:relative; }
.project_box .slider-bg{position:absolute; left:0; top:0; width:100%; height:100%; z-index: -1;}
.project_box .d-flex{width:100%; align-items:center;}
.project_box figure{width:50%; margin:0;}
.project_box figure img{box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;}
.project_box .project_info{width:50%; padding-right: 30px;}
.project_info p.work {margin: 0; font-size: 20px;}
.project_info p.other_info{margin-bottom:30px;}
.project_info h6{text-align:left; margin:30px 0;}
.project_info.light_text p{color:#fff;}
.project_info.light_text h6{color:#fff;}
.project_info.light_text a {color:#fff; padding: 10px 25px;}
.project_info a{color:#000; padding: 10px 25px; border-color;}



.project-main{background: url(../image/handshake.jpg) no-repeat center; position: relative;  background-size: cover; background-attachment:fixed;}
.project-main:before{content:''; position:absolute; left:0; top:0; background:rgba(79, 39, 120, 0.80); width:100%; height:100%;}
.project-main h5{ text-align: left; color: #fff;}
.start-btn .btn{ color: #fff;}
.project-main .row{display: flex; align-items: center; flex-wrap: wrap;}
.project-main .col-xl-8{width:85%;}
.project-main .col-xl-4{width:15%;}



.blog-main{background: #f4f6fd;}
.blog-box{background: #fff; border: 1px solid #ccc; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.blog-top{ overflow: hidden;}
.blog-top img{-moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;}
.blog-center{ padding:30px 15px 20px 15px; border-top: 1px solid #ccc; position: relative;}
.blog-center .blog-title{font-size: 22px; font-weight: 500; margin-bottom: 5px;}
.blog-center .blog-title a{color:#000;}
.blog-tag { position: absolute; top: -10px; right: 0; left: 0;}
.blog-tag .tag-name{padding: 3px 8px; border: 1px solid #ccc; border-radius: 6px;background: #fff; transition: .5s;}
.blog-bottom a{border-top: 1px solid #ccc; display: block; padding: 10px 0px;  color: #502778; font-weight: 500; display: flex; align-items: center; justify-content: center;}
.blog-bottom .fas{transform: translateX(-20px) scale(0); color: #fe6a00;}
.blog-bottom a:hover{color: #fe6a00;}
.blog-box:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.15), 0 5px 5px rgba(0, 0, 0, 0.10);}
.blog-box:hover .blog-top img{ transform: scale(1.1,1.1);}
.blog-box:hover a .fas{transform: translateX(5px) scale(1);}
.blog-box:hover .blog-tag .tag-name{ background: #fe6a00; color: #fff;}
.blog-box .blog-title a:hover{color: #fe6a00;}
.blog-main .heading hr{margin: 10px auto 20px auto;}
.blog-main .blog-box{margin-top:30px;}



.category-main .heading hr{margin-bottom:10px;}
.cat-box{width: 100%; padding: 25px; border:1px solid #ccc; text-align: center; position: relative; background:#fff; border-radius: 15px; overflow: hidden;}
.web-category .col-md-2:nth-child(odd) .cat-box::before{ position: absolute; left: 0; bottom: 0; content: ''; height: 0%; width: 100%; background: #502778; transition: .8s; z-index: 1;}
.web-category .col-md-2:nth-child(even) .cat-box::before{ position: absolute; left: 0; bottom: 0; content: ''; height: 0%; width: 100%; 
  background: #fe6b00; transition: .8s; z-index: 1;}
.web-category .cat-box.odd-child:hover::before{ height: 100%;}
.web-category .cat-box.even-child:hover::before{ height: 100%;}
.cat-bottom{ margin-top: 5px;}
.cat-bottom p{ font-weight: 500; color: #373737; transition: .8s; margin:0px; position: relative; z-index: 9;}
.web-category .col-md-2 .cat-box .cat-top{background: url(../image/cat-icon.png) no-repeat; background-position: 0 0; height: 64px; width: 64px; margin: 0 auto; transition: .5s; position: relative; z-index: 9;}
.web-category .col-md-2:nth-child(2) .cat-box .cat-top{background-position:-74px 0px;}
.web-category .col-md-2:nth-child(3) .cat-box .cat-top{background-position:-147px 0px;}
.web-category .col-md-2:nth-child(4) .cat-box .cat-top{background-position:-213px 0px;}
.web-category .col-md-2:nth-child(5) .cat-box .cat-top{background-position:-278px 0px;}
.web-category .col-md-2:nth-child(6) .cat-box .cat-top{background-position:-345px 0px;}
.web-category .col-md-2:nth-child(7) .cat-box .cat-top{background-position:-414px 0px;}
.web-category .col-md-2:nth-child(8) .cat-box .cat-top{background-position:-480px 0px;}
.web-category .col-md-2:nth-child(9) .cat-box .cat-top{background-position:-549px 0px;}
.web-category .col-md-2:nth-child(10) .cat-box .cat-top{background-position:-614px 0px;}
.web-category .col-md-2:nth-child(11) .cat-box .cat-top{background-position:-680px 0px;}
.web-category .col-md-2:nth-child(12) .cat-box .cat-top{background-position:-749px 0px;}
.web-category .cat-box{margin: 30px 0px 0px 0px;}
.cat-box:hover .cat-bottom p{color: #fff;}
.web-category .col-md-2:nth-child(1) .cat-box:hover .cat-top{background-position:0px -68px;}
.web-category .col-md-2:nth-child(2) .cat-box:hover .cat-top{background-position:-74px -68px;}
.web-category .col-md-2:nth-child(3) .cat-box:hover .cat-top{background-position:-147px -68px;}
.web-category .col-md-2:nth-child(4) .cat-box:hover .cat-top{background-position:-213px -68px;}
.web-category .col-md-2:nth-child(5) .cat-box:hover .cat-top{background-position:-278px -68px;}
.web-category .col-md-2:nth-child(6) .cat-box:hover .cat-top{background-position:-345px -68px;}
.web-category .col-md-2:nth-child(7) .cat-box:hover .cat-top{background-position:-414px -68px;}
.web-category .col-md-2:nth-child(8) .cat-box:hover .cat-top{background-position:-480px -68px;}
.web-category .col-md-2:nth-child(9) .cat-box:hover .cat-top{background-position:-549px -68px;}
.web-category .col-md-2:nth-child(10) .cat-box:hover .cat-top{background-position:-614px -68px;}
.web-category .col-md-2:nth-child(11) .cat-box:hover .cat-top{background-position:-680px -68px;}
.web-category .col-md-2:nth-child(12) .cat-box:hover .cat-top{background-position:-749px -68px;}



.footer-main{ background: #502778; background-attachment: fixed; color:#fff;}
.footer-col .hr{margin-top: 10px; margin-bottom: 20px; border-top: 2px solid #8d72a7; position: relative;}
.footer-col .hr::before{ position: absolute; content: ''; top: -1px; left: 0; height: 2px; width: 0%; background: #fff; transition: .8s; opacity: 0;}
.footer-col:hover hr::before{width: 100%; opacity: 1;}
.footer-list li{list-style: none; line-height: 35px;}
.footer-list li a{ color: #e2e2e2; position: relative;}
.footer-list li a::before{ position: absolute; left: 0; top: 8px; content: ''; height: 2px; width: 0px; background:#fff; transition: 0.5s;}
.footer-list li:hover a{padding-left: 15px; color: #fff; }
.footer-list li:hover a::before{ width: 10px;}
.footer-btn .btn{color: #fff;}
.footer-col  h5{text-align:left; color:#fff; font-size:22px; font-family: 'Roboto', sans-serif; font-weight:600;}
.footer-col p{margin:15px 0;}
.footer-logo img{width:200px;}



.copy-main{padding: 10px 0px; background: #30005e; border-top: 2px solid #fe6b01;}
.copy-left p{ font-size: 15px; color: #fff; margin-top: 7px; font-weight: 500; margin-bottom:0px;}
.copy-left p a{ color: #fe6b01;}
.copy-left p a:hover{color: #fff;}

.backtop .fas{font-size: 25px; color:#fff; border: 1px solid #fff; background:#4f2778; padding: 3px; border-radius:4px;}
.backtop .fas:hover{color:#fff; background:#fe6b01;}
#toTop{position: fixed;bottom: 10px;right: 10px;cursor: pointer;display: none; z-index:999;}
 



.page-top{position: relative; background: url(../image/featureImage.jpg); background-repeat:no-repeat; background-position:0 0; background-size: cover; padding: 80px 0px; color: #fff;}

.heading-top h1{ text-align: left; color: #fff; font-weight: 600; font-size: 45px; margin-bottom:10px;}
.heading-top p{ font-size: 20px;}
.top-breadcrub .breadcrumb{background: none; display:flex; border-radius: 0px; justify-content: flex-end; margin-top: 30px;}
.top-breadcrub .breadcrumb-item+.breadcrumb-item{ color: #fff;}
.top-breadcrub .breadcrumb-item.active a{ color: #fe6b01;}





.career-table .table{margin-bottom: 0px;}
.career-table .table thead th{margin-bottom: -1px;}
.career-table table.table td, 
.career-table table.table th{padding: 10px 30px; border: none; border-right: 1px solid #dee2e6; font-size: 16px;}
.career-table table.table th{border-bottom: 1px solid #dee2e6;}
.career-table table.table td:last-child, 
.career-table table.table th:last-child{ border-right: 0px;}
.career-btn .btn{box-shadow: none; background: #fe6b00; padding: 8px 20px; color: #fff !important; border-radius: 5px; font-size: 13px; position: relative; z-index: 99; }
.career-btn .btn::before{background: #4f2778; z-index: -1; color: #fff;}
.custom-file-input:lang(en)~.custom-file-label::after {content: "Browse File"; color: #fff; background-color: #fe6b00; border-radius: 0;}



.career-bbm{background: url(../image/career.jpg) no-repeat; min-height: 350px; background-size: cover;}
.career-bbm-left h2{text-align: left; font-size: 30px; font-weight: 500; margin-bottom: 15px;}



.career-main h2{font-size: 25px; margin-bottom: 25px; font-weight: 500; }
.form-icon i {width: 35px; height: 35px; line-height: 35px; color: #fff; border-radius: 50%; text-align: center; vertical-align: text-top; margin-right: 15px;}
.form-icon i.icon-orng{background: #fe6b00;}
.form-icon i.icon-blue{background: #502778;}
.form-icon i.fa-comment-alt{ line-height: 40px;}
.fill-form .form-control{border-radius: 0px; font-size: 16px; box-shadow:none; border: 0px !important; border-bottom: 1px solid #ccc !important; position: relative;}
.fill-form .form-control::after{ position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 1px; background: #fe6b00; }
.fill-form textarea{ resize: none;}
.fill-form .btn{background: #fe6b00; color: #fff !important; padding:8px 20px; box-shadow: none; font-size: 16px;  border-radius: 6px;}
.fill-form .form-group{ margin-bottom: 20px;}
.fill-form .btn::before{ background: #502778;}
.fill-form .mrng-left{ margin-left: 45px;}
.fill-form .mrng-left .btn:hover, 
.fill-form .mrng-left .btn:focus,
.fill-form .mrng-left .btn:active{background: #502778;}
.career-image{ border:5px solid rgba(254, 107, 0, .7);}
.dont-like h6{ font-size: 25px; font-weight: 500; margin: 15px 0px 10px 0px;}
.dont-like p{ font-weight: 500; margin-bottom: 10px; font-size: 16px;}
.dont-like  ul li{ font-weight: 500;}
.dont-like  ul li:nth-child(1){ margin-bottom: 5px;}
.dont-like  ul li a{color: #515151;}
.dont-like  ul li:hover a{color: #fe6b00;}



.inner-con{ padding: 30px 20px; box-shadow:0 5px 5px rgb(0 0 0 / 5%), 0 1px 1px rgb(0 0 0 / 10%); border: 1px solid #eee; }
.address-box{border: 1px solid #ccc; min-height: 235px; padding: 20px; border-radius: 10px; text-align: center;  -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out; transition:all 0.8s  ease 0s;}
.address-box h3{font-size: 25px; font-weight: 500; margin: 10px 0px; }
.address-box p{margin: 0px; font-weight: 500; font-size: 14px;}
.address-box p a{color: #565656;}
.address-box p a:hover{color: #fe6b00;}
.address-box .fa{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; background: #fff; width: 80px; height: 80px; line-height: 84px; border-radius: 50%; font-size: 25px; color: #4f2778; position: relative;  -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out; transition:all 0.8s  ease 0s; overflow: hidden;  z-index: 1;}
.address-box .fa::after{position: absolute; z-index: -1; content: ''; top: 0; left: 0; width: 100%; height: 100%; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out; transition:all 0.5s  ease 0s; transform: scale(0); border-radius: 50%;
  background: #f5af7c;
  background: -moz-linear-gradient(top,  #f5af7c 0%, #f7a367 23%, #fc7a1d 74%, #fd700b 89%, #fe6b02 100%);
  background: -webkit-linear-gradient(top,  #f5af7c 0%,#f7a367 23%,#fc7a1d 74%,#fd700b 89%,#fe6b02 100%);
  background: linear-gradient(to bottom,  #f5af7c 0%,#f7a367 23%,#fc7a1d 74%,#fd700b 89%,#fe6b02 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5af7c', endColorstr='#fe6b02',GradientType=0 );
}
.address-box:hover .fa{color: #fff;}
.address-box:hover .fa::after{transform: scale(2);}
.address-box:hover{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.home-address iframe{ width: 100%; height: 450px;}



.about-heading { text-align: left;}
.about-heading h2{ text-align: left;}
.about-heading hr{margin: 10px 0 50px 0;}
.about-heading hr::after{ margin: 0;}
.about-heading p{ font-size: 16px;}

.goal-box{margin-top:30px;}
.goal-box .goal-title{ font-size:30px; margin: 10px 0; font-weight: 400; transition: 1s;}
.goal-box p{ margin-bottom: 0px;}
.goal-box .goal-image{ transition: 1s;}
.goal-box:hover .goal-title{ color: #fe6b01;}
.goal-box:hover .goal-image{ transform: scale(1.1,1.1);}

.process-main,.category-main.offwhite_bg{background: #f4f6fd;}
.procerss-box{ padding: 24px; border-radius: 7px; transition: all .3s ease 0ms; -webkit-transition: all .3s ease 0ms;}
.procerss-box h6{font-size: 15px; color: #fff; font-weight: 500; margin-top: 10px; position: relative; }
.procerss-box h6::before{position: absolute; content: ''; width: 100%; height: 2px; background: #fff; left: 0; top: -6px; transform: scaleX(0); transition: all .3s ease 0ms; -webkit-transition: all .3s ease 0ms;}
.procerss-box i::before{ margin: 0; font-size: 60px; line-height: normal;}
.process-wrapper .col-xl-2:nth-child(odd) .procerss-box {color: #fff; background: #a55de9; background: -moz-linear-gradient(top,  #a55de9 0%, #9a56db 22%, #743daa 75%, #68359a 100%); background: -webkit-linear-gradient(top,  #a55de9 0%,#9a56db 22%,#743daa 75%,#68359a 100%); background: linear-gradient(to bottom,  #a55de9 0%,#9a56db 22%,#743daa 75%,#68359a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a55de9', endColorstr='#68359a',GradientType=0 );}
.process-wrapper .col-xl-2:nth-child(even) .procerss-box{color: #fff; background: #f5af7c; background: -moz-linear-gradient(top,  #f5af7c 0%, #f7a367 23%, #fc7a1d 74%, #fd700b 89%, #fe6b02 100%); background: -webkit-linear-gradient(top,  #f5af7c 0%,#f7a367 23%,#fc7a1d 74%,#fd700b 89%,#fe6b02 100%); background: linear-gradient(to bottom,  #f5af7c 0%,#f7a367 23%,#fc7a1d 74%,#fd700b 89%,#fe6b02 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5af7c', endColorstr='#fe6b02',GradientType=0 );}
.procerss-box:hover{box-shadow: 0 0 50px rgba(0,0,0,.1); cursor: pointer;}
.procerss-box:hover h6::before{ transform: scaleX(1);}

.review-main{background: #f4f6fd;}
.review-main.white_bg{background: #fff;}
.review-box{border-radius: 5px; border: 1px solid #ccc; text-align: center; position: relative; background: #fff; padding: 35px 20px;}
.review-box .client-info h6{ font-size: 20px; font-weight: 500; margin-top: 16px;}
.review-box .client-info p{ font-weight: 500;}
.review-box .fa-quote-left{height: 40px; width: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 50%; font-size: 18px; margin: 0 auto 15px auto;
background: #a55de9;
background: -moz-linear-gradient(top,  #a55de9 0%, #9a56db 22%, #743daa 75%, #68359a 100%);
background: -webkit-linear-gradient(top,  #a55de9 0%,#9a56db 22%,#743daa 75%,#68359a 100%);
background: linear-gradient(to bottom,  #a55de9 0%,#9a56db 22%,#743daa 75%,#68359a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a55de9', endColorstr='#68359a',GradientType=0 );}
#review-slider .item img{width: auto; margin: 0 auto; border: 1px solid #ccc;}
#review-slider .owl-dots{ margin-top: 15px;}
#review-slider .owl-dots .owl-dot.active span,
#review-slider .owl-dots .owl-dot:hover span{background: #4f2778;}

.review_box {background: #f4f6fd; padding: 20px; border-radius: 15px; border: 3px solid #e2e8ff;}
.review_box figure{width: 50px; opacity: 0.5; margin-bottom: 15px;}
.review_box figure img{width:100%; height:auto;}
.review_box .title {font-size: 22px; text-align: left;}



.portfolio.offwhite_bg{background: #f4f6fd;}
.inner-portfolio{ padding-bottom: 30px;}
.work-list .text-center{position:relative; z-index:1;}
.work-list .btn{background: #fe6b00; color: #fff !important; padding: 10px 37px; font-size: 14px; box-shadow: none; border-radius: 5px; margin: 20px 0px 0px 0px;}
.work-list .btn::before{background: #6e39a2;}
.work-list .btn:hover,
.work-list .btn:focus,
.work-list .btn:active{ color: #fff; outline:none !important;}
.work-cntnt{padding: 0; box-shadow: none; margin-bottom: 0; position: absolute; bottom: 5%; left: 5%; z-index:2;}
.work-box .work-title{text-align: left; opacity:0; font-size: 22px; margin-bottom:5px; font-weight: 500; opacity: 0;  -moz-transition:all 0.5s ease-in-oute-in-out; -ms-transition:all 0.5s ease-in-oute;-o-transition:all 0.5s ease-in-oute;-webkit-transition:all 0.5s ease-in-oute; transition:all 0.5s  ease 0s;}
.work-box .work-title a{ color: #fff;}
.work-box hr{border-top: 2px solid #fe6b00; width: 40%; margin: 10px 0px 15px 0px;}
.work-box p{ margin: 0px 0px 5px 0px; -moz-transition:all 0.5s ease-in-oute-in-out; -ms-transition:all 0.5s ease-in-oute;-o-transition:all 0.5s ease-in-oute;-webkit-transition:all 0.5s ease-in-oute; transition:all 0.5s  ease 0s;}
.work-box .explore{opacity: 0; -moz-transition:all 0.5s ease-in-oute-in-out; -ms-transition:all 0.5s ease-in-oute;-o-transition:all 0.5s ease-in-oute;-webkit-transition:all 0.5s ease-in-oute; transition:all 0.5s  ease 0s;}
.work-box .explore a{font-size: 15px; font-weight: 500; color: #fe6b00; position: relative;}
.work-box .explore a:before{position: absolute; content: ''; right: 0; bottom:0; height: 2px; width: 0%; background: #fe6b00; transition: .5s;}
.work-box{position:relative; margin-top:30px;}
.work-box:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; 
background: rgba(79, 39, 120, 0.90); z-index:1; -moz-transition:all 0.5s ease-in-oute-in-out; -ms-transition:all 0.5s ease-in-oute;-o-transition:all 0.5s ease-in-oute;-webkit-transition:all 0.5s ease-in-oute; transition:all 0.5s  ease 0s;}
.work-box ul{opacity:0; -moz-transition:all 0.5s ease-in-oute-in-out; -ms-transition:all 0.5s ease-in-oute;-o-transition:all 0.5s ease-in-oute;-webkit-transition:all 0.5s ease-in-oute; transition:all 0.5s  ease 0s;}
.tech_list li {display: inline-block; font-size: 14px; color: #fff; background: #fe6b00; padding: 0px 6px; border-radius: 5px; margin: 5px 5px 7px 0; line-height: 24px;}
.work-box .explore:hover a:before{width: 100%;}
.work-box .work-img{overflow: hidden; -webkit-box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;}
.work-box .work-img img{transition: 1s;}
.work-box .explore{transform: translateY(-10px);}
.work-box:hover .work-title,.work-box:hover ul{opacity:1;}
.work-box:hover .explore{opacity: 1; transform: translateY(0px);}
.work-box .work-title a:hover{ color: #fe6b00;}
.work-box:hover .work-img img{transform: scale(1.1,1.1);}
.work-box:hover:before{height:100%; top:inherit; bottom:0;}



.blog-col{box-shadow: 0 0 5px rgba(0,0,0,.25); border-radius: 8px; margin-bottom: 40px; transition: .5s;  background:#fff;}
.blog-col .col-top{overflow: hidden; position: relative; border-radius: 8px 8px 0px 0px; }
.blog-col .col-top img{transition: 0.8s;}
.blog-col .col-top::before{ position: absolute; content: ''; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 1;
  background: -moz-linear-gradient(top,  rgba(1,1,0,0) 0%, rgba(16,16,17,0.05) 10%, rgba(39,39,39,0.09) 20%, rgba(43,43,43,0.1) 22%, rgba(96,95,95,0.23) 40%, rgba(169,169,169,0.4) 63%, rgba(188,188,188,0.45) 70%, rgba(214,215,215,0.51) 80%, rgba(235,235,235,0.56) 89%, rgba(239,239,239,0.57) 91%, rgba(249,249,250,0.58) 97%, rgba(249,248,249,0.59) 98%, rgba(241,241,241,0.62) 100%);
  background: -webkit-linear-gradient(top,  rgba(1,1,0,0) 0%,rgba(16,16,17,0.05) 10%,rgba(39,39,39,0.09) 20%,rgba(43,43,43,0.1) 22%,rgba(96,95,95,0.23) 40%,rgba(169,169,169,0.4) 63%,rgba(188,188,188,0.45) 70%,rgba(214,215,215,0.51) 80%,rgba(235,235,235,0.56) 89%,rgba(239,239,239,0.57) 91%,rgba(249,249,250,0.58) 97%,rgba(249,248,249,0.59) 98%,rgba(241,241,241,0.62) 100%);
  background: linear-gradient(to bottom,  rgba(1,1,0,0) 0%,rgba(16,16,17,0.05) 10%,rgba(39,39,39,0.09) 20%,rgba(43,43,43,0.1) 22%,rgba(96,95,95,0.23) 40%,rgba(169,169,169,0.4) 63%,rgba(188,188,188,0.45) 70%,rgba(214,215,215,0.51) 80%,rgba(235,235,235,0.56) 89%,rgba(239,239,239,0.57) 91%,rgba(249,249,250,0.58) 97%,rgba(249,248,249,0.59) 98%,rgba(241,241,241,0.62) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00010100', endColorstr='#9ef1f1f1',GradientType=0 );}
.blog-col figure{margin:0;}
.blog-col .col-content{padding: 40px 15px 20px 15px; position: relative;}
.blog-col .col-content::after{position: absolute; content: '';  bottom: -7px; left: 0; right: 0; height: 7px; width: 90%; background: #fe6b00; margin: 0 auto; }
.blog-col .col-content.content-2::after{background: #672da8;}
.blog-col .blog-icon{position: absolute; left: 15px; top: -26px; z-index: 9;}
.blog-col .col-title{ font-size: 22px;  font-weight: 500; margin-bottom: 12px;  text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.blog-col .col-title a{color: #6c2fb0;}
.blog-col p{ margin-bottom: 7px;}
.blog-col .read-more a{ font-weight: 600; color: #fe6b00; position: relative; }
.blog-col .read-more a::before{position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 0%; background: #fe6b00; transition: 0.5s; }
.blog-col .read-more a:hover::before{width: 100%; left: inherit; right: 0;}
.blog-col:hover .col-title a{color: #fe6b00;}
.blog-col:hover{box-shadow: 0 0 30px rgba(0,0,0,.15);}
.blog-col:hover .col-content::after{box-shadow: 0 0 30px rgba(0,0,0,.15);}
.blog-col:hover .col-top img{ transform: scale(1.1,1.1);}
.pagination{display:flex; justify-content:center; position: relative;}



.detail-top{position: relative; overflow: hidden; max-height: 450px;}
.detail-top::after{content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 9; background: -moz-linear-gradient(top,  rgba(135,137,140,0.28) 0%, rgba(169,170,175,0.48) 24%, rgba(188,190,195,0.62) 40%, rgba(204,206,212,0.73) 53%, rgba(218,220,225,0.83) 66%, rgba(223,225,230,0.86) 71%, rgba(232,234,241,0.93) 82%, rgba(235,237,244,0.94) 85%, rgba(244,246,253,1) 100%);
background: -webkit-linear-gradient(top,  rgba(135,137,140,0.28) 0%,rgba(169,170,175,0.48) 24%,rgba(188,190,195,0.62) 40%,rgba(204,206,212,0.73) 53%,rgba(218,220,225,0.83) 66%,rgba(223,225,230,0.86) 71%,rgba(232,234,241,0.93) 82%,rgba(235,237,244,0.94) 85%,rgba(244,246,253,1) 100%);
background: linear-gradient(to bottom,  rgba(135,137,140,0.28) 0%,rgba(169,170,175,0.48) 24%,rgba(188,190,195,0.62) 40%,rgba(204,206,212,0.73) 53%,rgba(218,220,225,0.83) 66%,rgba(223,225,230,0.86) 71%,rgba(232,234,241,0.93) 82%,rgba(235,237,244,0.94) 85%,rgba(244,246,253,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4787898c', endColorstr='#f4f6fd',GradientType=0 );}

.detail-bottom h1{text-align: left; margin-bottom: 10px; font-size:35px; line-height:normal;}
.detail-bottom p{margin: 0px; font-weight: 500; color: #000;}
.detail-bottom p a{color: #fe6b00; position: relative; z-index: 1;}
.detail-bottom p a::after{content: ''; position: absolute; width: 0%; height: 2px; left: 0; bottom: -2px; background: #fe6b00; transition: 0.5s;}
.detail-bottom p a:hover::after{left: inherit; right: 0; width: 100%;}
.detail-bottom .b-icon img{ width: 40px; height: 40px; margin-right: 10px;}

.detail-blog-bottom{background: #f4f6fd; padding: 0px 0 50px 0;}
.social-list .social-hover{ text-align: left;}
.blog-social{ display: flex; justify-content: space-between; border-bottom: 2px solid #bcbcbc; padding-bottom: 15px; }
.social-list .social-hover li:first-child{ margin-left: 0px;}
.social-list .social-hover li a{background: #502778; border: 1px solid #502778;}
.social-list .social-hover li a:hover{border: 1px solid transparent;}
.blog-comment a{ box-shadow: none; border-radius: 5px; margin: 0px; background: #fe6a00; color: #fff !important; padding: 8.5px 25px; }
.blog-comment a.btn:hover, .blog-comment a.btn:focus, .blog-comment a.btn:active{color: #fff !important;}
.blog-comment a::before{background: #502778;}

.blog-content{ margin-top: 25px;}
.blog-content p{ margin-bottom: 10px;}
.blog-content h3{ font-size: 25px; text-align: left; font-weight: 500; }
.bottom-text{ margin-top: 15px;}
.bottom-text .sub-head{font-size: 20px; text-align: left; font-weight: 500; margin-bottom: 10px;}
.bottom-text .sub-head .fa-check-circle{ color: #fe6b00; }
.bottom-text p{ margin: 0px;}
.comment{box-shadow: 0 0 15px rgba(0,0,0,.15); margin-top: 25px; }

.sidebar{ background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.15); padding: 20px; border-radius: 10px; }
.blog-search .input-group-append .btn{ margin: 0px; box-shadow: none; background: #fe6a00; color: #fff; border-radius: 0px 5px 5px 0px; padding: 10.5px 22px;}
.blog-search .input-group-append .btn::before{background: #502778;}
.blog-search .btn:hover, .blog-search .btn:focus, .blog-search .btn.btn:active{color: #fff !important;}
.blog-search .form-control{ border-radius: 5px 0px 0px 5px; padding: 10px; text-transform: capitalize; }
.side-head{ padding: 10px; color: #fff; text-align: left; font-size: 20px; border-radius: 5px; margin: 25px 0px; 
background: #a75eed;
background: -moz-linear-gradient(top,  #a75eed 0%, #a058e0 20%, #9855d8 28%, #9655d7 33%, #914fcd 39%, #8449bf 52%, #8348be 57%, #7e44b5 63%, #763ead 76%, #7139a4 83%, #6b369e 91%, #6c379f 93%, #68339b 98%, #69349c 100%);
background: -webkit-linear-gradient(top,  #a75eed 0%,#a058e0 20%,#9855d8 28%,#9655d7 33%,#914fcd 39%,#8449bf 52%,#8348be 57%,#7e44b5 63%,#763ead 76%,#7139a4 83%,#6b369e 91%,#6c379f 93%,#68339b 98%,#69349c 100%);
background: linear-gradient(to bottom,  #a75eed 0%,#a058e0 20%,#9855d8 28%,#9655d7 33%,#914fcd 39%,#8449bf 52%,#8348be 57%,#7e44b5 63%,#763ead 76%,#7139a4 83%,#6b369e 91%,#6c379f 93%,#68339b 98%,#69349c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a75eed', endColorstr='#69349c',GradientType=0 );}
.side-box ul li{border-bottom: 1px solid #ccc; padding: 10px 0px; }
.side-box ul li:first-child{ padding-top: 0px;}
.side-box ul li:last-child{ border: 0px; padding-bottom: 0px;}
.side-box ul li a{color: #515151; display: block;}
.side-box ul li a:hover{ color: #fe6b00;}

.post-box{ position: relative; border-radius: 5px; }
.post-box img{border-radius: 5px;}
.post-box .btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: #fe6b00; color: white;
  padding: 10px 24px; border: none; cursor: pointer; border-radius: 5px; text-align: center;}
  
.month-box ul li a:hover{ padding-left: 5px;}



.p-0{padding:0 !important;}
.inner-services .row{display:flex;}
.inner-services .ser-right ul{line-height:30px;}
.inner-services .col-xl-6:nth-child(2){color:#fff;
background: #a75eed;
background: -moz-linear-gradient(top,  #a75eed 0%, #a058e0 20%, #9855d8 28%, #9655d7 33%, #914fcd 39%, #8449bf 52%, #8348be 57%, #7e44b5 63%, #763ead 76%, #7139a4 83%, #6b369e 91%, #6c379f 93%, #68339b 98%, #69349c 100%);
background: -webkit-linear-gradient(top,  #a75eed 0%,#a058e0 20%,#9855d8 28%,#9655d7 33%,#914fcd 39%,#8449bf 52%,#8348be 57%,#7e44b5 63%,#763ead 76%,#7139a4 83%,#6b369e 91%,#6c379f 93%,#68339b 98%,#69349c 100%);
background: linear-gradient(to bottom,  #a75eed 0%,#a058e0 20%,#9855d8 28%,#9655d7 33%,#914fcd 39%,#8449bf 52%,#8348be 57%,#7e44b5 63%,#763ead 76%,#7139a4 83%,#6b369e 91%,#6c379f 93%,#68339b 98%,#69349c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a75eed', endColorstr='#69349c',GradientType=0 );}
.serv-heading h2{ text-align: left;  margin-bottom:15px;}
.inner-services .col-xl-6:nth-child(2) .serv-heading h2{ text-align: left; color:#fff;}
.inner-services .col-xl-6:nth-child(2) ul li:last-child{ margin-bottom: 0px;}
.inner-services .col-xl-6:nth-child(2) ul .fa-square{ font-size: 10px; transform: rotate(45deg); margin-right: 10px; }
.service-white-1{ background: url(../image/service-1.jpg) no-repeat right top; }
.ser-right p{color:#fff;}
.service-grey-2{ background:#f4f6fd url(../image/service-2.jpg) no-repeat left top; }
.service-white-3{ background: url(../image/service-3.jpg) no-repeat right top; }
.service-grey-4{ background:#f4f6fd url(../image/service-4.jpg) no-repeat left top; }
.service-white-5{ background: url(../image/service-5.jpg) no-repeat right top; }
.service-grey-6{ background:#f4f6fd url(../image/service-6.jpg) no-repeat left top; }
.serve-btn .btn{background: #fe6b00; box-shadow: none; padding: 10px 22px; border-radius: 5px; color: #fff; margin: 0px; }
.serve-btn .btn:hover,.serve-btn .btn:focus,.serve-btn .btn:active{color: #fff !important;}
.serve-btn .btn::before {background: #6e39a2;}
.serve-text .content-box{ padding: 30px 0px;}
.serve-text .content-box .serve-title{ font-size: 35px; text-align: left; margin-bottom: 10px;}



.testimonial{text-align: center;}
.testimonial p{padding: 40px 30px; margin-bottom: 50px; border-top: 1px solid #4f2778; border-left: 1px solid #4f2778; font-size: 15px; display:flex; text-align: left; position: relative;}
.testimonial .description:before{content: "\f10e"; font-family: "Font Awesome 5 Pro"; font-weight: 900; display: inline-block; float: left; padding: 0 15px 5px 0; font-size: 30px; color: #fe6a00; text-align: center; position: relative;
    top: 8px; left: 0;}
.testimonial p:empty{display:none;}
.testimonial p:after{content: ""; width: 50%; height: 1px; background: #2660a4; position: absolute;
    bottom: 0; left: 0;}
.testimonial .testimonial-content{ position: relative; display: flex; justify-content: center; align-items: center;}
.testimonial .testimonial-content:before{content: ""; width: 1px; height: 20px; background: #2660a4; position: absolute;
    top: -50px; left: 50%;}
.testimonial .testimonial-content:after{content: ""; width: 2px; height: 40px; background: #2660a4; position: absolute;
    top: -70px; left: 50%; transform: skewX(-45deg); transform-origin: 100% 100% 0;}
.testimonial .pic{display: inline-block; width: 80px; height: 80px; border-radius: 50%; margin-right: 7px;}
.testimonial .pic img{width: 100%; height: auto; border-radius: 50%;}
.testimonial .title{display: inline-block; font-size: 22px; font-weight: 700; color: #2660a4; letter-spacing: 1px; text-transform: capitalize;}
#testimonial-slider .owl-controls{margin-top: 30px;}
#testimonial-slider .owl-controls .owl-page span{width: 15px; height: 10px; border-radius: 0; background: #ff5a5f; opacity: 0.8; transition: all 0.3s ease 0s;}
#testimonial-slider .owl-controls .owl-page.active span{width: 35px; background: #2660a4;}
#testimonial-slider .owl-prev,
#testimonial-slider .owl-next{position: absolute; z-index: 2; top: 45%; font-size: 40px; background: rgb(20,20,20, 0.8) !important; color: #000; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; background: none !important;}
#testimonial-slider .owl-prev{left: -45px;}
#testimonial-slider .owl-next{right: -45px;}
#testimonial-slider .owl-prev:hover,
#testimonial-slider .owl-next:hover{background: none !important;}
#testimonial-slider .owl-prev:focus,
#testimonial-slider .owl-next:focus{outline: none;}
#testimonial-slider .owl-nav {margin-top: 0px;}

.sub-menu-toggle{display:none !important;}
.support .d-flex .icon-img {margin-right:10px;}
.inner-about .heading hr{margin: 10px auto 30px auto;}
div.wpcf7-response-output {border: 0; color: #46b450; text-align: center;}
div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing{border:0px; margin: 2em 0.5em 1em; padding: 0px 1em;}
.wpcf7 .ajax-loader{display:none !important;}
.wpcf7-not-valid{box-shadow: 2px 2px 4px #ff0000;}
.wpcf7-not-valid{border: 1px solid #f00 !important;}
div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing{float: left; width: 100%; margin: 10px 0px 0px 0px; color: #ff0000;}
.wpcf7-form p{width:100%;}
div.wpcf7-response-output {border: 0 !important; text-align: center; padding:0 !important; margin:0 !important;}
.wpcf7 form.invalid .wpcf7-response-output{color: #dc3232 !important;}
.wpcf7 form.sent .wpcf7-response-output{color: #f56b01 !important;}
.grecaptcha-badge{bottom: 55px !important; z-index: 2;}
.service-grey .col-xl-6{margin-left:50%;}
.fluid-content{margin-top:25px;}
.fluid_page .col-xl-12 .fluid-content:first-child{margin-top:0px;}
.fluid-content h6,.inner-content h6{text-align:left; margin-bottom: 20px; font-size:35px;}
.fluid-content ul{padding-left:20px;line-height:30px; }
.inner-image img{width:100%; height:auto;}


.back-to-top {cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none;}
.d-flex {display: flex!important;}
.blog_box figure{overflow: hidden; position: relative; margin-bottom: 15px; -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; box-shadow: 0 10px 20px rgba(0,0,0,0.40), 0 6px 6px rgba(0,0,0,0.50)}
.blog_box figure img{-webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all;}
.blog_box:hover figure{box-shadow: rgba(0, 0, 0, 0.35) 0px 14px 28px, rgba(0, 0, 0, 0.35) 0px 14px 28px;}
.blog_box:hover figure img{transform: scale(1.1);}
.blog_box h6{text-align: left; margin-bottom: 0; font-size: 22px; text-transform: capitalize;}
.blog_box h6 a{color: #000000;}
.blog_box hr{border-top: 2px solid #b1e5e7; width: 60px; margin: 10px 0px;}
.blog_box .post{margin-bottom: 5px; font-weight: 700; font-size: 14px;}
.blog_box .post a{color: #000000;}
.blog_box .post a:hover{text-decoration: underline !important;}
.blog_top .blog-flex{display: flex; justify-content: space-between;}
.blog_box .catogary{display: flex; flex-wrap: wrap; margin: 10px 0; }
.blog_box .catogary li{margin-right: 5px;}
.blog_box .catogary li:last-child{margin-right: 0px;}
.blog_box .catogary li a {background: #000;color: #fff;padding: 5px 8px !important;border-radius: 10px !important;font-size: 13px;}
.blog_box .catogary li a:hover,.blog_box .catogary li a:focus{background: #b1e5e7; color: #000;}
.blog_box {margin: 0px 15px 30px;}
.blog_box:nth-child(3), 
.blog_box:nth-child(6){margin: 0px 0px 30px;}

.offer-main .row .col-md-4:last-child .serivce-box .ser-icon{display: flex; justify-content: center; align-items: center;}
.offer-main .row {display:flex; width:100%; flex-wrap:wrap;}
.offer-main .row .col-md-4{display:flex;}
.sidebar .side-box:first-child .side-head{margin-top:0;}
.inner-blog{padding: 60px 0px; width: 100%; height: auto;}
.details ul,.details ol{padding-left:20px; line-height:26px; margin-bottom:10px;}
.blog-center p,
.blog-center .blog-title, 
.blog-col p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-line-clamp: 2; -moz-box-orient: vertical; -ms-line-clamp: 2; -ms-box-orient: vertical; -o-line-clamp: 2; -o-box-orient: vertical; line-clamp: 2; box-orient: vertical;}
.details ul li,.details ol li{margin-bottom:10px;}
.top-breadcrub .breadcrumb>.active{color: #f67d26;}
.main_blogs{flex-wrap:wrap;}
.grecaptcha-badge {visibility: hidden !important; opacity: 0 !important;}
.navigation .navbar.secondary{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 0; margin-top: 15px;     background: #fff !important;}
.navigation .secondary .navbar-nav{display: flex; float: none; justify-content: center; margin: 0;}
.navigation .secondary .navbar-nav li:first-child{padding-left:0;}
.navigation .secondary .navbar-nav li a{display:flex; align-items: center; font-size: 13px;}
.navigation .secondary .navbar-nav li a:before,
.navigation .secondary .navbar-nav li a:after{display:none;}
.navigation .secondary .navbar-nav li a .nav_icon{margin-right: 7px; display:inline-block; width:45px; height:45px; background-image:url(../image/nav_icon_1.png); background-repeat:no-repeat; background-size:contain;}
.navigation .secondary .navbar-nav li#menu-item-690 a .nav_icon{background-image:url(../image/nav_icon_2.png);}
.navigation .secondary .navbar-nav li#menu-item-696 a .nav_icon{background-image:url(../image/nav_icon_3.png);}
.navigation .secondary .navbar-nav li#menu-item-701 a .nav_icon{background-image:url(../image/nav_icon_4.png);}
.navigation .secondary .navbar-nav li#menu-item-707 a .nav_icon{background-image:url(../image/nav_icon_5.png);}
.navigation .secondary .navbar-nav li#menu-item-715 a .nav_icon{background-image:url(../image/nav_icon_6.png);}
.post a{color:#000;}

.inner_heading h2{text-align:left;}
.heading.inner_heading hr {margin: 10px 0 20px 0; width:80px;}
.content_box h6{text-align:left; margin:30px 0 20px 0; font-size:25px;}
.serv_main h2{text-align:left; margin:20px 0 0 0; font-size:25px;}
.serv_box {margin-top:30px;}
.serv_box p{color:#000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; -moz-line-clamp: 3; -moz-box-orient: vertical; -ms-line-clamp: 3; -ms-box-orient: vertical; -o-line-clamp: 3; -o-box-orient: vertical; line-clamp: 3; box-orient: vertical;}

.serv_box h6{font-size: 20px; text-align: left; margin: 15px 0 7px 0; font-weight: 500; color:#000; font-family: 'Roboto', sans-serif;}
.serv_box .icon_box{-moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.serv_box:hover .icon_box {transform: translateY(-5px);}
.serv_box .icon_box img{width:55px; height:auto;}
.serv_main h6 a{color:#000;}
.serv_main h6 a:hover{color: #fe6a00;}
.seo_bottom .serv_main h2:first-of-type,
.sector_bottom .serv_main .content_box:first-child h6{margin-top:0;}
.sector_bottom .serv_main .content_box h6{margin:20px 0 10px 0;}
.sector_bottom .serv_main .content_box{border-bottom: 1px solid rgba(204, 204, 204, 0.55); padding-bottom: 10px;}
.sector_bottom .serv_main .content_box:last-child{border-bottom:0px; padding-bottom: 0px;}
.digital{display:flex; flex-wrap:wrap; width: 100%;}
.ppc_list{line-height: 30px; margin-bottom: 10px;}
.ppc_list li{display: flex; align-items: center;}
.ppc_list li .fas{font-size: 10px; transform: rotate(45deg); margin-right: 5px; color: #f56e0c;}
.ppc-bottom .serv_main h6:first-of-type {margin-top: 0;}

.plans-table {background: #fff; border: 0; border-bottom: solid 1px #f9f9f9; border-collapse: collapse; margin: 40px 0 0 0;	width: 100%}
.plans-table tr td,
.plans-table tr th {border: solid 1px #f9f9f9; font-size: 16px; font-weight: 400; line-height: 1.2; padding: 10px 20px;
	text-align: center; vertical-align: middle; width: 25%;}
.plans-table thead td {background: #f7f7f7;}
.plans-table thead th {background: #502778; border-color: #502778; color: #fff; font-weight: 700; letter-spacing: 1px;
	text-transform: uppercase;}
.plans-table thead th.popular {position: relative;}
.plans-table thead th.popular:before {background: #f56e0c; color: #fff; content: 'popular'; display: block; font-size: 13px; left: 0; line-height: 20px; padding: 0 8px; position: absolute; text-align: center;
	top: -20px; width: 100%;}
.plans-table tbody th {background: #f7f7f7; border-color: #f7f7f7; text-align: left;}
.plans-table tbody td .fa-check {color: #458b00;}
.plans-table tbody td .fa-times-circle {color: brown;}
.plans-table tfoot tr {border-left: solid 1px #f9f9f9;}
.plans-table tfoot th {background: #f7f7f7}
.plans-table tfoot td {border: 0; border-right: solid 1px #f9f9f9; color: #060606;	font-size: 40px; line-height: 1;}
.plans-table tfoot td>small {color: #999; display: block; font-size: 15px;}
.plans-table tfoot td strong {display: block; margin: 15px 0 10px 0;}
.plans-table tfoot td strong span {font-size: .8em; font-weight: 700;}
.plans-table tfoot td strong small {font: inherit; font-size: .8em;}
.plans-table tfoot td .btn:before {background: #502778;}
.plans-mobile{display:none;}
.page-id-1043 .serv_main h2{padding-bottom:15px;}
.page-id-1043 .serv_main ul{padding-left:20px; line-height:30px;}
.page-id-1143 .sector_top .reda-more{display:none;}
.serv_main ul{padding-left:20px; line-height:30px; margin-bottom:10px;}
.serv_box .reda-more{display:none; visibility:hidden;}
.web_dev .serv_box{margin:0;}
.sec_image img,.ppc-bottom img{width:100%; height:auto;}
.page-id-1304 .serv_main{text-align:center;}
.page-id-1304 .serv_main p{font-size:20px;}
.page-id-1304 .serv_main i {height: 100px; width: 100px; line-height: 100px; border-radius: 50%; font-size: 40px; color: #fff; margin: 10px 0; background: #f5af7c;
background: -moz-linear-gradient(top, #f5af7c 0%, #f7a367 23%, #fc7a1d 74%, #fd700b 89%, #fe6b02 100%);
background: -webkit-linear-gradient(top, #f5af7c 0%,#f7a367 23%,#fc7a1d 74%,#fd700b 89%,#fe6b02 100%);
background: linear-gradient(to bottom, #f5af7c 0%,#f7a367 23%,#fc7a1d 74%,#fd700b 89%,#fe6b02 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5af7c', endColorstr='#fe6b02',GradientType=0 );}
.aioseo-html-sitemap h4{display:none;}
.aioseo-html-sitemap ul{padding: 20px !important; list-style: none; border: 1px solid #ccc; border-radius: 15px;}
.aioseo-html-sitemap ul li a{color: #000030;}
.aioseo-html-sitemap ul li a:hover{color:#fe6b01; padding-left:10px;}
.error_page{text-align:center; padding:50px 0;}
.error_page .page-header {padding-bottom: 0; margin:0; border-bottom: 0;}
.error_page .page-title{font-size: 150px; font-family: 'Roboto', sans-serif;}
.error_page span{font-size: 30px; display: block; font-weight: 600; color: #fe6b01; margin-bottom: 15px;}
figure img{width:100%; height:auto;}
.inner_review{background:#fff;}
.inner_review .testimonial{margin-top:30px;}
.inner_review .testimonial:first-child{margin-top:0px;}
.page-id-570 .content_box:nth-child(1) h6{margin-top:0;}
.blog_box.details{margin:0;}
.blog_box.details br{display:none;}
.blog_box.details strong{font-size: 20px; margin-bottom: 10px; display: block;}
.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {color: #fff; text-decoration: none;}
.pagination li {display: inline; margin:0 2px;}
.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {background-color: #502778; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem;}
.pagination li a:hover,
.pagination li.active a {background-color: #fe6b01;}
.detail-top{height:450px;}
.detail-top .img-fluid{position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; 
object-position: center;}
.detail-top .container{position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 20px; z-index: 98;}
.heading-portfolio p{text-align: center; max-width: 1000px; margin: 0 auto 10px auto;}
.modal-box .show-modal{color: #fff; background: #ff790a; font-size: 20px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 13px 20px; margin: 30px auto; border: none; border-radius: 50px; display: block; overflow: hidden; position: relative; z-index: 1; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);}
.modal-box .show-modal:hover,
.modal-box .show-modal:focus{color: #fff; text-shadow: 0 0 5px #000; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25);}
.modal-box .show-modal:before,
.modal-box .show-modal:after{content: ""; background: #778ca3; width: 50%; height: 100%; opacity: 0; transform: scaleX(0); position: absolute; top:0; left: 0; transition: 0.1s linear; z-index: -1;}
.modal-box .show-modal:after{background: #4b6584; width: 52%; transform: scaleX(1) scaleY(0); left: auto; right: -2px;}
.modal-box .show-modal:hover:before,
.modal-box .show-modal:hover:after{opacity: 1; transform: scaleX(1) scaleY(1);}
.modal-box .modal{top: 50%; left: 50%; bottom: inherit; right: inherit; -webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%;}
.modal-box .modal-dialog{width: 545px; margin: 30px auto 10px;}
.modal-box .modal-dialog .modal-content{background: #fff; text-align: center; border: none; box-shadow: 0 0 10px rgba(0, 5, 85, .2);}
.modal-box .modal-dialog .modal-content .close{color: #222; font-size: 28px; text-shadow: none; line-height: 15px; opacity: 1; position: absolute; left: auto; right: 10px; top: 10px; z-index: 1; transition: all 0.3s;}
.modal-box .modal-dialog .modal-content .close:hover{ color: #888; }
.modal-box .modal-dialog .modal-content .modal-body{ padding: 0 0 !important; }
.modal-box .modal-dialog .modal-content .modal-body:after{content: ''; display: block; clear: both;}
.modal-box .modal-dialog .modal-content .modal-body .modal-left-content{color: #fff; background-color: #502778; background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,0.1) 20px, rgba(255,255,255,0.1) 40px ); text-align: center; text-transform: uppercase; letter-spacing: 3px; width: 40%; min-height: 385px; padding: 80px 0; display: inline-block; float: left;}
.modal-box .modal-dialog .modal-content .modal-body .modal-left-content ul{padding: 0; margin: 0; list-style: none;}
.modal-box .modal-dialog .modal-content .modal-body .modal-left-content ul li{font-size: 40px; display: inline-block;}
.modal-box .modal-dialog .modal-content .modal-body .modal-left-content ul li:first-child,
.modal-box .modal-dialog .modal-content .modal-body .modal-left-content ul li:last-child{font-size: 20px;}
.modal-box .modal-dialog .modal-content .modal-body .modal-left-content .title{font-size: 30px; font-weight: 400; line-height: normal; color:#fff;}
.modal-box .modal-dialog .modal-content .modal-body .modal-left-content .title span{font-size: 40px; font-weight: 700;}
.modal-box .modal-dialog .modal-content .modal-body .modal-main-content{width: 60%; padding: 28px 20px; display: inline-block;}
.modal-box .modal-dialog .modal-content .modal-body .sub-title{color: #fe6a00; font-size: 50px; font-weight: 700; text-transform: capitalize; margin: 0 0 5px 0;}
.modal-box .modal-dialog .modal-content .modal-body .description{font-size: 15px; font-weight: 500; margin: 0 0 15px; letter-spacing: 1px;}
.modal-box .modal-dialog .modal-content .modal-body .form-group{ margin: 0 0 15px; }
.modal-box .modal-dialog .modal-content .modal-body .form-control{color: #000; background: #F2F2F2; font-size: 16px; letter-spacing: 1px; height: 40px; padding: 2px 15px 2px 15px; margin: 0 auto; box-shadow: none; border: none; display: inline-block; transition: all 0.3s;}
.modal-box .modal-dialog .modal-content .modal-body .form-control::placeholder{color: #909090; font-size: 14px;}
.modal-box .modal-dialog .modal-content .modal-body .subscribe{color: #fff; background-color: #fe6a00; font-size: 18px; font-weight: 700; border-radius: 10px 0 10px 0; padding: 6px 30px; margin: 0 auto; border:0 solid transparent; display: block; transition: all 0.3s ease-in-out;}
.modal-box .modal-dialog .modal-content .modal-body .subscribe:hover{text-shadow: 3px 3px 0 #888; box-shadow: 0 0 15px rgba(0,0,0,0.4) inset;}
.blog .modal-backdrop.in, .blog .modal-box{display:none !important;}
.modal-box .wpcf7-not-valid-tip,
.modal-box .wpcf7-spinner,
.modal-box .wpcf7-response-output{display:none !important;}
.modal-box .form-group + p{margin-bottom:0;}
.serv_main ul.ppc_list{padding-left: 0;}
.talk-box p{max-width: 900px; margin: 0 auto 20px auto;}
.blog_box.details p img{width:100%;}
.blog-top figure,
#main-slider .item figure{margin: 0;}


.detail-top.location {height: auto; max-height: inherit; padding:60px 0 30px 0;}
.location::after{background:rgba(0, 0, 0, 0.682);}
.location .container{position:relative;}
.location .text-left {font-size: 40px;font-weight: bold; line-height: inherit; margin: 0; color: #fff; text-transform: capitalize; text-shadow: 0 0 10px rgba(4,228,255,.5);}
.inner_location {padding: 50px 0;}
.inner_location .post_title{text-align:left; margin-bottom:30px; font-weight: 600; color: #30005e;}
.inner_location .post_title span{color: #f36e21;}
.quick_form{padding:30px; border-radius:15px; background:#fff;}
.quick_form textarea{height:80px;}
.detail-left h2 + p{color: #fff; font-size: 20px; line-height: 30px; margin: 15px 0;}
.quick_form h2{font-size: 27px; text-align: center; text-transform: inherit; font-weight: bold;}
.quick_form h2 + p{text-align:center; font-weight:normal; margin: 10px 0;}
.top_service{display:flex; flex-wrap:wrap; margin:0 -15px;}
.top_service li{border: 3px solid #fff; border-radius: 15px; margin: 25px 15px 0px 15px; padding: 15px; width:30%; text-align:center; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out; transition:all 0.8s  ease 0s; text-decoration:none !important;}
.top_service li a{display:block;}
.top_service li span{color:#fff; font-size:16px; display:block; text-transform: capitalize; text-align: center; margin: 15px 0 0 0;}
.top_service li:hover{background: #fe6b00; border-color:#fe6b00;}
.top_service li:hover img{animation: leaves 5s ease-in-out infinite alternate; -webkit-animation: leaves 5s ease-in-out infinite alternate;}
@keyframe leaves {
    0% {transform: scale(0); -webkit-transform: scale(0);}
    100% {transform: scale(1.2); -webkit-transform: scale(1.2);}
}

.p-0{padding:0;}
.p-50{padding:50px 0;}
.mb-30{margin-bottom:30px;}
.locate_service{background: #f4f6fd; padding: 20px; border-radius: 15px; border: 3px solid #fe6b00; text-align: center; margin-top: 30px;}
.locate_service figure{width: 50px; margin: 0 auto; opacity: 0.5; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease 0s;}
.locate_service h6{font-size: 20px; margin: 12px auto 10px auto;}
.locate_service p{overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.locate_service a{color:#000; opacity:0.5;}
.locate_service:hover figure{opacity:1;}
.locate_service.activeParent p{overflow: inherit; text-overflow: inherit; white-space: initial; display: -webkit-box; -webkit-line-clamp: inherit; -webkit-box-orient: inherit;}
.locate_service.activeParent a{color:#000; opacity:1;}
.locate_service.activeParent a .fa-angle-right::before{content: "\f106";}
.status{color: #fff; text-align: center; padding: 50px; background: #502778; margin: 0; border-radius:25px;}
.status h3{color: #fff; margin-bottom: 20px;}    
.status p{font-size: 20px; line-height: 35px; margin: 0px 0 10px 0; }
.single-location .home_main .row{display: flex; flex-wrap: wrap;}
.single-location .home_main .row .col-md-3{display:flex;}
.single-location .home_main .row:nth-child(odd) .locate_service{border-color: #502778;}
.blue_bg{position:relative;}
.blue_bg:before{content: ""; background:#502778; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; height: 325px;}
.blue_bg .post_title{color:#fff; text-align:left;}
.blue_bg .head_box{color:#fff;}
.orng_bg{position:relative;}
.orng_bg:before{content: ""; background:#fe6b00; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; height: 325px;}
.orng_bg .post_title{color:#fff; text-align:left;}
.orng_bg .head_box{color:#fff;}
.result_right figure{overflow: hidden; border-radius: 25px;}
.result_right h6{font-size: 26px; line-height: inherit; text-align: left; margin-bottom: 10px;}
.growth{background: #fe6b00; text-align: left; margin-bottom:50px;}
.growth .post_title{font-size: 25px; margin-bottom: 10px; text-align: left;}
.growth p{font-size: 18px; text-align: left;}
.growth_right ul li{display: flex; justify-content: space-between; border-bottom: 1px solid #ccc; padding: 10px 0; align-items: center;}
.growth_right ul li:last-child{padding-bottom:0; border:0;}
.growth_right ul li strong{font-size: 35px;}
.cstm_tab ul.nav-pills{display: flex; justify-content: space-between; width: 100%;}
.cstm_tab ul.nav-pills li a{background: transparent !important; padding: 0; display:block;}
.cstm_tab ul.nav-pills li a figure{width: 80px; height: 80px; border-radius: 50%; padding: 20px; margin: 0 auto; text-align: center; box-shadow: 0 4px 10px #eaf7ff,0 0 0 10px #fff; border: 1px solid #f2f2f2; background: linear-gradient(146deg,#f1f1f1 0,#fff 30.72%,#eeebeb 100%); position: relative; z-index: 9; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease 0s;}
.cstm_tab ul.nav-pills li a figure:before{content:''; transform: scale(0); width:100%; height:100%; position:absolute; left:0; top:0; background:transparent; border-radius:50%; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease 0s;}
.cstm_tab ul.nav-pills li a figure img{opacity: 0.6; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease 0s;}
.cstm_tab ul.nav-pills li a span{display: block; text-align: center; margin-bottom: 20px; font-size: 18px; font-weight: 600; color: #5d5d5d; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease 0s;}
.cstm_tab ul.nav-pills li.active a figure:before,
.cstm_tab ul.nav-pills li a:hover figure:before{background:#502778; transform: scale(1);}
.cstm_tab ul.nav-pills li a:hover figure img,
.cstm_tab ul.nav-pills li.active a figure img{opacity: 0.9; -webkit-filter: invert(100%); filter: invert(100%);}
.section_f:before{background: #f4f6fd; height:270px;}
.cstm_tab h6{text-align: left; font-size: 30px; color: #502778; margin-bottom:15px;}
.cstm_tab ul.list-unstyled{line-height: 30px;}
.cstm_tab ul.list-unstyled .fa{font-size: 16px; color: #fe6b00; vertical-align: middle; margin-right: 10px;}
.section_f .post_title{text-align: center; color: #000; margin-bottom: 20px;}
.tab_right figure{overflow: hidden; border-radius: 25px;}
.status.market{ margin-bottom:50px;}





@media screen and (min-width:1600px) and (max-width:1920px) {
.container{width: 90%;}
}

@media (min-width: 1200px) {
.container {width: 100%; padding: 0 100px;}
.navigation .navbar-nav li {padding: 0 55px;}
.navigation ul.nav li > ul{transform: scaleY(0); transform-origin:center top; top: 40px; visibility: hidden; opacity: 0; display: block; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s; transition:all 0.5s  ease-in-out 0s;}
.navigation ul.nav li:hover > ul{transform: scaleY(1); opacity: 1 !important; visibility: visible !important;}
.navigation ul.nav li:hover > ul > li > ul {border: 1px solid #ccc;}
.navigation ul.nav li:hover > ul {display: block; border: 1px solid #ccc !important; border-bottom:0px important;}
.inner-services .col-xl-6:nth-child(1) {padding-left:105px; padding-top: 50px; background: #f4f6fd;}
.inner-services .col-xl-6:nth-child(2){ padding: 50px 105px 50px 30px;}
.overview .container{width:100%;}
.navigation .secondary ul.nav li > ul{top: 100%; margin-top: 15px;}
.navigation #menu-main-menu li{padding: 0px 25px;}
.navigation #menu-main-menu li:last-child{padding-right:0;}
#projects .owl-prev,
#projects .owl-next{opacity:0; visibility:hidden;}
#projects:hover .owl-prev,
#projects:hover .owl-next{opacity:1; visibility:visible;}
#stickyButton {position: fixed; right: -8px; top: 50%; top: 55%; z-index: 1000; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); width: 50px;}
#stickyButton a{border-radius: 15px 15px 0 0; background: #502778; color: #fff; border-color: #502778; padding: 10px 20px;}
.w-50{width:100%; max-width:75%; margin:0 auto 30px auto;}
}

@media screen and (max-width: 1199px){
.serivce-box .ser-content h6{font-size: 25px;}
.serivce-box .ser-content hr{margin: 10px auto; width: 80px}
.serivce-box .learn-btn .btn{line-height: inherit; font-size: 13px; padding: 8px 55px 8px 17px;}
.project-main h5{font-size: 35px;}
.social-hover li a{font-size: 16px; width: 30px; height: 30px; line-height: 30px;}
.social-hover li:hover a .fab:nth-child(2) {transform: translateY(-30px);}
.web-category .cat-box{padding:15px;}
.process-main .heading hr{margin-bottom:20px;}
.procerss-box{margin-top:30px;}
.process-wrapper{display: flex; flex-wrap: wrap; width: 100%; justify-content: center;}
.service-grey .col-xl-6 {margin-left: 0% !important;}
.page-id-21 .service-white{background:#fff;}
.page-id-21 .service-grey{background: #f4f7fe;}	
.inner-services.overview .row{display:block !important;}
.overview .row .col-xl-6{width:100%;}
.inner-services .col-xl-6:nth-child(2){padding: 30px 15px;}
.ser-left .serv-heading h2{margin-top:30px;} 
.inner-address{padding-bottom:30px;}
.inner-address .address-col{width:50%; margin-bottom:30px;}
.navigation .secondary{padding:0 15px; display:none;}
.navigation .navbar-nav li .sub{right: 0px;}
.navigation .navbar-nav li {padding: 0px 25px;}
.navigation ul.nav li > ul {min-width: 190px;}
.navigation ul.nav li > ul > li > a {font-size:13px;}
#main-slider .carousel-caption h6{font-size: 30px; margin-bottom: 10px;}
.project-main .col-xl-8{width:80%;}
.project-main .col-xl-4{width:20%;}
#testimonial-slider .owl-prev {left: -25px; top: 35%;}
#testimonial-slider .owl-next {right: -25px; top: 35%;}
.navbar-logo img{width:200px;}
.navigation .navbar-nav{margin-top:10px;}
}
  
@media (min-width: 992px) {
#projects .owl-item:nth-child(odd) .d-flex{flex-direction: row-reverse;}
#projects .owl-item:nth-child(odd) .d-flex .project_info{padding:0 0 0 30px;}
.offwhite_bg .blog-center{min-height:168px;}
.navigation .navbar-nav li#menu-item-614{display:none;}
}
@media (max-width: 991px) {
.navbar-header {float: none;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse {display: none!important;}
.navbar-collapse.collapse.in {display: block!important;}
.navigation .brand-logo img {width: 150px;} 
.navigation .navbar-header{margin-left:0; margin-right:0;}   
.navigation .brand-logo{display: inline-block; margin: 10px 0 0 0;}
.navigation .navbar button{float: right; margin-top: 15px; margin-right:0; background: transparent !important; padding: 0px; border: 0px; background: none;}
.navigation .navbar button span{background-color: #4f2778 !important; }
.navigation .navbar button span:nth-child(2){width:20px;}
.navigation .navbar button span:nth-child(3){width:18px;}

.navigation .info_bar{position: absolute; top: 6px; right: 35px;}
.navigation .navbar-nav{float: none; margin:0; max-height: 450px; overflow-y: scroll;}
.navigation .navbar-nav::-webkit-scrollbar-track {opacity: .2; border-radius: 2.5px; background-color: transparent;}
.navigation .navbar-nav::-webkit-scrollbar {opacity: .2; width: 4px; background-color: transparent;}
.navigation .navbar-nav::-webkit-scrollbar-thumb {border-radius: 2.5px; background-color: hsla(0, 0%, 46.3%, .2);}
.navigation .navbar-nav li{float: left; width: 100%;  position: relative; padding:0;}
.navigation .navbar-nav li a {padding: 10px; font-size: 15px; display: block; float: left; width: 100%; border-bottom: 1px solid #ccc;}
.navigation .navbar-nav li.active>a, .navigation .navbar-nav a.active, .navigation .navbar-nav a.show, 
.navigation .navbar-nav .show>a, .navigation .navbar-nav a:focus, .navigation .navbar-nav a:hover, 
.navigation .navbar-nav>li>a:focus, .navigation .navbar-nav>li>a:hover, .navigation .navbar-nav>.open>a, 
.navigation .navbar-nav>.open>a:focus, 
.navigation .navbar-nav>.open>a:hover {color: #fff !important; background: #4f2778 !important;}
.navigation .navbar-nav > li > ul li a, 
.navigation .navbar-nav > li > ul > li.current-menu-item > ul > li > a {color: #000 !important; padding: 10px 15px 10px 25px !important; background: #fff !important;}
.navigation .navbar-nav > li > ul > li.current-menu-item > ul > li > a:hover,
.navigation .navbar-nav > li > ul > li.current-menu-item > ul > li > a:focus{color: #fff !important; background: #4f2778 !important;}
.navigation > .navbar-nav > li#menu-item-616 > a{border-bottom: 0 !important;}
.navigation .navbar-collapse, .navigation .navbar-form {padding: 10px 15px !important; margin-top:15px;}
.navigation .navbar-nav li .sub {z-index: 99999; height: 30px; width: 30px; line-height: 32px;
    background: #000; color: #fff; text-align: center; top: 5px; right: 5px; background: #4f2778; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out; transition:all 0.8s  ease 0s;}
.navigation .navbar-nav li .sub.submenu-hide{transform: rotate(180deg); border-radius: 50%; background: #fe6b01;}
.navigation .navbar-nav li ul li span.sub {top: 5px; right: 5px;}
.navigation .navbar-nav li ul{min-width: inherit; position: static; float: left; width: 100%; background: rgba(255,255,255, 0.5);}
.navigation .navbar-nav li a:before,
.navigation .navbar-nav li a:after{display:none !important;}
.navigation .navbar-nav ul{box-shadow:none;}
.header__top .row{flex-wrap: nowrap; align-items: center;}  
.header__top .row .col-md-12{flex: inherit; display: block;}
.navbar-logo img{width: 200px;}
.navigation .navbar-nav{margin-top: 14px;}
.navigation .navbar-nav li {padding: 0px;}
.navigation .navbar-nav li a {font-size: 14px;}
.device h2 {font-size: 25px;}
.offer-main .mrgn-tp{margin: 0;}
.offer-main .col-xl-4{margin-bottom: 30px;}
.offer-main .col-xl-4:nth-child(5),
.offer-main .col-xl-4:nth-child(6){margin-bottom: 0px;}
.your-main .row{justify-content: center;}
.project-main h5, .project-main .start-btn{text-align: center !important;}
.blog-main .row{justify-content: center;}
.blog-main .row .col-xl-4:nth-child(4){margin-top: 30px;}
#main-slider .owl-prev{left: 15px !important;}
#main-slider .owl-next{right: 15px !important;}
#main-slider .carousel-caption{top:30%;}
#main-slider .carousel-caption h6 {font-size: 35px;}
#main-slider .carousel-caption p{font-size: 15px; line-height:24px; width:90%; margin: 0 auto;}
#main-slider .carousel-caption .slide-btn .btn {margin-top: 20px; font-size: 13px; padding: 7px 50px 7px 12px;}
#accordion .h5{font-size: 16px; margin: 0; padding: 10px 0 !important; position: relative;  }
#accordion .h5::before{content: "\f107"; color: #fff; font-family: fontawesome; position: absolute; right: 10px; top: 11px; font-size: 20px; transition: all 0.5s ease-in-out; }
.footer-col hr{margin:0;}
#accordion .h5[aria-expanded="true"]:active::before,
#accordion .h5[aria-expanded="true"]:focus::before,
#accordion .h5[aria-expanded="true"]:hover::before{transform: rotate(-180deg);}
.footer-logo img{width: auto;}
#accordion .d-lg-block{padding: 10px 0 0 0;}
.footer-btn .btn {font-size: 13px; padding: 7px 50px 7px 12px;}
.footer-list li {line-height: 26px; font-size: 14px;}
.copy-main .col-md-6{max-width: 100%; flex: 0 0 100%;}
.copy-main p{text-align: center;}
.copy-main .social-hover {text-align: center !important; margin: 10px 0 0 0;}
.support{justify-content: center; display: flex; flex-wrap: wrap; width: 100%;}
.support .d-flex{justify-content:center;}
.web-category .col-sm-2{width:25%;}
.heading-top h1{text-align:center !important; }
.heading-top p{text-align:center;}
.top-breadcrub .breadcrumb{justify-content:center !important; margin:0 !important;}
.slider_right {margin-top:30px}
.slider_main .row{display:block;}
#main-slider .carousel-caption{top:20%;}
.plans-desktop{display:none;}
.plans-mobile{display:block;}
.plans-mobile .plans-table:nth-child(2){margin:50px 0 30px 0;}
.project_info p.other_info {display:none;}
.project_info h6 {margin: 15px 0; font-size: 30px;}
.project_info p.work {margin: 0; font-size: 16px;}
.project_box .d-flex{flex-wrap:wrap; text-align:center;}
.project_box .project_info{width:100%; padding:30px 0;}
.project_box figure {width: 100%;}
.project_box figure img{max-width: 350px; margin:0 auto;}
.project_info.light_text h6{text-align:center;}
.project-main .col-xl-8{width:100%;}
.project-main .col-xl-4{width:100%;}
.project-main h5 {margin-bottom:15px; font-size:30px;}
.detail-bottom h1{font-size:25px}
.sticky .navbar{margin-top:0 !important; position: fixed; top: 0px; z-index: 99; width: 100%;animation: MenuSlideDown .3s linear;-moz-animation: MenuSlideDown .3s linear;-ms-animation: MenuSlideDown .3s linear;-o-animation: MenuSlideDown .3s linear;  -webkit-animation: MenuSlideDown .3s linear; background:#fff !important; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}

}
      
@media (max-width: 767px) {
.your-main .row .col-xl-4{margin: 10px 0;}
.header__top .row{display:flex;}
.top-left ul {justify-content: center;}
.top-left ul li a{font-size: 13px;}
.top-right .social-hover{text-align: right !important; margin-top: 0px;}
.footer-main{padding:40px 0;}
.footer-col{margin-bottom:30px;}
.footer-col:last-child{margin-bottom:0px;}
.footer-col .hr{margin-bottom:10px;}
.home-bg .border-right:last-child{margin-top:30px;}
.home-bg .border-right:last-child .device-cntnt{margin-top:10px;}
.project-main h5 {font-size: 25px; margin-bottom: 20px; line-height:normal;}
.blog-main .row .col-xl-4:nth-child(3) {margin-top: 30px;}
.top-left ul li span{display:none;}
.top-left ul li span.hidden{display:inline-block !important;}
.top-left ul li{border:0px !important;}
.top-left ul li	.fas{width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px  solid #fff;
    font-size: 16px; display: inline-block; background: none; vertical-align: middle; transition: .5s; overflow: hidden;}
.top-left ul {justify-content: flex-start;}
.top-left ul li:first-child{padding-right:10px;}
.web-category .col-sm-2{width:33% !important;}
.offer-main .row,.offer-main .row .col-md-4{display:block !important; margin:0 !important; padding:0 !important;}
.slide_content h1 span{display: block; height: 50px; font-size: 35px;}
.slide_box p {font-size: 16px; margin: 10px 0; line-height: 24px;}
#main-slider .owl-prev, #main-slider .owl-next{height: 30px; width: 30px; line-height: 30px; 
font-size:20px;}
#main-slider{box-shadow:none;}
.slider_main .row{margin:0;}
.project-main .col-xl-4{min-width: 100%;}
.main_blogs-details{flex-wrap: wrap;}
#main-slider .owl-item img{height:400px; object-fit:cover;}
.inner_heading h2,.heading-top h1,.con-bottom  h2{font-size:25px; text-align:left;}
.sec_image{margin-top:20px;}
.content_box h6{font-size:22px !important; margin: 10px 0 10px 0 !important;}
.heading-top p {font-size: 14px;}
.home__main{padding:40px 0;}
h1, h2, h3, h4, h5, h6{font-size:30px;}
.detail-bottom h2{font-size:25px;}
.detail-top img{height:300px; object-fit:cover;}
.heading hr{width:100px;}
.inner-about .heading hr {margin: 10px auto 20px auto;}
.goal-box .goal-title{font-size:24px; font-weight:500;}
.serve-text .content-box .serve-title{font-size:25px;}
.top-breadcrub{display:none;}
.page-top{padding:75px 0;}
.wave-image{height:75px;}
.blog_box.details{margin:0; padding:0;}
.service-main .heading hr{margin-bottom:0px;}
.detail-bottom h1{font-size:20px}
.detail-bottom .b-icon{display:none;}
.modal-box .modal{padding:0 !important;}
.modal-box .modal-dialog{ width: 90% !important; }
.modal-box .modal-dialog .modal-content .modal-body .modal-left-content,
.modal-box .modal-dialog .modal-content .modal-body .modal-main-content{width: 100%; display: block; float: none; padding: 40px 20px; min-height: auto;}
.modal-box .modal-dialog .modal-content .modal-body .modal-left-content .title span{font-size: 30px;}
.modal-box .modal-dialog .modal-content .close {color: #000; font-size: 25px; text-shadow: none; width: 30px; height: 30px; background: #fff; line-height: 30px; font-weight: normal; position: absolute; right: 0; top: 0; border-radius: 0 0 0 10px; display: block;}
.navigation{padding:0;}
.navigation .navbar{padding:10px 0 !important;}
.santa img {width: 150px !important; height: auto !important;}
} 
     
@media (max-width: 575px) { 
.process-wrapper .col-xs-4 {width: 50%;}
.web-category .col-sm-2{width:50% !important;}
.inner-address .address-col{width:100%;}
.smo-bottom figure img{margin-top:15px;}
	
}
      
@media (max-width: 479px) { 
.device-img img{width: 100%;}
#main-slider .carousel-caption {top: 15%;}
#main-slider .carousel-caption h6 {font-size: 22px; margin-bottom: 15px;}
#main-slider .carousel-caption h6 br{display:none;}
#main-slider .carousel-caption p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;
-webkit-box-orient: vertical; -moz-line-clamp: 3; -moz-box-orient: vertical; -ms-line-clamp: 3; -ms-box-orient: vertical; 
-o-line-clamp: 3; -o-box-orient: vertical; line-clamp: 3; box-orient: vertical;} 
#main-slider .owl-item img {height: 350px;}
.btn .fas{font-size:16px; line-height: 35px;}

}

@media (max-width: 440px) { 
.top-left ul{flex-wrap:wrap; margin:0;}
.top-left ul li {padding: 0px; border: 0 !important; display: block;}
}

@media (max-width: 375px) { 
.process-wrapper .col-xs-4 {width: 100% !important;} 
.cat-bottom p{font-size:14px;}
}
  
@media (max-width: 320px) { 
#main-slider .carousel-caption {top: 20%;}
.cat-bottom p{font-size:14px;}
}