@import url('https://fonts.googleapis.com/css2?family=Borel&family=Bree+Serif&family=Caveat&family=Cookie&family=Dancing+Script&family=Heebo:wght@300&family=Lato&family=Libre+Caslon+Text:ital@1&family=Libre+Franklin&family=Mukta&family=Oxygen+Mono&family=Poppins:wght@300&family=Roboto+Slab&family=Roboto:wght@400;500;900&family=Sigmar+One&family=Source+Code+Pro&family=Tangerine&display=swap');

html, body{ height:100%; width:100%;}

html,body{padding:0; margin: 0;}
h1, h2, h3, h4, h5, h6, p, ul, li, a{padding:0; margin:0;}
ul{ list-style:none;}
a, button{-webkit-transition-duration: 0.3s; 
  -webkit-transition-timing-function: linear; 
  box-shadow:0px 0 0 #966b29 inset; text-decoration:none;}

header#header_all { padding-top: 3px; border-top: 7px solid#04cf64;}  
#header_all{ position:relative;}
.scrolled{position:fixed; left:0px; right:0px; top:0px;  z-index:99999;}
.scrolled .navbar{  box-shadow: 0 2px 8px #00000021;}
.topnavscrle .navbar{background:#fff;  }
.img-fluid { max-width: 100%; height: auto; margin: 0 0 0 234px;}
nav#main_navbar { margin-top: 0px; padding: 0;}
.topnavscrle .navbar .navbar-brand{ width:220px; padding-bottom:0;  }
.topnavscrle .navbar .navbar-nav{ margin-top:10px;}
.topnavscrle .navbar .navbar-nav li { position:relative; margin:0 20px;}
.topnavscrle .navbar .navbar-nav li a{     padding: 9px 0; font-size: 17px;   font-weight: 500;   color:#000; text-decoration:none;}
.topnavscrle .navbar .navbar-nav li a:hover{ color:#04cf64 ;}
.topnavscrle .navbar .bgr li .active{ color:#04cf64;}
.topnavscrle .navbar .navbar-nav li:nth-child(8){ margin:0 0 0 50px; display:none;}
img.img-fluiddetals { width: 220px;}
.topnavscrle .navbar .navbar-nav .btnlist{ margin:-9px 0 0 12px;}
.topnavscrle .navbar .navbar-nav .btnlist a{ font-size:17px; color:#fff;background:#04cf64; font-weight:600; text-decoration:none;padding: 7px 12px 7px 6px; border-radius:5px; text-transform:uppercase;  display:inline-block;   text-align: center;box-shadow: 5px 5px 5px 0px #d7d5d6;    margin-top: 6px;}
.topnavscrle .navbar .navbar-nav .btnlist a:hover{ background:#012d52; color:#fff;}
.topnavscrle .navbar .sub-menu-parent { position: relative; }
.topnavscrle .navbar .sub-menu { background:#fff; border:solid 1px #ddd; width:280px; z-index:9; left:0;  visibility: hidden;   opacity: 0;  position: absolute;  top:59px;   transform: translateY(-2em);  z-index:9999 !important;  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
.topnavscrle .navbar .sub-menu li{ float:none; display:block; margin:0;}
.topnavscrle .navbar .sub-menu-parent:focus .sub-menu, .topnavscrle .navbar .sub-menu-parent:focus-within .sub-menu, .topnavscrle .navbar .sub-menu-parent:hover .sub-menu { visibility: visible;   opacity: 1;  z-index: 1;  transform: translateY(0%); transition-delay: 0s, 0s, 0.3s;}
.topnavscrle .navbar .sub-menu-parent .sub-menu li a {color:#2e2d2d;  box-shadow:none; padding:10px 10px 5px; font-size:15px; text-decoration:none; display:block; text-align:left; }
.topnavscrle .navbar .sub-menu-parent .sub-menu li:before{ display:none;}
.topnavscrle .navbar .sub-menu-parent .sub-menu li a:hover { color:#04cf64 !important;  }
.topnavscrle .sub-menu-parent .sub-menu li{ margin:0;}
img.fluiddetals {margin: -4px 4px 0px 0px; padding: 0; height: auto; }

.top-banner{background:url(../Images/background-image.jpg) top center no-repeat; width:100%; background-size:cover; padding:127px 0px; margin-top:12px;}
.top-banner h1{font-size:34px; color:#000; font-weight:600;padding-top: 0px;}
.top-banner p{font-size:16px; color:#5e635f; font-weight:400; padding:30px 0;}
.top-banner a:hover{background-color:#f1b206;}
.top-banner ul li{ display:inline-block; margin-right:10px;}
.top-banner ul li a{font-size:17px; overflow:hidden; text-transform:uppercase; padding: 11px 0px; width: 175px; color:#fff; text-align:center; background:#04cf64;  display:inline-block; margin-top:9px; text-decoration:none; font-weight:600; border-radius:5px;}
.top-banner ul li a:hover{ background:#012d52; }
.top-banner ul li:last-child a{ font-size: 17px; overflow: hidden; text-transform: uppercase; padding: 11px 0px; width: 175px; color: #fff; text-align: center; background: #012d52; display: inline-block; margin-top: 9px; text-decoration: none; font-weight: 600; border-radius: 5px;}
.top-banner ul li:last-child a:hover{background:#04cf64; }
.top-banner ul li:last-child a img{ color:#f1b206; font-size:16px; height:37px; width: 36px; line-height:0px;    padding: 0px 0px;  margin-right: 10px; text-align:center; border-radius:100px; border:solid 2px #f1b206;}
.under-depertment{ padding:60px 0; margin:0;}
.University-scn h6{ font-size:16px; color:#f1b206; font-weight:400;}
.University-scn h2{ font-size:38px; color:#282a62; font-weight:600;}
.University-scn a{font-size: 14px;color: #0a4291;border-radius: 52px;padding: 14px 0px;margin-top: 20px;display: block;width: 193px;text-align: center;text-decoration: none !important;
font-weight: 700;background-color: #0a4291;color: #fff!important;}
.University-scn a:hover{background-color:#f1b206;}   
.University-scn p{ font-size:16px; color:#61686e; font-weight:400;}

.whatsapp-busniess img{ width:100%;}
.Workplace-detals { padding-top: 50px;}
.Workplace-detals h6{ font-size:20px; color:#000; font-weigth:600; background-color:#c5e9e5; padding:10px; width: 265px;font-style: italic; border-radius: 5px;margin-bottom: 26px; }

.image-seobox{ margin-top:-500px;}
.image-seobox img{ width:100%;}

.image-seobox h6{ font-size:19px; color:#fff; font-weight: 400; background-color:#04cf65; padding:10px; border-radius:5px;width: 170px; font-style: italic;}
.image-seobox h2{ font-size:35px; color:#000; font-weight: 400; padding:30px 0; margin:0;}
.image-seobox p { font-size: 16px; color: #5e635f; font-weight: 400; padding-bottom:30px;}
.image-seobox ul li{font-size:20px; color: #000; font-weight: 500;padding: 8px 0px;}
img.icon { width: 30px; margin-right: 7px;}


.business-solution{ background-color:#ebfce9; padding:40px 0; margin:50px 0; text-align:center;}
.business-solution h3{ font-size:35px; color:#000; font-weight:500; padding-bottom:30px;}
.card1-det{background-color:#fff; padding:20px;box-shadow: 0 0px 14px #bfc0bf;border-radius:5px;margin-bottom: 30px;}
.card1-det img{ box-shadow: 0 0px 14px #bfc0bf; border-radius:50px; background-color:#fff; padding:15px;width: 78px;    margin-top: 19px;    overflow: hidden;    height: 77px;}
.card1-det h5{ font-size:20px; color:#000; font-weight:500; padding-top:20px; margin:0;}
.card1-det p{font-size: 16px; color: #5e635f; font-weight: 400; padding:20px 0;}
.card1-det a{font-size: 17px; color: #29d67b; font-weight: 500; padding-top:10px; text-decoration:none;}
.card1-det a:hover{color:#000;}
.go-corner { display: flex; align-items: center; justify-content: center; position: absolute; width: 50px; height: 43px; overflow: hidden; top: 0; right: 16px; background-color: #29d67b; border-radius: 0 4px 0 32px;}
.go-arrow { margin-top: -4px; margin-right: -4px; color: white; font-family: courier, sans; font-weight: 700; font-size: 30px;}
.col-sm-4.hover-effct :hover {background-color:#d5edbb;}


.Product-Tutorials{}
.Product-Tutorials h4 {font-size:35px; color:#000; font-weight:500; padding:0px; margin:0; text-align: center;}
.post-img h6{font-size:20px; color:#000; font-weight:500; padding:20px 0; margin:0; text-align: center;}
#news-slider {margin-top: 20px;}
.post-slide {background: #fff; margin: 20px 15px 20px; border-radius: 15px; padding-top: 1px;box-shadow: 0 0px 14px #bfc0bf;}
.post-slide .post-img { position: relative; overflow: hidden; border-radius: 10px;}
.post-slide .post-img img { width: 100%; height: auto; border-radius: 15px;padding: 5px;}
.post-slide .over-layer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: linear-gradient( -45deg,  rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);  transition: all 0.5s linear;}
.post-slide:hover .over-layer { opacity: 1; text-decoration: none;}
.post-slide .over-layer i { position: relative; top: 45%; text-align: center; display: block; color: #fff; font-size: 25px;}
.post-slide .post-content { background: #fff; padding: 2px 20px 40px; border-radius: 15px;}
.post-slide .post-title a { font-size: 15px; font-weight: bold; color: #333; display: inline-block; text-transform: uppercase; transition: all 0.3s ease 0s;}
.post-slide .post-title a:hover { text-decoration: none; color: #3498db;}
.post-slide .post-description {line-height: 24px; color: #808080; margin-bottom: 25px;}
.post-slide .post-date { color: #a9a9a9; font-size: 14px;}
.post-slide .post-date i { font-size: 20px; margin-right: 8px; color: #cfdace;}
.post-slide .read-more { padding: 7px 20px; float: right; font-size: 12px; background: #2196f3; color: #ffffff; box-shadow: 0px 10px 20px -10px #1376c5; border-radius: 25px; text-transform: uppercase;}
.post-slide .read-more:hover { background: #3498db; text-decoration: none; color: #fff;}
.owl-controls .owl-buttons { text-align: center; margin-top: 20px;}
.owl-controls .owl-buttons .owl-prev { background: #04cf64; position: absolute; top: 98px; left: 0px; padding: 0 18px 0 15px; border-radius: 50px; box-shadow: 3px 14px 25px -10px #92b4d0; transition: background 0.5s ease 0s; border:5px solid#fff;}
.owl-controls .owl-buttons .owl-next { background: #04cf64; position: absolute; top: 98px; right:0px; padding: 0 15px 0 18px; border-radius: 50px; box-shadow: -3px 14px 25px -10px #92b4d0; transition: background 0.5s ease 0s; border:5px solid#fff;}
.owl-controls .owl-buttons .owl-prev:after, .owl-controls .owl-buttons .owl-next:after { content: "\f104"; font-family: FontAwesome; color: #fff; font-size: 30px;}
.owl-controls .owl-buttons .owl-next:after { content: "\f105";}
@media only screen and (max-width: 1280px) {
.post-slide .post-content {padding: 0px 15px 25px 15px;}
}
.owl-theme .owl-controls .owl-page span { display: block; width: 20px; height: 20px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #04cf64; border:3px solid#000; box-shadow: 0 0px 14px #bfc0bf;}


.Smart-industry {background:url(../Images/background-image1.jpg) top center no-repeat; width:100%; background-size:cover; padding: 60px 0px 240px 0; margin-top:50px; text-align: center;}
.Smart-industry h5{font-size: 19px; color: #fff; font-weight: 400; background-color: #04cf65; padding: 10px; border-radius: 5px; width: 220px;
font-style: italic; display: block; margin: auto;}
.Smart-industry h3{font-size: 35px; color: #000; font-weight: 500; padding-top: 30px; margin: 0; font-style: italic;}
.Ac-Count img { margin: auto; display: block;     box-shadow: 0 0px 14px #bfc0bf;border-radius: 10px;max-width: 100%;}
.Ac-Count{margin-top: -200px;}


#testmonial_scn{ padding-top:100px;      margin-top: 30px; background:url(../Images/back-image3.png) no-repeat top 50px right, #fff; background-size:auto; position:relative; overflow:hidden;}
.testmonialeft{background:url(../images/testmoniimgslbg.png) top left no-repeat;  background-size:100%; width:100%; }
.testmonialeft img{ margin:20px 0 0 -23px;}
.testmoniargt{ padding:60px 0 0;}
.testhdng{ padding-left:30px;}
.testhdng  h2{font-size: 35px; color: #000; font-weight: 500; padding-top:30px; margin: 0;}
.testhdng  h6{font-size: 19px; color: #fff; font-weight: 500; background-color: #04cf65; padding: 10px; border-radius: 5px; width: 135px; font-style: italic;}
img.img-icon { margin-bottom: 15px;}
#testim_sldr{ padding:30px 0 0 30px;}
#testim_sldr .item p{ font-size:16px; color:#87888a; font-weight:300; margin:0px 0; }
#testim_sldr .item h3{ font-size:24px; color:#181c26; font-weight:600;  }
#testim_sldr .owl-pagination{ display:none;}
#testim_sldr .owl-buttons{ padding-top:20px;}
#testim_sldr .owl-buttons .owl-prev{ background:#04cf64; left: 30px;top: 100%;  height:12px;  width: 52px;font-size:0;}
#testim_sldr .owl-buttons .owl-next{ background:#04cf64; left: 80px;  top: 100%;  height: 12px;  width: 52px; font-size:0;}

.Features-chatbox{ padding: 50px 0; margin: 0; }
.Features-chatbox h4{font-size: 35px; color: #000; border-bottom: 3px solid#04cf64; font-weight: 500; padding-bottom:10px; width: 140px; margin:0 auto; text-align:center; }
.Broadcast-overwive{padding: 35px 0; margin: 0;}
.Broadcast-overwive img{width: 100%;    box-shadow: 0 0px 14px #bfc0bf;}
img.business-icon { width: 22px;box-shadow:none; float: left; margin-right: 15px;}
.Broadcast-overwive h6{ font-size: 24px; color:#000; font-weight: 500; padding-bottom:20px; margin: 0; }
.Broadcast-overwive ul li{ font-size:17px; color:#87888a; font-weight:400; padding: 10px 0; margin:0px 0;   }
.Broadcast-overwive a{ font-size: 17px; color:#fff; font-weight: 500; padding: 12px 0; margin-top: 20px;box-shadow: 0 5px 0px 5px #bfc0bf;background-color: #04cf64; display: block; width: 200px; text-align: center; text-decoration: none; border-radius: 5px;}
.Broadcast-overwive a:hover{ background-color: #012d52; }
:hover.hover-detals {box-shadow: 0 0px 14px #bfc0bf;}
.hover-detals{padding: 0 0 0 16px; cursor: pointer;}

.blog {background:url(../images/background-image2.jpg) top left no-repeat;  background-size:cover; width:100%; padding: 60px 0; margin: 0;  }
.blog h6{font-size: 19px; color: #fff;text-align: center; font-weight: 500; background-color: #04cf65; padding: 10px; border-radius: 5px; width: 90px; font-style: italic; margin:0 auto;}
.blog h4{font-size: 35px; color: #000; text-align: center;font-weight: 500; padding-top: 30px; margin-bottom: 30px;}
.blog img{ max-width: 100%;}
.blog-head { margin-bottom: 70px;}
.blog-head h6{ color: #f05907; position: relative; display: inline-block; text-transform: capitalize;}
.blog-head h6:after, .blog-head h6:before{ position: absolute; content: ""; width: 50px; height: 3px; background: #f05907; top: 50%;}
.blog-head h6:after{ right: 120%;}
.blog-head h6:before{ left: 120%;}
.overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 0;}
.blog .item{ background-color: #fff;cursor: pointer; height: 468px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 10px; overflow: hidden; position: relative;}
.blog .item .more{position: absolute; right: 0px; background: #04cf64; bottom: 20px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); color: #fff; font-size: 19px; width: 50px; height: 40px; border-radius: 25px 0px 0px 0px; line-height: 40px; text-align: center; transform: translate(0 , 100px); transition: all 0.3s ease-in-out;}
.blog .item:hover .more{transform: translate(0 , 0);}
.blog .item:hover .img img{}
.blog .item:hover .img img{}
.blog .item .img{}
.blog .item .info{ padding: 30px; position: relative;}
.blog .item .info .date{ position: absolute; top: -24px; width: 292px; border-radius: 5px; line-height: 20px; text-align: center; background-color: #fff; color: #04cf64; padding: 10px;    box-shadow: 0 0px 20px #bfc0bf;}
.blog .item .info .date span { }
.blog .item .info h5:hover{ color: #04cf64;}
.blog .item .info .user{margin-top: 20px;color: #04cf64;font-size: 17px; font-weight: 500; font-style: italic;}
.blog .item .info .user i{margin-right: 5px; font-size: 14px;}
.info a{ text-decoration: none; }
.info h5{ font-size:21px; color:#000; font-weight: 500; padding: 20px 0; margin: 0;text-align: center; }
.info p{ font-size: 16px; color:#666; font-weight: 400; padding-bottom: 15px; margin: 0;text-align: center; }


#contctus_scn{padding: 80px 0; margin: 0;}
.contctusleft{ padding:22px 0 0;}
.contctusleft h2{font-size: 28px; color: #181c26; font-weight: 600; width: 200px; border-bottom: 1px solid#ccc;}
.contctusleft .cntctmg{ overflow:hidden; margin:15px 0 15px; text-align:center; background:#fff; padding:10px; border:solid 1px #ddd; box-shadow:0 2px 5px #c1bab8; }
.contctusleft .cntctmg img{-webkit-transition: 0.5s ease; transition: 0.5s ease; width: 100%; }
.contctusleft .cntctmg img:hover { webkit-transform: scale(1.08); transform: scale(1.07);}
.contctusleft ul{ margin:40px 0;}
.contctusleft ul li{ margin:15px 0;}
.contctusleft ul li a{ font-size:20px; color:#fff; border:solid 1px #00afb1; background:#00afb1; font-weight:500; text-decoration:none; padding:18px 40px 16px; border-radius:50px; text-transform:uppercase;  display:block; margin-top:20px;     text-align: center; width:100%;}
.contctusleft ul li a:hover{ background:none; color:#00afb1;}
.contctusleft .media h5{   font-size:34px; color:#000; font-weight:500; }
.contctusleft .media h6{ font-size:20px; color:#00; font-weight:500; }
.contctusfrmrgt{ background:#fff; padding: 26px 26px 0px;box-shadow: 0 0px 14px #bfc0bf;}
.contctusfrmrgt h2{   font-size:28px; color:#181c26; font-weight:600;    width: 200px;border-bottom: 1px solid#ccc;}
.contctusfrmrgt p{ font-size:20px; color:#6f7990; font-weight:400; margin:0px 0 0; }
.contctusfrmrgt form{ padding:40px 0 30px;}
.contctusfrmrgt form .form-group{ margin-bottom:24px;}
.contctusfrmrgt form .form-control{ border:solid 1px #ddd; border-radius:6px; height:46px; padding:15px;}
.contctusfrmrgt form .textarea{ border-radius:5px; padding:20px 15px; height:72px;}
.contctusfrmrgt form .btn{font-size:18px; color:#fff; background:#04cf64; font-weight:600; outline:none; padding: 8px 39px 8px; border-radius:50px; margin-top:6px;}
.contctusfrmrgt form .btn:hover{ background:#012d52;}
img.shocial-icon { width: 30px;margin-right: 15px;}
.contctusleft ul li{ font-size: 18px; color:#000; font-weight:500; padding: 4px 0; }
.maps-locdetatal { box-shadow: 0 0px 14px #bfc0bf;height: 315px;}

.Native-integration{}
.footr-detals{ background-color: #ebfce9; padding: 60px;border: dashed 2px #04cf64; margin-bottom: -50px; position: relative; z-index: 99; text-align: center; border-radius: 10px;box-shadow: 0 0px 14px #bfc0bf; }
.tech-stack img{}
.tech-stack{padding-top:30px;}
.footr-detals h4{font-size: 35px; color: #000; text-align: center; font-weight: 500; margin: 0; padding: 0;}

.footer-amet{ background:#014e3e; padding-top:90px; margin: 0;}
.footer-amet .adipiscing-fotr h3{  font-size:22px; color:#fff; font-weight:600; margin:10px 0 40px;}
.fotr-menu h3{ font-size:22px; color:#fff; font-weight:600; margin:10px 0 40px;}
.fotrhdng h3{ font-size:22px; color:#fff; font-weight:600; margin:10px 0 40px;}
.fotrhdng p{ font-size:14px; color:#d7d7d7; font-weight:300; margin:15px 0;}
.footer-amet .adipiscing-fotr p{ font-size:16px; color:#fff; font-weight:400; margin:15px 0;}
.footer-amet .fotr-menu ul { float:left; width:50%;}
.footer-amet .fotr-menu ul li{ padding:0 0 12px;}
.footer-amet .fotr-menu ul li a{ font-size:16px !important; color:#fff; text-decoration:none;font-weight:400;}
.footer-amet .fotr-menu ul li a:hover{ color:#04cf64;}
.footer-amet .fotr-menu ul li a .fa{ padding-right:5px;}
.footer-amet .neslettertxt .input-group {   margin:0;    width: 100%;}
.footer-amet .neslettertxt input.btn.btn-lg, .footer_scn .neslettertxt input.btn.btn-lg:focus img {border-radius:5px 0 0 5px; text-align:left;  border:solid 1px #838383;    outline: none; font-size:15px; color:#fff;    width:86%;   height:46px;     border-right: none; font-weight:400;}
.footer-amet .neslettertxt .btnimg { background:none; font-size:15px;  color:#f37122; font-weight:600;  border:solid 1px #838383; border-radius:0 5px 5px 0; margin-top:15px; height:46px; border-radius:0 5px 5px 0;    border-left: none;}
.neslettertxt img{ width: 22px;heigth: 3px;padding: 10px 0px;margin-left: -22px;border-right:solid 1px #838383;}
img.footer-logo { width: 230px;}

.copy-rigth{ padding: 15px 0; margin-top:30px; border-top: 1px solid#fff;}
.all-revards p{ font-size: 16px; color:#fff; font-weight: 400; padding: 0; margin: 0; }
.adipiscing-fotr ul li{ display: inline-block;padding: 15px 25px 0px 0px; }
.footer-icon{float: right;}
.footer-icon ul li{ display: inline-block;padding: 0px 15px 0px 0px; }
.footer-icon img{width: 30px;}

@media (min-width:576px){

.Workplace-detals {}	
.Workplace-detals h6 {}
.top-banner h1 { }
.top-banner p {}
.top-banner ul li a {}
.top-banner ul li:last-child a .top-banner ul li a {}
.top-banner ul li {}
.card1-det h5 { font-size: 18px !important;}
.card1-det p {}
.card1-det a {}
.card1-det { }
.footer-icon ul li {padding: 0px 4px 0px 0px !important;}

}

@media (min-width:320px){
.navbar-dark .navbar-toggler { background-color:#04cf64;}
img.img-fluiddetals { width: 190px;}
.top-banner {}
.top-banner h1 { font-size: 30px; padding-top: 15px;}
.top-banner ul li a {}
.top-banner ul li:last-child a {}
img.image-doted { width: 100%;display: none;}
.image-seobox { margin: 0; }
section.About-workspace { padding-top: 60px;}
.image-seobox h2 { font-size: 29px;}
.image-seobox ul li { font-size: 16px;}
.business-solution h3 { font-size: 30px;}
.card1-det h5 { font-size: 19px;}
.Product-Tutorials h4 { font-size: 30px;}
.post-img h6 { font-size: 18px;}
.Smart-industry {padding: 40px 0px 130px 0;}
.Smart-industry h3 {font-size: 30px;}
.Ac-Count { margin-top: -100px;}
.testmonialeft img { margin: 60px 0 0 -23px;}
.testhdng h2 { font-size: 24px;}
img.img-icon { width: 40px;}
.Features-chatbox h4{ font-size: 30px; }
.Broadcast-overwive {padding:15px 0;}
.Broadcast-overwive ul li {}
.Broadcast-overwive h6 { font-size: 20px;padding-bottom: 10px;}
.Broadcast-overwive a {font-size: 15px; padding: 5px 0; box-shadow: 0 5px 0px 0px #bfc0bf; width: 157px;}
.blog {padding: 30px 0;}
.blog h4 { font-size: 30px;}
.blog .item .info .date { display: none; }
.info h5 { font-size: 18px;}
.blog .item .info {}
.blog .item { margin-bottom: 30px;}
#contctus_scn { padding: 40px 0;}
.contctusleft ul li {}
.contctusfrmrgt { margin-top: 30px;}
img.capcha-image {width: 224px;}
.footr-detals h4 { font-size: 20px;}
.all-revards p { font-size: 14px;}
.footer-icon {}
.tech-stack img{ width: 123px; }
.blog img {width: 100%;}
.maps-locdetatal {display: flex;}
.footer-amet .fotr-menu ul li a { font-size: 13px;}
.Workplace-detals h6 { }
.Workplace-detals { }


}

@media (min-width:768px) and (max-width:991px){
img.img-fluiddetals { width: 130px;}
.topnavscrle .navbar .navbar-nav li { margin: 0 10px;}
.topnavscrle .navbar .navbar-nav li a {font-size: 14px;}
.topnavscrle .navbar .navbar-nav .btnlist a { font-size: 15px;}
img.fluiddetals { width: 28px;}
.Workplace-detals { padding-top: 10px;}
.Workplace-detals h6 {font-size: 15px;width: 201px;}
.card1-det {}
iframe {}
.Workplace-detals {margin:0 !important;}


}


@media (min-width:991px) and (max-width:1199px){
img.img-fluiddetals { width: 200px;}
.topnavscrle .navbar .navbar-nav li a { font-size: 15px;}
.topnavscrle .navbar .navbar-nav li {margin: 0 15px;}
.top-banner {padding: 40px 0px;}
.Workplace-detals { padding-top: 30px;}
.card1-det {height: 365px !important;}
.card1-det h5 { font-size: 18px;}
.info h5 { font-size: 19px;}
.blog .item .info .date {width: 323px;}

}

.About-usscn{ background-color:#d7fec8; padding: 60px 0; text-align: center; margin-top: 10px; }
.About-usscn ul li{ font-size: 16px; color:#000; font-weight: 400; display: inline-block;padding: 0 0 0 10px; }
.About-usscn ul li a{ text-decoration: none; color:#000; }
.About-usscn ul li a:hover{color:#04cf64;}
.About-usscn h3{ font-size: 28px; color:#000; font-weight: 500; padding-bottom: 20px; margin-top: 0; }

.One-stop{padding-top: 95px; margin: 0;}
.Solution-stupe img {width: 100%;}
.Solution-stupe h4{ font-size: 35px; color: #000; font-weight: 400; padding: 30px 0; margin: 0;}
.Solution-stupe p{font-size: 16px; color: #5e635f; font-weight: 400; padding: 0; margin: 0;}

.From-Conversations{ padding:70px 0; margin: 0 auto; text-align: center; }
.WhatsApp-convarsiton{ background-color:#fff;     box-shadow: 0 0px 14px #bfc0bf; border-radius: 10px; padding:40px;}
.WhatsApp-convarsiton h2{ font-size: 45px; color:#000; font-weight: 500; padding-bottom: 20px; margin: 0;}
.WhatsApp-convarsiton p{font-size: 22px; color: #5e635f; font-weight: 400; padding-bottom:30px; margin: 0;}
.WhatsApp-convarsiton span{color:#13990a;}
.WhatsApp-convarsiton img{width: 100%; padding-bottom: 30px;}

.Marketing-Platform{padding: 60px 0; margin: 0;}
.Complete-WhatsApp h4{font-size: 35px; color: #000; font-weight: 400; padding-top: 30px; margin: 0;}
.Complete-WhatsApp p{font-size:20px; color:#000; font-weight: 500; padding:20px 0; margin: 0;}
.Complete-WhatsApp ul{list-style: circle;margin: 0; padding: 0;}
.Complete-WhatsApp ul li{font-size: 16px; color: #5e635f; font-weight: 400; padding:5px 0; margin: 0;}
.Complete-WhatsApp img{width: 100%;}


#statfacplan_scn{padding: 70px 0; background: #ebfce9; overflow: hidden; text-align: center;}
#statfacplan_scn .love_count { font-size:52px; color:#000;  font-weight:600;}
#statfacplan_scn ul.love_part { display:flex; list-style: none; padding:30px 0 0;}
#statfacplan_scn ul.love_part li { margin: auto;}
#statfacplan_scn ul.love_part  p {font-size:18px; font-weight: 500; color: #000; padding: 10px 0;}
.engrngpowr_hdng h2{ font-size: 45px; color: #000; font-weight: 500; padding-bottom: 20px; margin: 0;}
.engrngpowr_hdng p{font-size: 20px; color: #5e635f; font-weight: 400;}

.Headed-whatsapp{ padding: 80px 0; margin: 0; text-align: center;}
.campaign-box { padding: 30px; margin: 0; box-shadow: 0 0px 14px #bfc0bf;}
.campaign-box h4{ font-size: 24px; color:#000; font-weight: 500; padding: 20px 0; margin: 0 }
.campaign-box p{font-size: 17px; color: #5e635f; font-weight: 400; padding-top:15px; margin: 0;line-height: 2;}

.Privacy-Policy{ padding: 70px 0; margin: 0; }
.Privacy-Policy h5{font-size: 22px; color:#000; font-weight: 500; padding: 20px 0; margin: 0;}
.Privacy-Policy h6{font-size: 22px; color:#000; font-weight: 500; padding: 0px 0; margin: 0;}
.Privacy-Policy p{font-size: 16px; color: #5e635f; font-weight: 400; padding:20px 0;}

.faq-buttons{ padding: 70px 0; margin: 0;}
.faq-buttons h3{ font-size: 28px; color:#000; font-weight: 500; text-align: center; padding-bottom:30px; margin: 0; }
.accordion .accordion-item { border-bottom: 1px solid #e5e5e5;}
.accordion .accordion-item button[aria-expanded='true'] { border-bottom: 1px solid #20a448;}
.accordion button { position: relative; display: block; text-align: left; width: 100%; padding: 1em 0; color: #7288a2; font-size: 1.15rem; font-weight: 400; border: none; background: none; outline: none;}
.accordion button:hover, .accordion button:focus { cursor: pointer; color: #04cf64;}
.accordion button:hover::after, .accordion button:focus::after { cursor: pointer; color: #03b5d2; border: 1px solid #03b5d2;}
.accordion button .accordion-title {padding: 1em 1.5em 1em 0;    color: #000; font-weight: 600;}
.accordion button .icon { display: inline-block; position: absolute; top: 18px; right: 0; width: 22px; height: 22px; border: 1px solid; border-radius: 22px;}
.accordion button .icon::before { display: block; position: absolute; content: ''; top: 9px; left: 5px; width: 10px; height: 2px; background: currentColor;}
.accordion button .icon::after {display: block; position: absolute; content: ''; top: 5px; left: 9px; width: 2px; height: 10px; background: currentColor;}
.accordion button[aria-expanded='true'] {color: #03b5d2;}
.accordion button[aria-expanded='true'] .icon::after {width: 0;}
.accordion button[aria-expanded='true'] + .accordion-content {opacity: 1;max-height: 9em;transition: all 200ms linear; will-change: opacity, max-height;}
.accordion .accordion-content {opacity: 0; max-height: 0; overflow: hidden; transition: opacity 200ms linear, max-height 200ms linear; will-change: opacity, max-height;}
.accordion .accordion-content p {font-size: 1rem;font-weight: 400;margin: 2em 0;}
.accordion {width: 70%; margin: 0 auto;}

.Blogs-box{padding: 70px 0; margin: 0;}
.images-box img{width: 100%;}
.images-box h6{font-size: 18px; color:#fff; font-weight: 500; padding: 10px; margin-top: 0px; background:#04cf64; width: 212px; display: block; border-radius: 5px; font-style: italic;}
.images-box a{font-size: 40px; color:#000; font-weight: 500; padding:0; margin-top: 30px; text-decoration: none;}
.shedow-detals{box-shadow: 0 0px 14px #bfc0bf; padding: 30px; margin:0;}

.Product-businesses{padding: 70px 0; margin: 0;}
.blogs-detals img{width: 100%;}
.blogs-detals h4{ font-size: 24px; color:#000; font-weight: 500; padding: 20px 0; }
.blogs-detals ul{list-style: circle;}
.blogs-detals ul li a{font-size: 16px; color:#5e635f; font-weight: 400; padding: 12px 0 0 0; margin: 0; text-decoration: none; display: block; width: 200px;}
.blogs-detals ul li a:hover{color:#04cf64;}


.plan-paraging{padding: 70px 0; margin: 0;}
.top h6{ font-size: 28px; color:#000; font-weight: 400; padding: 30px 0; margin: 0; }
.packages h3{ font-size: 28px; color:#000; font-weight: 500; padding-bottom: 20px; margin: 0; }
.packages h2{font-size: 28px; color:#525252; font-weight: 500; padding:15px 0px; margin: 0;}
.packages p{font-size: 14px; color: #5e635f; font-weight: 400; padding-bottom: 15px;}
.packages h5{ font-size: 22px; color:#000; font-weight: 500; padding:15px 0;  margin: 0;}
.packages { margin: 20px; width: 330px; padding:30px; height: 100%; background-color: #fff; display: flex; flex-direction: column; align-items: center; text-align: center; border-radius: 20px; box-shadow: 0 0px 21px #bfc0bf; flex-wrap: wrap; color: #f4f4f4;border: 2px solid#04cf64;}
.list li { font-size: 15px; list-style: none; border-bottom: 1px solid #f4f4f4; padding-inline-start: 0; border-width: 1px; padding: 10px; color: #000;}
.first {margin-top: 10px; border-top: 1px solid #f4f4f4;}
.top { display: flex;flex-direction: column; align-items: center;}
input, label {display: inline-block; vertical-align: middle; margin: 10px 0;}
.button { padding: 10px 30px; text-decoration: none; font-size: 1.4em; margin-top: 50px; border-radius: 50px; color: #f4f4f4; transition: all 0.3s ease 0s;}
.button:hover {transform: scale(1.2); text-decoration: none; color:#fff;}
.button1 {background-color: #1ab40d;box-shadow: 0 0 10px 0 #1ab40d inset, 0 0 20px 2px #1ab40d;}
.button2 {background-color: #ff007c; box-shadow: 0 0 10px 0 #ff007c inset, 0 0 20px 2px #ff007c;}
.button3 { background-color: #ffae42; box-shadow: 0 0 10px 0 #ffae42 inset, 0 0 20px 2px #ffae42;}
.switch { position: relative; display: inline-block; width: 60px; height: 34px;}
.switch input { opacity: 0; width: 0; height: 0;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #1ab40d; -webkit-transition: 0.4s; box-shadow: 0 0px 14px #bfc0bf; transform: translate(0px, 0px); transition: 0.6s ease transform, 0.6s box-shadow;}
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s;}
input:checked + .slider { background-color: #50bfe6;}
input:focus + .slider { box-shadow: 0 0 1px #50bfe6;}
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.slider.round {border-radius: 34px;}
.slider.round:before { border-radius: 50%;}
.package-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}

.Dedicated-Customer{background-color:#ebfce9; padding: 60px 0; margin-bottom:0px; text-align:center;  }
.Dedicated-Customer h3{ font-size: 30px; color:#000; font-weight: 500; padding-bottom: 30px; margin: 0; }
.Dedicated-Customer p{font-size: 16px;  color: #5e635f; font-weight: 400; padding-bottom: 15px;}

.Features-Plans{padding-bottom: 60px; margin: 0; }
.Features-Plans h3{ font-size: 40px; color:#000; font-weight: 500; text-align: center; padding-bottom: 0px; margin: 0; }
.Downgrades-work{padding-top: 30px; margin: 0;}
.Downgrades-work h4{ font-size: 22px; color:#000; font-weight: 500; padding: 20px 0; margin: 0; }
.Downgrades-work ul{list-style: square;}
.Downgrades-work ul li{font-size: 16px; color: #5e635f;font-weight: 400; padding-bottom: 15px;}

.Woo-Commerce{padding: 70px 0; margin: 0;}
.online-customers img{width: 100%;}
.online-customers p{font-size: 16px;  color: #5e635f; font-weight: 400; padding-bottom: 15px;  }
.online-customers h4{ font-size: 30px; color:#000; font-weight: 500; padding-bottom: 20px; margin: 0; }
.online-customers a{ font-size: 17px; color:#fff; font-weight: 500; padding: 12px 0; margin-top: 30px; background-color: #04cf64; text-align: center; display: block; text-decoration: none; width: 370px; border-radius: 5px; }
.online-customers a:hover{ border-radius: 5px; border:3px solid#000; color:#000;  }

.Frequently-Questions{padding-bottom:60px; margin: 0;}
.Frequently-Questions h4{ font-size: 40px; color:#000; font-weight: 500; padding-bottom: 30px; margin: 0; }
.Frequently-Questions h3{ font-size: 24px; color:#000; font-weight: 500; padding: 15px 0; margin: 0;  }
.Frequently-Questions p{font-size: 16px;  color: #5e635f; font-weight: 400; padding:0; margin: 0;}

.Engage-business{padding-top: 70px; margin: 0;}
.Engage-business h4{ font-size: 40px; color:#000; font-weight: 500; padding: 0; margin: 0; text-align: center; }
.relationships-build{padding: 40px 0; margin: 0;}
.relationships-build img{width: 100%;}
.relationships-build h5{ font-size: 26px; color:#000; font-weight: 500; padding-top:30px; margin: 0; }
.relationships-build h6{ font-size: 19px; color:#000; font-weight: 400; padding: 20px 0; margin: 0; }
.relationships-build p{font-size: 16px; color: #5e635f; font-weight: 400; padding: 0; margin: 0;}

.Team-Inbox{padding: 70px 0; margin: 0;}
.Custom-Notifications{padding-bottom: 40px;}
.Custom-Notifications h2{font-size:24px; color:#000; font-weight: 500; padding: 0; margin: 0; }
.Custom-Notifications p{font-size: 16px; color: #5e635f; font-weight: 400; padding-top: 20px; margin: 0;}
img.icon-sahine { float: left; margin-right: 15px; padding-top: 20px;}

.reviwe-deteals{padding-bottom: 60px; margin: 0;}
.Product-chatbos{box-shadow: 0 0px 14px #bfc0bf; border:2px solid#04cf64; border-radius: 5px;    height: 230px; margin-top: 50px; padding: 30px;}
.reviwe-deteals h3{font-size: 35px; color:#000; font-weight: 500; padding: 0; margin: 0; text-align: center;}
.reviwe-deteals h6{ font-size: 22px; color:#000; font-weight: 500; padding: 0; margin: 0; }
.reviwe-deteals p{font-size: 16px; color: #5e635f; font-weight: 400; padding-top: 15px; margin: 0;}
.relationships-build ul{ list-style: circle; }
.relationships-build ul li{ font-size: 16px; color:#666; font-weight: 400; padding:5px 0; }

.swiftly-Broadcast{padding: 70px 0; margin: 0;}
.Consistent-Branding h4{font-size: 30px; color:#000; font-weight: 500; padding-bottom: 20px; margin: 0;}
.Consistent-Branding span{font-size: 40px; color:#04cf64; font-weight: 500;}
.Consistent-Branding p{font-size: 16px; color: #5e635f; font-weight: 400; padding:0px; margin: 0;}

.Team-Inbox h3{ font-size: 35px; color:#000; font-weight: 500; padding-bottom: 20px; margin: 0; text-align: center; }
.Team-Inbox h6{font-size: 16px; color: #5e635f; font-weight: 400; padding-bottom: 30px; margin: 0; text-align: center;}

.whatsApp-about{background-color: #ebfce9; padding: 30px 0; margin: 0; text-align: center;}
.whatsApp-about h2{ font-size: 35px; color:#000; font-weight: 500; padding: 20px 0; margin: 0; }
.whatsApp-about p{font-size: 16px; color: #5e635f; font-weight: 400; padding: 0px 0;}

.grow-busniess{padding-top: 60px; margin: 0 auto; text-align: center; width: 40%;}
.grow-busniess h3{ font-size: 29px; color:#000; font-weight: 500; padding-bottom:20px; margin: 0; }
.grow-busniess p{font-size: 16px; color: #5e635f; font-weight: 400; padding-bottom: 13px;}

.Notch-Features{padding-top: 60px; margin: 0;}
.Notch-Features h4{ font-size:35px; color:#000; font-weight: 500; text-align: center; padding-bottom: 12px; margin: 0;}
.Notch-Features p{font-size: 16px; color: #5e635f; font-weight: 400; padding-bottom:0px; margin: 0; text-align: center;}
.customer-support {margin-top:40px; padding:20px;box-shadow: 0 0px 14px #bfc0bf; border-radius: 5px; }
.customer-support h5{ font-size: 22px; color:#000; font-weight: 500; padding-bottom: 20px; margin: 0; }
img.Whatsapp-icondet {width: 24px; float: left; margin-right: 5px;}
.customer-support ul{}
.customer-support ul li{ font-size: 16px; color:#5e635f; font-weight: 400; padding-bottom: 10px; }

@media (min-width:320px) and (max-width:768px){
#statfacplan_scn ul.love_part { display: block;}
.WhatsApp-convarsiton h2 { font-size: 30px;}
.images-box a { font-size: 19px;}
.online-customers a {font-size: 14px; width: 290px; margin-bottom: 30px;}
.Frequently-Questions h3 { font-size: 17px;}
.Product-chatbos {height:  auto;}
.grow-busniess { width: auto;}
}

@media (min-width:768px) and (max-width:991px){
.Product-chatbos {height: 360px;}
.customer-support h5 { font-size: 20px;}
.customer-support ul li { font-size: 14px;}
.customer-support {height: 360px;}
}

@media (min-width:991px) and (max-width:1199px){
	.Product-chatbos {height: 360px;}
}
.col-sm-5.col-sm-offset-4 { margin: auto;}
.login-full-page{padding: 90px 0px 140px 0px; background:#f5f5f5; }
.social-box {text-align:center;font-size: 16px; margin: 20px 0;}
.social-box button{ width: 40%; background: rgba(0, 0, 0, 0); border: 1px solid #ababab; padding: 10px 20px; border-radius: 4px; transition: all .60s; margin: 10px 10px;}
.social-box button:nth-child(1):hover{background:#012d52; color:#fff;}
.social-box button:nth-child(2):hover{background:#3b5898; color:#fff;}
.social-box button img{ width:20px; position:relative; left:-20px; }
.form-main-inner-box{ background:#fff; padding:20px; box-shadow:0px 0px 15px 2px #CCC; margin-top:8%;}
.login-btn{ width: 100%; background: #04cf64; border: none; padding: 10px 20px; color: #fff; font-size:16px; font-weight:bold;}
.form-group a{ padding:15px 0 0 0; display:block; color:#333; font-size:16px; font-weight:700;}
h3.or{font-size: 18px; color:#000; font-weight: 500; padding-top: 20px; margin: 0;}
@media (max-width: 767px){
.social-box button{width: 100%; margin-bottom:10px;}  
}