@import url('https://fonts.cdnfonts.com/css/playfair-display');


*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}    

:root {
--animate-duration: 800ms;
--animate-delay: 0.9s;
}

html {
  font-size: 62.5% !important;
  scroll-behavior: smooth;
}

body {
font-size: 1.5rem !important;
/* font-family: 'helvetica' !important; */
/* font-family: 'Playfair Display', sans-serif; */
font-family: 'Playfair Display', serif;
line-height: 1.5rem;
position:relative;
overflow-x: hidden;
letter-spacing: 1px;
background-color: rgba(250, 248, 245, 1);
}
body {
  font-family: 'Gotham SSm', 'Helvetica', 'Arial', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
color:#333;
}

a {
text-decoration: none !important;

}

::-moz-selection {
background: #1057b7;
color: #ffffff;
}

::selection {
background: #1057b7;
color: #ffffff;
}


section.bannersetion {
  background: #1057b7;
}


h1, h2, h3, h4, h5, h6 {
  color: #ffffff;
}
a, a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

header {
  position: relative;
  width: 100%;
  background: rgb(253 253 253);
  z-index: 99;
}
nav#cssmenu ul li {
  margin-left: 4px;
}
.sliderbanner h6 {
  font-weight: 300;
  font-size: 20px;
}

/*---------header close----------*/
/*-----------header-top------------*/
.header-top {
  padding: 12px 0px 15px 0px;
  background: rgb(0 167 87);
}
.left_info ul li {
  display: inline-block;
  margin-right: 30px;
}

.left_info a {
  color: #fffefe;
  font-size: 14px;
  font-weight: 500;
}

.left_info i.fa {
  font-size: 19px;
  color: #fff;
  padding-right: 10px;
}

.right_info p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}

.left_info {
  text-align: right;
}

.right_info i.fa {
  font-size: 26px;
  margin-right: 10px;
  position: relative;
  bottom: -4px;
}

header i.fa.fa-mobile {
  bottom: -4px;
  font-size: 26px;
  position: relative;
  border: 40px;
  font-weight: 500;
}

.left_info ul li:last-child {
  margin: 0px !IMPORTANT;
}
.header-main {
  padding: 11px 0;
  border-top: 1px solid #e9b644;
}

.abouttitle h6 {
  color: #ffab30;
  font-size: 22px;
  font-weight: 500;
}
.abouttitle h2 span {
  color: #ffab30;
}
.abouttitle h2 {
  color: #0055b3;
  font-weight: 600;
  font-size: 40px;
}
.abouttitle p {
  color: #333;
  line-height: 25px;
  font-size: 15px;
}
section.aboutsectiion {
  padding: 60px 0px;
}
.aboutimg img {
  width: 100%;
}
.aboutcontent h4 {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}
.aboutcontent p {
  font-size: 14px;
  line-height: 24px;
}
.iconabout {
  padding-right: 8px;
}
.iconabout i {
  font-size: 25px;
}
span.headshake i {
  color: #ffab30;
}
span.Accessible i {
  color: #0055b3;
}
.aboutimg {
  animation-name: swing;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}

/*-----------header-top Close------------*/
/*-----------header-menu------------*/
nav#cssmenu ul {
  /* float: right; */
  margin-top: 13px;
  margin-left: auto;
}
.logo{position:relative;z-index:123;padding:0px;font:18px verdana;color:#6DDB07;float:left;}
.logo img {
  max-width: 350px;
  width: 100%;
}
.logo a{color:#6DDB07;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a {
  padding: 11px 17px;
  font-size: 16px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #000;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
  color: #000000;
}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
  background: #0079cc !important;
  -webkit-transition: background .3s ease;
  -ms-transition: background .3s ease;
  transition: background .3s ease;
}
nav#cssmenu ul li a:hover, nav#cssmenu ul li.active a {
  color: #fff !important;
}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:17px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 14px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #ddd;
  content: '';
  -webkit-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease;
}

#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  margin-top: 0;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -ms-transition: all .25s ease;
  background: #0055b3;
  transition: all .25s ease;
}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgb(255 255 255);
  padding: 11px 6px;
  width: 250px;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  font-weight: 400;
}
#cssmenu ul ul li {
  border-bottom: solid #ffffff6b 1px;
}
#cssmenu ul ul li a:hover {
  background: #ffab30;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#000000}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:991px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li {
  width: 100%;
  border-top: 1px solid #444;
  float: left;
}
#cssmenu ul li:hover{
  background: transparent !important;
}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}




.navbar .megamenu{ padding: 1rem; }

nav#cssmenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* banner slider start  */
.static {
  position: static;
}

.cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.owl-carousel .owl-slide {
  position: relative;
  height: 100vh;
  /* background-color: #0053ae; */
  background-image: url(../images/banner.jpg);
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderbanner .owl-slide-text h2 {
  font-size: 50px;
  font-weight: 600;
  padding-bottom: 15px;
}
.sliderbanner .owl-slide-subtitle {
  color: #fff;
  line-height: 26px;
  padding-bottom: 20px;
}

.sliderbanner .owl-dots {
  display: none;
}

.owl-carousel .owl-slide-animated {
  transform: translateX(20px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.05s;
}

.sliderbanner .owl-slide-text img {
  width: 100%;
  height: 400px;
  max-width: 400px;
  object-fit: cover;
  padding-top: 100px;
  margin: auto;
}

.owl-carousel .owl-nav {
  left: 0% !important;
  top: 49% !important;
  transform: unset !important;
  margin: 0;
  width: 100% !important;
  display: flex;
  justify-content: space-between;
}
.owl-carousel .owl-nav svg {
  opacity: 1 !important;
}
.owl-theme .owl-nav button svg {
  font-size: 8px !important;
  width: 40px;
  padding: 0px 14px;
  height: 40px;
  color: #fff !important;
}
.sectionslider .owl-theme .owl-nav button {
  background: #ffab30 !important;
}

footer.footersection {
  background: #0051aa14;
  padding: 60px 0px;
}
.footerlogo img {
  width: 100%;
}
.footerlist h2 {
  color: #000;
  font-weight: 600;
  font-size: 25px;
  line-height: 35px;
  padding-bottom: 18px;
}
.footerlist ul li a {
  color: #000;
  padding-bottom: 10px;
  display: block;
  border-bottom: solid #8b8b8b8a 1px;
  padding-top: 10px;
  margin-bottom: 5px;
}
.addres p {
  color: #000;
  padding-bottom: 10px;
}
.footerlist ul li:last-child a {
  border-bottom: none;
}
section.footerbottom {
  background: #0051aa;
  padding: 20px 0px;
}
.copyright p {
  margin-bottom: 0;
  color: #fff;
  font-size: 15px;
}
section.blogsection {
  background: #fff;
  padding: 70px 0px;
}
.blogtitle img {
  width: 100%;
}
.blogtitle {
  padding: 10px;
  border: solid #ddd 1px;
}
.blogtitle h3 {
  color: #000;
  font-weight: 600;
  padding-bottom: 8px;
  line-height: 24px;
  padding-top: 15px;
}
.blogtitle p {
  color: #000;
  line-height: 26px;
}
.blogtitle a {
  width: 124px;
  background: #ffab30;
  margin: auto;
  display: block;
  text-align: center;
  padding: 12px 9px;
  border-radius: 5px;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 6px;
  margin-top: 15px;
}
.blogtitle:hover h3, .blogtitle:hover p {
  color: #fff;
}

.blogtitle:hover {
  background: #004fa6;
  color: #000;
}
section.social-media {
  background: #0051aa;
  padding: 60px 0px;
}
.mediasocial h6 {
  font-size: 24px;
}
.mediasocial h2 {
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
}
.submitbutton .form-control {
  background: none;
  border: none;
}
.submitbutton .form-control input {
  padding: 6px 15px;
  color: #ffab30;
  font-size: 18px;
  border-radius: 8px;
  outline: 0;
  border: none;
}
input.submitbutton {
  background: #ff254b;
  color: #fff !important;
  box-shadow: none !important;
  outline: 0;
  border: none;
}

.digitalimgs img {
  width: 100%;
}
.aboutdigital h2:after {
  content: "";
  position: absolute;
  width: 16%;
  height: 3px;
  background: #0e58b8;
  top: 56px;
  left: 10px;
}
.aboutdigital h2:before {
  content: "";
  position: absolute;
  background: #e3e3e3;
  width: 100%;
  height: 2px;
  top: 56px;
}

.aboutdigital h2 {
  font-size: 40px;
  color: #0053af;
  font-weight: 600;
  position: relative;
  margin-bottom: 35px;
}

.owl-carousel .owl-slide-animated.is-transitioned {
  transform: none;
  opacity: 1;
  visibility: visible;
  transition: all 0.5s;
}

.owl-carousel .owl-slide-title.is-transitioned {
  transition-delay: 0.2s;
}

.owl-carousel .owl-slide-subtitle.is-transitioned {
  transition-delay: 0.35s;
}

.owl-carousel .owl-slide-cta.is-transitioned {
  transition-delay: 0.5s;
}

.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
  position: absolute;
}

.owl-carousel .owl-dots .owl-dot,
.owl-carousel .owl-nav [class*="owl-"]:focus {
  outline: none;
}

.owl-carousel .owl-dots .owl-dot span {
  background: transparent;
  border: 1px solid var(--main-black-color);
  transition: all 0.2s ease;
}

.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--main-black-color);
}

.owl-carousel .owl-nav {
  left: 50%;
  top: 10%;
  transform: translateX(-50%);
  margin: 0;
}

.owl-carousel .owl-nav svg {
  opacity: 0.3;
  transition: opacity 0.3s;
}

.owl-carousel .owl-nav button:hover svg {
  opacity: 1;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
  background: transparent;
}

/* section {
  display: none;
} */

.owlread, .owlcontact:hover {
  padding: 10px 15px;
  background: #ffab30;
  border: solid #ffab30 2px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  border-radius: 10px;
  margin-right: 15px;
}

.owlcontact, .owlread:hover{
  padding: 10px 15px;
  background: none;
  border: solid #ffab30 2px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  border-radius: 10px;


}

.ms-md-5 {
  margin-left: 3rem!important;
}

.titleservice h2 {
  color: #ffab30;
  font-weight: 600;
  font-size: 35px;
}
.titleservice h6 {
  color: #ffab30;
  font-size: 18px;
}

.titleservice h2 span {
  color: #ffab30;
}
.titleservice h2 {
  color: #0053af;
  font-weight: 600;
  font-size: 35px;
}

.digitalimg img {
  width: 100%;
}

section.ourservice {
  background: #dddddd6b;
  padding: 60px 0px;
}

.titleservice {
  margin-bottom: 50px;
}
.digitalservice h3 {
  color: #0051ab;
  font-weight: 600;
  font-size: 18px;
  line-height: 40px;
}

.digitalservice p {
  color: #000;
  line-height: 24px;
  font-size: 13px;
  text-align: justify;
}
.digitalservice .marketing {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  text-align: center;
}
/* .boxdigital {
  border: solid #105db2 1px;
  border-top: navajowhite;
  padding: 10px 10px;
} */
.digitalservice {
  position: relative;
}

.boxdigital.shadow.p-3.mb-5.bg-body.rounded {
  margin-top: -31px !important;
}

.marketing img {
  width: 100%;
  max-width: 120px;
}

header.fixed-tops {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

section.sectionslider {
  position: relative;
}

a.readmore {
  background: #0053ae;
  padding: 14px 18px;
  display: inline-block;
  color: #fff;
  border-radius: 0px 30px 30px 0px;
  margin-bottom: 15px;
}
a.readmore:hover {
  background: #ffab30;
  color: #000;
}
.whatweimg img {
  width: 100%;
}
.titlewedo h2 {
  font-size: 45px;
  color: #ffab30;
  font-weight: 600;
  padding-bottom: 25px;
}

.titlewedo ul li {
  color: #0051aa;
  line-height: 30px;
  font-weight: 600;
  list-style: disc;
  padding-bottom: 10px;
}
section.whatwedo {
  padding: 70px 0px;
}

.sectioncounter{
  background-image: url(../images/bgcounat.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0px;
}
.counterbox {
  text-align: center;
}
.counterbox span i {
  color: #fff;
  font-size: 50px;
}
.counterbox h3 {
  font-size: 18px;
  font-weight: 600;
  padding: 15px 0px;
}
.counterbox h2 {
  font-weight: 600;
  font-size: 40px;
}

.counterbox:hover {
  background: #fff;
  color: #1158b8;
}

.counterbox:hover span i, .counterbox:hover h3, .counterbox:hover h2, .counterbox:hover span{
  color: #1158b8;
}
.counterbox {
  background: #1158b800;
  padding: 25px 0px;
  border-radius: 20px;
}
.profilesimg img {
  width: 100%;
  max-width: 75px;
}
.profilecontent h4 {
  color: #000;
  font-weight: 600;
  font-size: 20px;
}
.profilecontent {
  padding-left: 20px;
}
.clientsre p {
  color: #000;
  line-height: 26px;
  font-weight: 300;
}
span.imgstar img {
  width: 0%;
  max-width: 160px;
}


.review img {
  width: 100%;
}
section.textmoilin {
  background: #fff;
  padding: 60px 0px;
}
.clientsre {
  padding: 35px 0px 0px 20px;
}

body .owlreview button {
  background: none !important;
}

.afterbanner-form  label {
  color: #000;
  font-size: 16px;
  width: 100%;
}
.afterbanner-form  input, .afterbanner-form  textarea {
  margin-top: 5px;
  width: 100% !important;
  padding: 8px 8px;
  display: inline-block;
  font-size: 14px;
  max-width: 100% !important;
}
.afterbanner-form .form-control {
  background: none;
  border: none;
}
.afterbanner-form {
  border: solid #004fa6 2px;
  border-radius: 5px;
  padding: 12px;
}
.afterbanner-form .form-control input.submit {
  width: auto !important;
  margin: auto;
  padding: 6px 20px;
  background: #004fa6;
  border: none;
  color: #fff;
  border-radius: 5px;
}
section.after-banner {
  padding: 25px 0px 50px;
}

section.badkaramsection{
  background-image: url(../images/bg_00.jpg);
}

section.badkaramsection {
  background-image: url(../images/bg_00.jpg);
  padding: 80px 0px 80px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}
.badsection h2 {
  color: #ffab30;
  font-size: 50px;
  font-weight: 600;
}
ul.listbad li a {
  color: #fff;
}

ul.listbad li {
  color: #ddd;
  padding: 0px 6px;
  font-size: 18px;
}
ul.listbad {
  display: flex;
  justify-content: center;
  padding-top: 13px;
}

.headerfixed {
  position: unset !important;
  background: #0e58b8;
}
.addresinfo p span {
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  background: #ffab30;
  width: 60px;
  display: inline-flex;
  height: 60px;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  margin-right: 10px;
}
.addresinfo {
  background: #0e58b8;
  border-radius: 20px;
  padding: 35px 30px;
}
.addresinfo h3 {
  font-weight: 600;
  font-size: 40px;
  padding-bottom: 25px;
}
.addresinfo p {
  color: #fff;
  font-size: 18px;
}
.addresinfo p {
  padding-bottom: 10px;
}

@media screen and (max-width: 575px) {
  .owl-carousel .owl-nav {
    top: 5%;
  }
  
  .owl-carousel .owl-nav svg {
    width: 24px;
    height: 24px;
  }
}



@media (min-width: 1200px){
.container {
    max-width: 1140px;
}

}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }

}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
}
/* ============ mobile view .end// ============ */




@media(max-width: 1199px){

  .sliderbanner .owl-slide-text h2 {
    font-size: 40px;
}
.digitalservice p {
  font-size: 14px;
  text-align: left;
}
.blogtitle p {
  color: #000;
  line-height: 26px;
  font-size: 16px;
}


}

@media(max-width: 992px){
  .owlread, .owlcontact:hover {
    padding: 8px 12px;
    font-size: 13px;
    margin-right: 15px;
    margin-bottom: 8px;
}

.abouttitle h2 {
  font-size: 30px;
}

.digitalservice h3 {
  font-size: 14px;
  line-height: 26px;
}

a.readmore {
  padding: 14px 14px;
}
.counterbox span i {
  font-size: 35px;
}

.counterbox h3 {
  font-size: 15px;
  font-weight: 600;
  padding: 15px 0px;
}
.blogtitle h3 {
  font-size: 14px;
}
.blogtitle p {
  font-size: 14px;
}


}


@media only screen and (max-width: 767px){
  .sliderbanner .owl-slide-text img {
    width: 100%;
    height: 100%;
    max-width: 207px;
    object-fit: cover;
    padding-top: 30px;
    margin: auto;
}
.sliderbanner h6 {
  font-weight: 300;
  font-size: 14px;
  margin-top: 35px;
}
.footerlist ul li a {
  color: #000 !important;
  border-bottom: solid #a1a1a1 1px !important;
}
#cssmenu > ul > li > a {
  color: #ffffff;
}
.footerlogo img {
  max-width: 290px !important;
}
.aboutimg img {
  width: 100%;
  margin-top: 25px;
}
.titleservice h2 {
  color: #0053af;
  font-weight: 600;
  font-size: 30px;
}
.digitalservice h3 {
  font-size: 18px;
  line-height: 26px;
}
.row.justify-content-center.justify-content-md-start.g-md-5.pt-5.mt-5.align-items-end {
  padding-top: 0px !important;
  margin-top: 0px !important;
}

section.sectioncounter .col {
  flex: 1 0 100%;
}
.counterbox h3 {
  font-size: 20px;
  font-weight: 600;
  padding: 10px 0px;
}
.counterbox {
  padding: 15px 0px;
  border-bottom: solid #ffffffa6 1px;
}
.owlcontact, .owlread:hover {
  padding: 7px 9px;
  border: solid #ffab30 2px;
  font-size: 14px;
}
.owl-slide-text.ms-md-5.ps-md-5 {
  margin-left: 0px !important;
}
.sliderbanner .owl-slide-text h2 {
  font-size: 25px;
}
.blogtitle {
  margin-bottom: 30px;
}
.mediasocial h2 {
  font-size: 35px;
}
.mediasocial h6 {
  font-size: 16px;
}
.afterbanner-form {
  margin-top: 30px;
}
.footerlogo img {
  width: 100%;
  max-width: 200px;
  margin: 0 auto 30px auto;
  text-align: center;
  display: block;
}
.footerlist ul li a {
  color: #fff;
  padding-bottom: 14px;
  display: block;
  border-bottom: solid #ffffff8a 1px;
  padding-top: 14px;
  margin-bottom: 0px;
}
.footerlist h2 {
  padding-bottom: 5px;
  padding-top: 16px;
}
footer.footersection {  
  padding: 30px 0px;
}
.owl-theme .owl-nav button svg {
  font-size: 8px !important;
  width: 0px;
  padding: 0px 0px;
  height: 0px;
  color: #fff !important;
}
.logo {
  position: absolute;
  top: 11px;
  left: 0;
  width: 75%;
  height: 46px;
  text-align: left;
  padding: 0px 0 0 0;
  float: none;
}
.header-main {
  padding: 0px 0;
  border-top: 1px solid #e9b644;
  height: 100%;
}
nav#cssmenu ul {
  /* float: right; */
  margin-top: 100px;
  margin-left: auto;
}
#cssmenu ul li {
  width: 100%;
  border-top: 1px solid #ffffff7d;
  float: left;
  background: #0053af;
}
#cssmenu ul li:hover {
  background: #0077c8 !important;
}
#cssmenu ul ul li {
  background: #0075c4 !important;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
  color: #f5f2f2;
}
#cssmenu #head-mobile {
  display: none;
}
nav#cssmenu ul ul {
  margin-top: 10px;
}
.titleservice {
  margin-bottom: 25px;
}
.submitbutton .form-control input {
  padding: 6px 6px;
  font-size: 15px;
}

.button {
  width: 55px;
  height: 46px;
  position: absolute;
  right: 0;
  top: 20px;
  cursor: pointer;
  z-index: 99999999999;
  background: #00a757;
}
header.fixed-tops {
  position: unset;
  top: 0px;
  left: 0px;
  width: 100%;
  background: rgb(0 85 179 / 0%);
}
section.sectionslider {
  position: unset !important;
  z-index: -111111111 !important;
}
/* .owl-carousel .owl-slide {
  height: 100%;
} */
header.fixed-tops {
  height: 90px;
}
nav#cssmenu ul {
  /* float: right; */
  margin-top: 100px;
  z-index: 99999999999999;
}
.owl-slide.d-flex.align-items-center.cover {
  align-items: start !important;
}


}