/* css\style.css */

/*
font-family: 'Rubik', sans-serif;
font-family: 'Nunito', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Poppins', sans-serif;
*/

/*# General */:root { scroll-behavior: smooth; }
body { color: #6b6b6b; font-family: 'Rubik', sans-serif; }
a { color: #0691fc; text-decoration: none; transition: all 0.3s linear; }
a:hover { color: #fcd206; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'Overpass', sans-serif; color: #393939; }
:root { --swiper-navigation-size: 20px; }
p { font-size: 16px; font-weight: 400; margin: 0; line-height: 24px; }

/*.container {
    width: 1170px;
}*/

/*# Sections */
section { padding: 40px 0 40px; overflow: hidden; }
.section-header {/* text-align:center; *//* padding-bottom: 40px; *//* margin-bottom: 30px; */position: relative; max-width: 1000px; margin: 0 auto 30px; }
.section-header.max800 { max-width: 800px; }
.section-header h1 { font-size: 13px; letter-spacing: 1px; font-weight: 700; margin: 0; color: #0691fc; text-transform: uppercase; }
.section-header h2 { letter-spacing: 1px; margin: 0 0 10px 0; padding: 0; font-size: 50px; line-height: 1.2; font-weight: 700; color: #393939; }
.section-header h3 { font-size: 33px; letter-spacing: 1px; font-weight: 500; margin: 0 0 10px 0; color: #393939; }
.section-header p {/* line-height:1.4; */font-size: 18px; color: #6b6b6b; }
.designsyouneed header.section-header { max-width: 100%; }
@media (max-width:768px) {
  .section-header p { font-size: 28px; line-height: 32px; }
}
.imgboxrd { border-radius: 15px; filter: drop-shadow(0 0 11.5px rgba(0, 0, 0, 0.11)); overflow: hidden; }

/*# Back to top button */
.back-to-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: 15px; z-index: 99999; background: #0691fc; width: 40px; height: 40px; border-radius: 4px; transition: all 0.4s; }
.back-to-top i { font-size: 24px; color: #fff; line-height: 0; }
.back-to-top:hover { background: #6776f4; color: #fff; }
.back-to-top.active { visibility: visible; opacity: 1; }

/*# Disable aos animation delay on mobile devices */
@media screen and (max-width:768px) {
  [data-aos-delay] { transition-delay: 0 !important; }
}

/*# Header */
.header { transition: all 0.5s;/* z-index: 997; *//* padding: 25px 0 10px; */ }
.header.header-scrolled { background: #fff;/* padding: 15px 0; */ box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1); }
.header .logo {/* line-height: 0; */ }
.header .logo img { max-width: 200px; }
.header .logo span { font-size: 30px; font-weight: 700; letter-spacing: 1px; color: #393939; font-family: "Nunito", sans-serif; margin-top: 3px; }

/*# Navigation Menu */

/* Desktop Navigation */
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a { color: #393939; }
.navbar a.usermenu, .navbarright a.usermenu { padding: 3px 10px;/* color: #393939; */ font-size: 20px; margin-left: 10px; }
.navbarright ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; }
.navbar .dropdown-item.active, .navbar .dropdown-item:active { background-color: transparent; }
.navbar .dropdown-item:focus, .navbar .dropdown-item:hover { background-color: transparent; }
.navbar .dropdown-menu { border: 0; }
.navbar a.usermenu i.bi.bi-person-fill, .navbarright a.usermenu i.bi.bi-person-fill {/* font-size: 20px; */ }
.navbar-warp a.telmenu.scrollto { color: #393939; }
.navbar .getstarted, .navbar .getstarted:focus { background: #0691fc; padding: 8px 20px; margin-left: 30px; border-radius: 4px; color: #fff; }
.navbar .getstarted:hover, .navbar .getstarted:focus:hover { color: #fff; background: #5969f3; }
.navbar .dropdown ul { display: block; position: absolute; left: 14px; top: calc(100% + 30px); margin: 0; padding: 10px 0; z-index: 99; opacity: 0; visibility: hidden; background: #003580; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; border-radius: 4px; }
.navbar .dropdown ul li { min-width: 200px; }
.navbar .dropdown ul a { padding: 10px 20px; font-size: 15px; text-transform: none; font-weight: 600; }
.navbar .dropdown ul a i { font-size: 12px; }
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a { color: #fdae1e !important; }
.navbar .dropdown:hover>ul { opacity: 1; top: 100%; visibility: visible; }
.navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden; }
.navbar .dropdown .dropdown:hover>ul { opacity: 1; top: 0; left: 100%; visibility: visible; }
@media (max-width:1366px) {
  .navbar .dropdown .dropdown ul { left: -90%; }
  .navbar .dropdown .dropdown:hover>ul { left: -100%; }
}
section#iconbox .iconbox-warp { margin-top: 50px; margin-bottom: 50px; }
.iconbox-warp >.iconbox-item:not(:last-child) { margin-right: 32px; }
.iconbox-item h5 { font-size: 16px; font-weight: 500; transition: all 0.3s linear; }
.iconbox-item { }
.iconbox-item:hover h5 { color: #0691fc; }
.iconbox-item a { color: inherit; }
.iconbox-item h5 a:not(:hover) { color: inherit; }
.iconbox-item:hover .icon-shape { box-shadow: 0 0 20px #76c2fe; }
.iconbox-item .icon-shape { transition: all 0.3s linear; }

/* Mobile Navigation */
.mobile-nav-toggle { color: #393939; font-size: 28px; cursor: pointer; display: none; line-height: 0; transition: 0.5s; }
.mobile-nav-toggle.bi-x { color: #fff; }
.navbar .mobile-nav { display: none; }
@media all and (max-width:980px) {
  .mobile-nav-toggle { display: block; }
  .header { padding: 10px 0 10px; }
  .header.header-scrolled { padding: 10px 0 10px; }
  .navbar:not(.navbar-mobile) ul.mobile-nav-hide { display: none; }
  .navbar-warp .navbar { order: 3; background-color: #fff; }
  .navbar .mobile-nav { display: flex; text-align: left; justify-content: flex-end; }
  .navbar .mobile-nav a { display: flex; align-items: center; justify-content: flex-start; padding: 10px 20px; }
  nav#navbar { position: fixed; top: 0; right: 0; }
  .navbar .mobile-nav-toggle { position: absolute; top: 20px; right: 15px; z-index: 999; }
  .navbarright { position: relative; margin-right: 40px; }
}
@media all and (max-width:1050px) {
  .navbar a { padding: 10px 12px 10px 12px; }
}
.navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(1, 22, 61, 0.9); transition: 0.3s; }
.navbar-mobile .mobile-nav-toggle { position: absolute; top: 20px; right: 15px; }
.navbar-mobile ul { display: block; position: absolute; top: 55px; right: 15px; bottom: 15px; left: 15px; padding: 10px 0; border-radius: 10px; background-color: #fff; overflow-y: auto; transition: 0.3s; }
.navbar-mobile a, .navbar-mobile a:focus { padding: 10px 20px; font-size: 15px; color: #393939; }
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a { color: #0691fc; }
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus { margin: 15px; }
.navbar-mobile .dropdown ul { position: static; display: none; margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); }
.navbar-mobile .dropdown ul li { min-width: 200px; }
.navbar-mobile .dropdown ul a { padding: 10px 20px; }
.navbar-mobile .dropdown ul a i { font-size: 12px; }
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover>a { color: #0691fc; }
.navbar-mobile .dropdown>.dropdown-active { display: block; }

/*# Animation */
@keyframes fadeInUp1 {
  from { transform: translate3d(0, 40px, 0); }
  to { transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes fadeInUp1 {
  from { transform: translate3d(0, 40px, 0); }
  to { transform: translate3d(0, 0, 0); opacity: 1; }
}
.animatedFadeInUp1 { animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-name: FadeInUp1; -webkit-animation-name: fadeInUp1; }

/*# Portfolio */
.portfolio-warp a.portfokio-lightbox { position: absolute; inset: 0; z-index: 999; cursor: zoom-in; }
.glightbox-container .gcontainer .gslide-media.gslide-image { cursor: grab; }
.portfolio #portfolio-flters { padding: 0; margin: 0 auto 25px auto; list-style: none; text-align: center; background: white; border-radius: 50px; padding: 2px 15px; }
.portfolio #portfolio-flters li { cursor: pointer; display: inline-block; padding: 14px 30px 14px 30px; font-size: 15px; font-weight: 600; line-height: 1; color: #444444; transition: 0.3s; border: 1px solid #c4c4c4; }
.portfolio #portfolio-flters li:hover { border-color: #fcd206; }
.portfolio #portfolio-flters li.filter-active { border-color: #f00; }
.portfolio #portfolio-flters li:last-child { margin-right: 0; }
.portfolio .portfolio-wrap:hover::before {/* opacity: 0.7; */ }
.portfolio:hover .portfolio-wrap { box-shadow: 6px 4px 0 #fdae1e;/* background: #fcd206; */ }
.portfolio .portfolio-wrap { transition: 0.3s; position: relative; overflow: hidden; z-index: 1;/* background: rgba(255, 255, 255, 0.75); */ border-radius: 20px; box-shadow: 6px 4px 0 #393939;/* background: #393939; */ }
.portfolio .portfolio-item:hover .portfolio-wrap { box-shadow: 6px 4px 0 #fdae1e; background: #fdae1e; }
.portfolio .portfolio-wrap::before { content: "";/* background: #fef4c7; *//* position: absolute; *//* left: 0; *//* right: 0; *//* top: 0; *//* bottom: 0; *//* transition: all ease-in-out 0.3s; *//* z-index: 2; *//* opacity: 0; */ }
.portfolio .portfolio-wrap img { transition: 1s; width: 100%; }
.portfolio .portfolio-wrap .portfolio-info { opacity: 0; position: absolute; top: 50px; left: 30px; right: 30px; bottom: 50px; text-align: center; z-index: 3; transition: all ease-in-out 0.3s; display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); background: rgb(255 255 255 / 90%); border-radius: 18px; padding: 19px 25px; overflow-y: hidden; }
p.ortfolio-warp a.portfokio-lightbox { position: absolute; inset: 0; z-index: 99; }
.portfolio .portfolio-wrap .portfolio-info::before { content: "";/* display: block; *//* width: 48px; *//* height: 48px; */position: absolute;/* top: 35px; *//* left: 35px; *//* border-top: 3px solid rgba(1, 41, 112, 0.2); *//* border-left: 3px solid rgba(1, 41, 112, 0.2); *//* transition: all 0.5s ease 0s; *//* z-index: 9994; */ }
.portfolio .portfolio-wrap .portfolio-info::after { content: "";/* display: block; *//* width: 48px; *//* height: 48px; */position: absolute;/* bottom: 35px; *//* right: 35px; *//* border-bottom: 3px solid rgba(1, 41, 112, 0.2); *//* border-right: 3px solid rgba(1, 41, 112, 0.2); *//* transition: all 0.5s ease 0s; *//* z-index: 9994; */ }
.portfolio .portfolio-wrap .portfolio-info h4 { font-size: 20px; color: #393939; font-weight: 500; }
.portfolio .portfolio-wrap .portfolio-info p { color: #6B6B6B; font-weight: 600; font-size: 14px;/* text-transform: uppercase; */ padding: 0; margin: 0; overflow: hidden; }
.portfolio .portfolio-wrap .portfolio-links { text-align: center; z-index: 4;/* display: none !important; */ }
.portfolio .portfolio-wrap .portfolio-links a, .portfolio .portfolio-wrap a.portfolio-links { color: #fff; background: #0691fc; margin: 10px 2px; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; transition: 0.3s; }
.portfolio .portfolio-wrap .portfolio-links a i { font-size: 24px; line-height: 0; }
.portfolio .portfolio-wrap .portfolio-links a:hover, .portfolio .portfolio-wrap a.portfolio-links:hover { background: #fcd206; }
.portfolio .portfolio-wrap:hover img { transform: scale(1.1); }
.portfolio .portfolio-item:hover .portfolio-wrap::before { top: 0; left: 0; right: 0; bottom: 0px; opacity: 1; background: #fef4c7; opacity: 0.69; }
.portfolio .portfolio-item:hover .portfolio-info { opacity: 1; }
.portfolio .portfolio-wrap:hover .portfolio-info::before {/* top: 15px; *//* left: 15px; */ }
.portfolio .portfolio-wrap:hover .portfolio-info::after {/* bottom: 15px; *//* right: 15px; */ }
.portfolio .portfolio-item { position: relative; }
.portfolio-item { padding-bottom: 40px; }
a.portfolio-links.portfokio-lightbox { }
.portfolio .portfolio-wrap * { user-select: none; }
a.portfolio-links.portfokio-lightbox:before { content: ''; content: "\f226"; display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; }
.portfolio .portfolio-item:hover .portfolio-desc { opacity: 0; transform: translate(0px, -0px) scale(1, 0); }
.testimonial-item.portfolio:hover .portfolio-wrap .portfolio-info { opacity: 1; }
.testimonial-item.portfolio:hover .portfolio-desc { z-index: -9; opacity: 0; transform: translate(0px, -100px) scale(1, 0); }
.portfolio .portfolio-desc p { margin-bottom: 0; }
.portfolio .portfolio-desc { border-radius: 22px; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); padding: 15px 13px; z-index: 99; position: absolute; left: 30px; right: 30px; bottom: 0; transform: translate(0px, 0px) scale(1, 1); transition: all 0.3s linear; opacity: 1; text-align: center; transform-origin: top center; }
.portfolio .portfolio-desc h4 { }
.portfolio .portfolio-desc p { font-size: 15px;    /* margin-bottom: 0; */ }
.portfolio .portfolio-desc a.btn { border-radius: 17.5px; background: #fff; border: 1.5px solid #0691fc; font-size: 14px; }
.testimonial-item.portfolio {/* padding-bottom: 50px; */box-shadow: 0px 0px 1px #393939; border-radius: 20px; }
.portfolio-slider .swiper-wrapper { padding-bottom: 20px; padding-top: 5px; }
.testimonial-item.portfolio .portfolio-desc { }
.portfolio .portfolio-wrap a.portfolio-link-main { position: absolute; inset: 0; z-index: 999; border-radius: 20px; }
.portfolio .portfolio-wrap a.portfolio-link-main:before, .portfolio .portfolio-wrap a.portfolio-link-main:after { content: ''; position: absolute; }
.portfolio .portfolio-wrap a.portfolio-link-main:before { left: 0; top: 0; border-top: 1px solid #000; border-left: 1px solid #000; }
.portfolio .portfolio-wrap a.portfolio-link-main:after { }

/*# Portfolio Details */
.portfolio-details { padding-top: 40px; }
.portfolio-details .portfolio-details-slider img { width: 100%; }
.portfolio-details .portfolio-details-slider .swiper-pagination { margin-top: 20px; position: relative; }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: 1; border: 1px solid #0691fc; }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active { background-color: #0691fc; }
.portfolio-details .portfolio-info { padding: 30px; box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08); }
.portfolio-details .portfolio-info h3 { font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.portfolio-details .portfolio-info ul { list-style: none; padding: 0; font-size: 15px; }
.portfolio-details .portfolio-info ul li+li { margin-top: 10px; }
.portfolio-details .portfolio-description { padding-top: 30px; }
.portfolio-details .portfolio-description h2 { font-size: 26px; font-weight: 700; margin-bottom: 20px; }
.portfolio-details .portfolio-description p { padding: 0; }
html body .glightbox-clean .gslide-title:last-child { margin-bottom: 0; }

/*#popupform */
.popupform ul li input[type="submit"] { background: #0467ff; color: #fff; font-size: 18px; border: #0467ff 1px solid; text-transform: uppercase; font-weight: 600; padding: 9px 10px; letter-spacing: 1px; outline: 0px none; border-radius: 50px; width: 195px; }
.popupform ul li input[type="submit"]:hover { background: #0691fc; }
.popupform ul li input[type="text"]:focus, .popupform ul li input[type="email"]:focus, .popupform ul li textarea:focus { border: #b9bbbd 1px solid !important; }
.popupform ul li { text-align: left; position: relative; width: 100%; margin: 8px 0px; display: inline-block; }
.popupform .text-small label input {width: auto;}
.popupform ul li input, .popupform ul li textarea { background: #ffffff; border: #dedede 1px solid; padding: 10px 10px 10px 34px; width: 100%; border-radius: 6px; font-size: 14px; color: #000; box-shadow: none !important; outline: none 0px !important; }
.popupform ul li i { position: absolute; top: 10px; left: 13px; color: #0691fc; }
.popupform ul li textarea { height: 120px; }
.popupform input[type="submit"] { background: #0691fc; color: #fff; font-size: 18px; border: #0691fc 1px solid; text-transform: uppercase; font-weight: 600; padding: 9px 10px; letter-spacing: 1px; outline: 0px none; border-radius: 50px; width: 195px; }
.popupform input[type="submit"]:hover { background: #da0a12; }
.popupform ul li input[type="text"]:focus, .popupform ul li input[type="email"]:focus, .popupform ul li textarea:focus { border: #b9bbbd 1px solid !important; }
.popupform { border-radius: 23px; padding: 12px; overflow: visible; border: 0; border-bottom: #fcd206 5px solid; }
.popupform .head h2 {/* font-size: 28px; */color: #000000;/* font-weight: 900; */ padding-left: 15px; border-left: #0691fc 6px solid; margin-bottom: 12px;/* line-height: 35px; */ }
.popupform .head p { line-height: 19px; font-size: 14px; margin-bottom: 12px; }
.popupform .btn-close-popup { border: #0691fc 3px solid; background: #fff; border-radius: 50%; text-align: center; box-shadow: #000 0 0 10px; position: absolute; top: -10px; right: -10px; width: 40px; height: 40px; line-height: 1; padding: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.popupform ul { margin: 0; padding: 0; }
.popupform .btn-close-popup:after { font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 300; text-align: center; box-sizing: border-box; content: "x"; line-height: 1; position: relative; top: -1px; overflow: hidden;/* color: #0691fc; *//* font-size: 21px; */ }
.btn-close-popup { }
.popupform .text-small label, .popupform ul li small { font-size: 85%; }
.popupform .btn-submit { }
.popupform .btn-submit { background: #393939; color: #fff; font-size: 18px; border: #393939 1px solid; text-transform: uppercase; font-weight: 600; padding: 9px 10px; letter-spacing: 1px; outline: 0px none; border-radius: 50px; width: 195px; }
.popupform .submit-dev { margin-top: 20px; }
.popupform .btn-submit:hover { background-color: #fcd206; border-color: #fcd206; }
.popupform .btn-close-popup:hover { background: #000; color: #fff; }

/*Logo Traffic CSS*/
.header-top { background-color: #003580; padding: 5px 0; }
.header-top p { color: #eaeaea; }
.header-top p a { display: inline-block; margin-left: 14px; }
.header-top p span { padding: 0; }
.header-top p span { color: #ffffff; white-space: pre; padding: 0 12px; }
p.first.last.top-col2 { text-align: right; }
#header { padding: 5px 0; background: #ffffff; Height: 73px; }
#header .logo { float: left; }
a:visited { outline: none; text-decoration: none; }
#header .logo img { margin-top: 0px; margin-bottom: 0px; width: 80%; }
nav.main-menu { float: right; margin-top: 17px; }
nav.main-menu ul { list-style: none; margin: 0; padding: 0; }
nav.main-menu ul > li { margin: 0 15px; float: left; position: relative; }
li.no-active { border: 0 !important; }
nav.main-menu ul > li > a { width: 100%; display: block; padding: 5px 0; text-decoration: none; color: #60646d; font-size: 16px; font-weight: 600; text-align: left; margin: 0 0; }
nav.main-menu ul > li ul { z-index: 9999; padding: 0; margin: 0; position: absolute; top: 36px; left: 0; width: 190px; display: none; background-color: #003580; }
.header-nav li.active { border-bottom: 2px solid #0077cc; }
nav.main-menu ul > li ul li { list-style: none; float: none; position: relative; border-bottom: 1px solid #00afff; }
nav.main-menu ul > li ul li a { font-size: 16px; color: #fff; padding: 10px 0 !important; }
ul.dropdown-menu li { border-bottom: 2px solid #ffffff; }
.navbar .dropdown ul a { color: #ffffff !important; }
.navbar .dropdown ul a i.bi.bi-chevron-right { font-size: 16px; padding-right: 10px; }
.home-banner { height: 585px; background-size: cover; background-color: #03327a; }
.home-b-content { padding-top: 100px; }
.home-banner h2 { font-size: 24px; margin: 0 0 10px; font-weight: 400; color: #ffffff; text-transform: uppercase; line-height: normal; margin-bottom: 0; }
.home-banner h1 { margin-top: 0; margin-bottom: 0; }
.home-banner h1 span { font-weight: 500; color: #fff; font-size: 44px; padding: 0; line-height: normal; }
ul.bannerlist { margin: 0; padding: 0; list-style: none; color: #fff; margin-bottom: 10px; }
ul.bannerlist li { color: #fff; font-size: 17px; font-weight: 400; position: relative; padding: 0 0 5px 22px; }
ul.bannerlist li:before { position: absolute; content: ""; left: 0px; top: 11px; width: 12px; background: #fff; height: 3px; }
.home-banner .slider-button { display: inline-block; padding: 12px 42px 10px; text-align: center; color: #0c296d; background: #ffffff; border-radius: 5px; font-size: 16px; margin: 0 0 30px; text-transform: uppercase; font-weight: 700; }
.home-banner img { max-width: 100%; width: auto; margin: 0 0 0 0; }
.formwrap { margin-left: 120px; margin-top: 85px; border-radius: 10px; padding: 30px; -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px -10px 25px 0px rgb(255 255 255 / 50%); background: linear-gradient(0deg, rgb(255 255 255) 30%, rgb(3 50 122) 90%); position: relative; }
.formwrap .formhead h2 { margin: 0 0 20px; color: #fff; font-weight: 700; font-size: 28px; text-align: center; margin-bottom: 0; }
.formwrap .formhead p { color: #fff; }
.in-field { margin-bottom: 10px; }
input, textarea { font-size: 14px; font-weight: 600; color: #9ba0aa; resize: none; }
label { color: #3a3c41; font-weight: 600 !important; font-size: 16px; }
.formwrap .form-control { color: #000; border: 1px solid #e0e0e0; padding: 11px 15px; border-radius: 6px; font-size: 12px; margin-bottom: 0; border: 1px solid #f6cb3a; }
form input[type="text"], form input[type="email"], form input[type="url"], form input[type="tel"], form input[type="number"], form input[type="date"], form input[type="range"], form input[type="password"], form input[type="text"], form textarea { width: 100%; height: auto; border: 1px solid #dcdee4; background-color: #fff; margin-bottom: 12px; padding: 11px 10px; color: #3a3c41; font-weight: 400; border-radius: 4px; }
input#quoteSubmit { background: #ddd; background: -moz-linear-gradient(left, #00257b 0%, #2a3654 100%); background: -webkit-linear-gradient(left, #0c296d 0%, #2a3654 100%); background: linear-gradient(to right, #0c296d 0%, #00288c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b03dc', endColorstr='#9904a9', GradientType=1); border: 0px; border-radius: 5px; color: #fff; display: inline-block; width: 100%; font-size: 16px; font-weight: 700; padding: 12px; -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 6px 15px 0px rgb(44 79 134); }
form input[type="submit"] { padding: 12px 25px; background-color: #2196f3 !important; color: #fff !important; font-weight: 700; border: none; cursor: pointer; letter-spacing: 1px; width: 100%; border-radius: 50px; }
.formwrap:after { position: absolute; content: "70% Discount"; background-color: #fdae1e; top: -20px; left: -60px; font-size: 14px; padding: 12px 20px; font-weight: 700; border-radius: 30px; color: #000; font-family: 'Ranchers', cursive; }
.formwrap p { text-align: center; margin-bottom: 10px; font-size: 16px; }
.ban-btm-box { padding: 15px 0; width: 100%; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); position: relative; z-index: 02; }
.ban-btm-logos { float: left; width: 100%; overflow: hidden; }
.ban-btm-logos ul { margin-bottom: 0; }
.ban-btm-logos li img { transition-duration: .3s; }
section.ban-btm-box button.slick-prev.slick-arrow { display: none !important; }
section.ban-btm-box button.slick-next.slick-arrow { display: none !important; }
section.ban-btm-box img { width: 170px !important; }
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; }
.home-pkg { padding: 60px 0 60px; }
.slogan-section { margin-bottom: 0; text-align: center; padding-bottom: 40px; }
.slogan-section h2 { margin: 0 0 10px; font-weight: 400; font-size: 40px; }
.slogan-section h2 span { font-size: 36px; font-weight: 400; color: #333; margin: 0; padding: 0; }
.slogan-section h3 { font-size: 18px; font-weight: 600; margin-top: 0; }
.slogan-section p { font-size: 16px; color: #383838; margin-bottom: 25px; }
.for-border { height: 11px; width: 100%; background: transparent url(../logotraffic-images/feature-border.png) center center no-repeat; border: none; }
.package_box { border-color: #474747; margin-bottom: 30px; border: 1px solid #e7e7e7; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
h4.header-strip { font-size: 14px !important; color: #fff; text-align: center; background: #002150; padding: 10px; border-top-right-radius: 6px; border-top-left-radius: 6px; margin: 0; font-weight: 600; }
.new-pricing .red .pkg_header { color: #fff; padding-left: 20px; background: #003580; padding-bottom: 5px; }
.red .pkg_header { background: #ffffff; text-align: center; padding: 15px 0; position: relative; border-bottom: 1px solid #e7e7e7; }
.pkg_header { color: #11073a; }
.new-pricing .pkg_header h2 { text-align: left; font-size: 24px !important; color: #fff; }
.pkg_header h2 { color: #11073a; text-transform: uppercase; font-weight: 700; font-size: 20px; margin: 0 0 5px 0; text-align: center; }
.new-pricing .pkg_header h3 { text-align: left; margin-left: 0; color: #fff; }
.pkg_header h3 { font-size: 38px !important; color: #11073a; font-weight: 600; line-height: 32px; margin: 15px 0 0 0; display: block; letter-spacing: 0px; margin: 10px; }
.pkge_content { padding: 0 14px; min-height: 336px; max-height: 315px; overflow-y: scroll; margin-bottom: 5px; margin-top: 10px; display: inline-block; width: 100%; }
.pkg_first_list { padding: 0 0; margin: 0; }
.pkg_first_list li { color: #151515; font-size: 14px; margin-bottom: 0; padding-bottom: 0; background: url(../logotraffic-images/bluetick3.png) left no-repeat; padding: 10px 20px 10px; border-bottom: #b9b9b9 1px dotted; }
li.vas { background: no-repeat; padding-left: 0; font-size: 15px; }
.pkg_first_list li b { font-weight: 600 !important; }
.chat-button { text-align: center; margin: 25px 0; }

/*a.pkg_ord_btn {
    color: #fff!important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
    text-decoration: none!important;
    padding: 10px 50px;
    margin: 0 0 10px 0;
    border-radius: 60px;
    background: #003580;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}*/
.pkg_ord_btn { color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 15px; display: inline-block; text-decoration: none !important; padding: 10px 50px; margin: 0 0 10px 0; border-radius: 60px; background: #003580; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
section.special-packg-sec.special-branding .pkg_ord_btn { margin-top: 0; font-weight: 700; background-color: #00afff; border: 0; }
.hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; }
.new-pricing .pkg_header h3 span { color: #fff; }
.pkg_header h3 .cut-price { display: inline-block; font-size: 20px; vertical-align: middle; color: #fdc024; }
.new-pricing .pkg_header h3 span { color: #fff; }
.pkg_header h3 span { color: #11073a; margin: 0; padding: 0; font-weight: normal; }
li { list-style: none; }
.pkge_content::-webkit-scrollbar { width: 5px; background-color: #cccccc; }
.pkge_content::-webkit-scrollbar-thumb { border-radius: 25px; -webkit-box-shadow: inset 0 0 6px rgb(253, 192, 36); background-color: #fdc024; }
.special-packg-sec { background: url('../logotraffic-images/why-us.jpg') no-repeat; padding: 0 0 0; background-size: cover; background-position: center center; display: flex; align-items: center; justify-content: center;    /*height: 600px;*/ }
.special-packg-sec h2 { font-size: 40px; color: #ffffff; font-weight: 700; margin: 35px 0 10px; padding: 0 0 0 0; position: relative; }
.special-packg-sec h2 span { color: #FFF; font-size: 36px; display: block; font-weight: 400; padding: 0; }
.special-packg-sec p { color: #FFF; font-size: 16px; }
ul.check-ul { padding: 0; margin-top: 20px; }
ul.check-ul li { display: inline-block; color: #ffffff; font-size: 18px; font-weight: 600; width: 49%; margin: 0 0 9px; }
ul.check-ul li:before { content: "\f058"; font-family: FontAwesome; margin: 0 8px 0 0; }
ul.cstm-li { padding: 0; }
ul.cstm-li li { display: inline-block; vertical-align: middle; }
.price { font-size: 70px; font-weight: 700; color: #fdc024; }
.price span { display: inline-block; line-height: normal; font-size: 17px; font-weight: 300; margin: 0 30px 0 0; vertical-align: middle; color: #fff; }
.price span div { display: inline-block; text-decoration: line-through; }
strong.off-price { padding: 10px 12px; border: 1px solid #fdc024; font-size: 22px; margin-left: 22px; border-radius: 9px; color: #fdc024; }
section.special-packg-sec.special-branding a.pkg_ord_btn { margin-top: 0; font-weight: 700; background-color: #00afff; }
div#mega-packg { width: 100%; z-index: 1; }
.portfolioSec { padding: 70px 0 0; }
.text-center { text-align: center; }
.portfolioSec h3 { margin: 0; font-size: 40px; font-weight: 700; line-height: 54px; text-align: center; }
.portfolioSec .tabControls { margin: 10px 0 30px; border-bottom: 1px solid #003580; display: inline-block; padding: 0; }
.portfolioSec .tabControls li:hover, .portfolioSec .tabControls li.active { cursor: pointer; background: #00afff; color: #ffffff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; border-radius: 50px; }
.portfolioSec .tabControls li { font-size: 14px; color: #333333; text-transform: uppercase; display: inline-block; margin: 15px 5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; padding: 4px 20px; }
.slideBox.active { display: block; }
.ho-works h3 { margin: 0; font-size: 40px; font-weight: 700; line-height: 54px; padding-left: 0; text-align: center; }
p.main-test-p { text-align: center; font-size: 16px; color: #383838; margin-bottom: 20px; }
.workflow_single_item.item01 { padding-bottom: 36px !important; margin-bottom: 25px; background-position: 90px 146px !important; background-repeat: no-repeat !important; min-height: 290px; display: flex; flex-wrap: wrap; align-items: center; }
.workflow_single_item { padding: 20px; border: 1px solid #e4e4e4; -webkit-box-shadow: 7px 7px 0 #ebebeb; box-shadow: 7px 7px 0 #ebebeb; position: relative; }
.workflow_single_item::after, .workflow_single_item { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.workflow_single_item i { position: absolute; font-size: 40px; right: 20px; opacity: .2; top: 10px; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); }
.workflow_single_item h3 { font-size: 20px; font-weight: 600; }
.workflow_single_item h3 span { opacity: .5; color: #777; }
.workflow_single_item p { font-weight: 400; font-size: 16px; }
.workflow_single_item::after { background-color: #00afff; position: absolute; content: ""; height: 50%; width: 6px; top: 20%; left: 0; border-radius: 25px; }
.workflow_single_item:hover { border: 1px solid #00afff; }
.workflow_single_item::after, .workflow_single_item { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
section.cta-sm.cta-cstmpad { padding: 40px 0; background: #003580; color: #fff; }
.cta-sm-inner h3 { color: #fff; }
.cta-sm.cta-cstmpad .purple-s-btn { margin: 32px 0 0; }
.newctastyle a { color: #fff; font-size: 21px; padding: 10px 30px !important; display: inline-block; margin: 20px 10px 15px !important; position: relative; top: 5px; }
.purple-s-btn { font-size: 21px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12); background-color: #8235b2; padding: 0.75em 1.4em; font-weight: 600; display: inline-block; border-radius: 5px; cursor: pointer; vertical-align: middle; text-align: center; white-space: nowrap; color: #fff; }
.purple-s-btn { background-color: #07c !important; border-color: #07c !important; }
.text-center { text-align: center; }
.cta-call { width: auto; margin: 0 0 0; display: inline-block; font-size: 20px; padding: 0 0 0 3%; text-align: center; }
.cta-call, .cta-call a { color: #fff; }
section.testimonials { background-color: #ffffff; position: relative; z-index: 1; }
h3.title-client { font-size: 40px; font-weight: 700; }
p.main-test-p { text-align: center; font-size: 16px; color: #383838; margin-bottom: 20px !important; }
.section-padding { padding: 60px 0 60px 0px; }
p.main-test-p { width: 85%; margin: 0 auto; }
.set-height { min-height: 250px; }
.testi_box { background-color: #fff; border-radius: 10px; padding: 30px; box-shadow: 0px 0px 40px #dadada; margin-top: 100px; }
.testiBoxHeight { height: 350px; }
.testiImg { margin-top: -85px; width: 100px; }
.testiImg img { box-shadow: 0px 10px 30px 0 #00000024; border-radius: 50%; width: 100%; }
.testiText { clear: both; margin-top: 20px; width: 100%; display: inline-block; }
.testi_box h3 { text-align: left; font-size: 18px; line-height: normal; }
.testi_box h3, .testi_box p, .testi_box span { padding-left: 170px; }
.paddinfLeft { padding-left: 0 !important; }
.testi_box p { min-height: 156px; font-size: 16px; }
.testi_box span { display: block; }
span.testi_owner { display: block; color: #000; font-size: 14px; font-weight: bold; }
.testi_box span { display: block; }
.stars i { font-size: 10px; color: #fdc024; }
.stars i { font-size: 14px; }
.professional-featred { text-align: center; }
.home-featured-area.desktopawards { padding: 5px 0 35px; }
.professional-featred h3 { font-size: 40px; color: #101018; margin: 0; font-weight: 600; margin-bottom: 15px; }
.professional-featred h6 { font-weight: 400; font-size: 16px; display: block; margin-bottom: 15px; line-height: inherit; }
.home-brands img { width: 1103px; }
section.content-footer { padding: 45px 0 60PX; background-color: #003580; color: #fff; }
section.content-footer h2 { font-size: 30px; color: #fff; }
section.content-footer a { color: #00afff; }
#main-footer { background-color: #001b42; color: #e4e4e4; line-height: 24px; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
.main-footer-area, .container-fluid.main-footer-area { padding: 90px 230px 33px; }
.widget { width: 100%;    /*margin-bottom: 35px;*/ }
#main-footer .widget h3.title { margin-bottom: 20px; color: #e4e4e4; font-size: 18px; font-weight: 200; text-transform: uppercase; }
.widget img { display: inline-block; padding-right: 15px; width:60%; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7479%) hue-rotate(93deg) brightness(106%) contrast(106%); }
#main-footer .widget p { margin-bottom: 25px; color: #e4e4e4; }
.widget h3.title { margin: 0 0 25px; font-size: 18px; font-weight: 700; }
#main-footer .widget ul { border-color: #4a4c52; }
.widget ul { padding: 0; margin: 0; border-top: 1px solid #dde1e3; padding-top: 10px; }
#main-footer .widget ul li { border-color: #ffffff; }
.widget ul li { list-style: none; color: #ffffff; padding: 0 0 0px; margin: 8px 0 0; text-transform: capitalize; font-size: 16px; }
#main-footer .widget a { color: #e4e4e4; text-transform: initial; }
a:visited { outline: none; text-decoration: none; }
#main-footer .widget a { color: #e4e4e4; text-transform: initial; }
i.fa.fa-envelope, i.fa.fa-phone { font-size: 16px; padding-right: 10px; color: #000; position: relative; top: 3px; left: 6px; }
i.fa.fa-map-marker { font-size: 16px; color: #b4b4bd; padding: 0 12px 0 5px; }
.footer-bottom { margin-top: 15px; padding-top: 23px; background: url(/logotraffic-images/arow-fot.png) center 0 no-repeat; }
.pamyent h5 { font-size: 15px; color: #cccccc; font-weight: 200; margin: 0; padding-bottom: 10px; }
.footer-bottom .footer-social-nav { float: none; width: auto; margin: auto; text-align: center; }
ul.footer-social-nav h3 { font-weight: 600; color: #b4b4bd; margin: 0; font-size: 15px; padding-bottom: 10px; }
.footer-bottom .footer-social-nav li { display: inline-block; list-style: none; }
.footer-bottom .footer-social-nav li a { display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background: #00afff; border-radius: 25px; width: 30px; height: 30px; margin: 2px; }
.footer-bottom .footer-social-nav li .fa { font-size: 18px; display: block; text-align: center; line-height: 32px; color: #21212e; }
.cont-rea { display: inline-block; background: #00122b; width: 240px; float: right; }
.cont-rea .fa.fa-mobile { font-size: 70px; font-weight: 100; display: inline-block; float: left; margin: 0 10px; }
.footer-bottom h3 { color: #cccccc; }
.cont-rea h3 { display: inline-block; color: #b4b4bd; font-size: 15px; text-transform: uppercase; font-weight: 100; margin: 0; padding: 10px 5px; }
.cont-rea .strong-style { color: #0077cc; font-size: 24px; display: inline-block; padding: 0 0; }
.footer-bottom p>a { color: #00afff !important; }
.footer-industry-city { margin: 35px 0 0; }
.nav-pills > li { float: left; }
.footer-industry-city .nav-pills>li.active>a, .footer-industry-city .nav-pills>li.active>a:hover, .footer-industry-city .nav-pills>li.active>a:focus { background-color: #4ea0f0; }
.footer-industry-city .nav .nav-item a { font-size: 17px; color: #fff; display: inline-block; line-height: 15px; padding: 19px 24px 17px; border: 1px solid #4ea0f0; margin: 10px 10px 0 0; }
.footer-industry-city .nav .nav-item a { font-size: 17px; color: #fff; display: inline-block; line-height: 15px; padding: 19px 24px 17px; border: 1px solid #4ea0f0; margin: 10px 10px 0 0; }
.tab-content > .active { display: block; }
.footer-industry-city .tab-content .tab-pane .listing ul { padding: 12px 0 0 !important; }
.footer-industry-city .tab-content .tab-pane .listing li { font-size: 14px;    /*width: 16%;*/ display: inline-block; text-align: left;    /*margin-top: 10px;*/ color: #cccccc; padding: 5px 8px; }
.footer-industry-city .tab-content .tab-pane .listing li a { color: #e4e4e4; text-transform: capitalize; }
.footer-bottom-area { background: #003580; display: inline-block; width: 100%; padding: 0; height: auto; border-top: 1px solid #003580; float: left; padding-top: 7px; padding: 7px 200px 2px; color: #fff; }
.footer-industry-city .nav .nav-item button { font-size: 17px; color: #fff; display: inline-block; line-height: 15px; padding: 19px 24px 17px; border: 1px solid #4ea0f0; margin: 10px 10px 0 0; border-radius: 5px; }
.footer-industry-city .nav .nav-item button.nav-link.active { background: #4ea0f0; }
.footer-industry-city ul.nav.nav-tabs { border: 0; }
.pamyent img.img-fluid { width: 378px; }
.text-left { text-align: left; }
.footer-bottom-area p { display: inline-block; padding: 13px 0; }
ul.toc-list { text-align: right !important; padding: 0; display: inline-block; color: #fff; margin-top: 15px; }
ul.toc-list li { display: inline-block; margin-right: 20px; }
ul.toc-list li a { color: #bfbfbf; font-size: 16px; }
ul.toc-list li:last-child { margin-right: 0; }
.col-md-6.text-right { text-align: right; }

/*About-Us*/
.sm-bann { height: 554px; }
.sm-bann .banner-pic { height: 554px; background-size: cover; }
.banner-pic { width: 100%; height: 554px; overflow: hidden; position: relative; z-index: 1; }
.ban-txt-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; z-index: 9; }
.sm-bann .ban-txt h1 { font-size: 42px !important; text-transform: capitalize; }
.colorblack { color: #333333 !important; }
.btn.btn-seo-service { display: inline-block; transform: translateY(0rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff; background-color: #003580; border: 1px solid #003580; padding: 14px 60px; font-size: 16px; border-radius: 5px; margin: 30px 0; }
.ban-txt h1 { font-size: 41px; color: #FFF; font-weight: bold; text-transform: capitalize; line-height: 1.05em; margin-bottom: 14px; margin-top: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
.sm-bann .ban-txt h4 { font-size: 18px !important; line-height: 26px; }
.ban-txt h4 { color: #ffffff; font-weight: 600; text-transform: capitalize; margin-bottom: 25px; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
.ban-txt ul { margin-left: 0px !important; padding-left: 0; }
.ban-txt li { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
.ban-txt li { font-size: 16px; color: #ffffff; font-weight: 400; text-transform: capitalize; line-height: .95em; margin-top: 12px; margin-left: 0px; position: relative; padding-left: 23px; }
.ban-txt li:before { width: 12px; height: 12px; background: #FFF; display: block; content: ""; border-radius: 15px; position: absolute; left: 1px; top: 0px; }
.ban-txt li:before { width: 12px; height: 12px; background: #FFF; display: block; content: ""; border-radius: 15px; position: absolute; left: 1px; top: 2px; }
section.about-page { padding: 50px 0; font-size: 15px; line-height: 27px; color: #848894; }
section.about-page h1 { color: #282828; font-size: 40px; position: relative; font-weight: 600; }
section.about-page p.txt-large { color: #3e3632; line-height: 33px; font-size: 24px; margin-top: 0; margin-bottom: 5px; }
section.about-page p { font-size: 16px; color: #3e3632; margin-top: 10px; }
section.about-page .row { align-items: center; }
section.about-page2 { padding: 20px 0 30px; }
section.about-page2 h2 { color: #282828; font-size: 46px; position: relative; font-weight: 300; }
section.about-page2 ul { margin: 0; margin-top: 60px; padding: 0; }
section.about-page2 ul li { display: inline-block; position: relative; width: 25%; margin-right: 92px; margin-bottom: 50px; vertical-align: middle; }
section.about-page2 ul li h5 { font-size: 55px; font-weight: 800; font-family: 'Lato', sans-serif; margin-bottom: 0; line-height: 44px; }
section.about-page2 ul li:nth-child(6) i, section.about-page2 ul li:nth-child(1) i { top: 15px; }
section.about-page2 ul li:nth-child(1) i { top: -26px; }
section.about-page2 ul li i { position: absolute; right: 0; top: 0; }
.about-page2 img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
section.about-page2 ul li span { display: block; background: #00afff; padding: 10px; color: #fff; font-size: 16px; font-family: 'Poppins', sans-serif; }
section.about-page2 ul li p { font-size: 16px; color: #535457; padding-top: 20px; padding-right: 50px; min-height: 80px; }
.about-page2 img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
ul.split-u { list-style: none; margin-top: 0; }
ul.split-u li { width: 46%; display: inline-block; }
.ban-txt li+li { -webkit-animation-duration: 1.4s; animation-duration: 1.4s; }
.ban-txt li+li+li { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }
.ban-txt li+li+li+li { -webkit-animation-duration: 1.6s; animation-duration: 1.6s; }
.ban-txt li+li+li+li+li { -webkit-animation-duration: 1.7s; animation-duration: 1.7s; }
a.btn-cstm { position: relative; z-index: 1; background: #00afff; padding: 7px 51px; display: inline-block; color: #fff; text-align: center; font-size: 20px; font-weight: 600; border-radius: 5px; border: 2px solid #00afff; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12); margin-top: 20px; }
.startproject { width: 304px; z-index: 3; top: 0; position: absolute; right: 16%; }
.startbutton.active { bottom: 0; width: 100%; }
.startbutton { background: #FF3366; bottom: -36px; color: #fff; cursor: pointer; float: right; font-size: 17px; font-weight: bold; height: 43px; padding: 10px 0 0 0; position: absolute; right: 0; text-transform: uppercase; width: 100%; z-index: 2; text-align: center; }
.startbutton i { margin-left: 7px; font-size: 14px; }
.startform { height: 0px; overflow: hidden; position: relative; z-index: 1; margin-top: 0; border-top: 5px solid #0b296f; }
.form-container { position: relative; }
.formdv { background: rgb(0, 0, 0); background: #fff; box-shadow: 0px 0px 30px #000; width: 100%; padding: 10px 0; position: absolute; right: 0px; top: 0px; z-index: 100; border-top-right-radius: 0; border-top-left-radius: 0; border: 1px solid #ccc; border-top: 0; }
.formdv .inform { min-height: 330px; }
#banform > p { font-size: 14px; color: #252525; }
.formdv p { padding: 0; font-size: 11px; font-weight: 400; color: #fff; text-align: center; }
.formdv form { display: block; padding: 10px 19px 6px; margin: 0px; }
.formdv .in-field { margin-bottom: 0; }
form input[type="text"], form input[type="email"], form input[type="url"], form input[type="tel"], form input[type="number"], form input[type="date"], form input[type="range"], form input[type="password"], form input[type="text"], form textarea { width: 100%; height: auto; border: 1px solid #dcdee4; background-color: #fff; margin-bottom: 12px; padding: 11px 10px; color: #3a3c41; font-weight: 400; border-radius: 4px; }
section.platform { padding: 20px 0; border-bottom: 1px solid #ddd; }
section.platform ul { text-align: center; }
section.platform .col-md-12 ul li { display: inline-block; margin: 0 19px; }
section.platform .col-md-12 ul li img { max-width: 100%; }
section.packages .content-price h2 { text-align: center; color: #000; font-size: 40px; }
section.packages .content-price p { text-align: center; margin-bottom: 20px; }
.pkge_content_new { padding: 0 14px; margin-bottom: 5px; margin-top: 10px; display: inline-block; width: 100%; min-height: 520px; }
.package_box:hover { box-shadow: 0px 0 32px #e7e7e7; }
span.readclick.active { font-size: 0; bottom: 0px; }
.readclick { padding: 5px 10px; line-height: normal; font-weight: 700; text-transform: uppercase; color: #ff8a8a !important; cursor: pointer; font-size: 14px; }
span.readclick.active:after { font-size: 14px; content: "Read Less"; }
.expandtext { display: none; }
.pad50 p { margin-top: 20px; }
.list-unstyled { padding-left: 0; list-style: none; }
section.section-categories { background-color: #f9f9f9 !important; text-align: center; padding: 30px 0; margin: 40px 0 60px; }
section.section-categories h3 { font-size: 40px; margin-bottom: 5px; }
section.section-categories ul { display: inline-block; width: 100%; }
section.section-categories ul li { font-size: 16px; width: 25%; display: inline-block; text-align: left; margin-top: 15px; }
section.section-categories ul li a { color: #3a3c41; text-decoration: none; }
.package-sec { margin-bottom: 30px; }
.package-sec h2 { text-align: center; font-size: 40px; }
.package-sec p { text-align: center; font-size: 16px; color: #000; margin-bottom: 14px; }
.tab-price ul.nav.nav-tabs { text-align: center; margin: 0 auto 30px; border: 0; display: block; }
.tab-price ul.nav.nav-tabs li { float: none; display: inline-block; }
.tab-price ul.nav.nav-tabs li.active a, .tab-price ul.nav.nav-tabs li:hover a { background: #003580 !important; color: #fff; }
.tab-price ul.nav.nav-tabs li a { padding: 10px 25px; margin: 0 4px; font-size: 16px; font-weight: 600; color: #474747; border-radius: 20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 2px solid; }
.tab-price ul.nav.nav-tabs li a { padding: 10px 25px; margin: 0 4px; font-size: 16px; font-weight: 600; color: #474747; border-radius: 20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 2px solid; }
.home-doctors { padding: 60px 0 60px; }
.portfolio-logo.slick-initialized.slick-slider button.slick-prev.slick-arrow { display: none !important; }
.portfolio-logo.slick-initialized.slick-slider button.slick-next.slick-arrow { display: none !important; }
.portfolio-logo.slick-initialized.slick-slider .inner-slide img { padding: 5px; }
.stationery-design.slick-initialized.slick-slider .inner-slide img { padding: 10px; }
.stationery-design.slick-initialized.slick-slider button.slick-prev.slick-arrow { display: none !important; }
.stationery-design.slick-initialized.slick-slider button.slick-next.slick-arrow { display: none !important; }
.ban-txt.txt-white h1, .ban-txt.txt-white h4 { color: #11073a; }
.ban-txt.txt-white h1, .ban-txt.txt-white h4 { color: #11073a; }
.sec-pad { padding: 50px 0; }
.noguttar { padding: 0px; }
.contact-form-container, .contact-info-container { padding: 35px 55px !important; min-height: 700px; }
.contact-form-container h4 { margin: 0 0 30px 0; font-size: 21px; color: #11073a; }
.contact-form-container { background: #fff; -webkit-box-shadow: -2px 4px 10px 0px rgba(0, 0, 0, 0.24); -moz-box-shadow: -2px 4px 10px 0px rgba(0, 0, 0, 0.24); box-shadow: -2px 4px 10px 0px rgba(0, 0, 0, 0.24); padding: 10px; }
.contact-form-container input[type="text"], .contact-form-container input[type="tel"], .contact-form-container select, .contact-form-container textarea { width: 100%; border: 1px solid #dadada; padding: 12px 25px; border-radius: 10px; margin: 10px 0; }
form input[type="text"], form input[type="email"], form input[type="url"], form input[type="tel"], form input[type="number"], form input[type="date"], form input[type="range"], form input[type="password"], form input[type="text"], form textarea { width: 100%; height: auto; border: 1px solid #dcdee4; background-color: #fff; margin-bottom: 12px; padding: 11px 10px; color: #3a3c41; font-weight: 400; border-radius: 4px; }
.contact-form-container textarea { height: 160px; resize: none; }
.contact-form-container input[type="submit"] { font-size: 20px; color: #fff; display: inline-block; padding: 15px 90px; background: #e80101; border-radius: 34px; font-weight: 500; text-transform: capitalize; border: none; float: right; width: 40%; }
form input[type="submit"] { padding: 12px 25px; background-color: #2196f3 !important; color: #fff !important; font-weight: 700; border: none; cursor: pointer; letter-spacing: 1px; width: 100%; border-radius: 50px; }
.contact-info-container { background: #11073a; }
.contact-info-container h4 { margin: 0 0 30px 0; font-size: 37px; font-weight: normal; }
.contact-info-container * { color: #fff; }
.contact-info-container h5 { margin: 24px 0 16px 0; font-size: 24px; font-weight: normal; }
.contact-info-container h5:after { width: 27px; height: 2px; content: ""; display: block; background: #fff; margin-top: 10px; }
ul.contact-social { padding-left: 0; }
.contact-social li { display: inline-block; margin-right: 6px; }
.contact-social li i { font-size: 22px; }
h4 { font-size: 21px; font-weight: 700; }
.banner { width: 100%; min-height: 180px; background-repeat: no-repeat; background-position: center top; background-image: url('img/banner.jpg'); background-size: cover; }
.banner { position: relative; background-image: url('images/section-3.jpg'); background-repeat: no-repeat; background-size: 100%; height: 250px; overflow: hidden; background-position: center center; }
.banner .overlay-inner-banner { position: absolute; background-color: rgb(0, 53, 127, 0.3); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; left: 0; right: 0; top: 0; bottom: 0; }
.banner .overlay-inner-banner h1 { color: #fff !important; text-transform: capitalize; font-size: 46px; font-weight: 700; text-align: left; padding: 0 0; margin-top: 0; }
.banner .overlay-inner-banner h3 { color: #fff !important; text-transform: capitalize; font-size: 21px; font-weight: 700; text-align: left; margin-top: 0; }
.slideBox.active { display: block; }
.webPortfolio { margin: 0px auto 100px; position: relative; height: 560px; }
.webSlider1 { background: url(../logotraffic-images/device2.png) no-repeat 0 0; width: 980px; height: 560px; margin: 0; padding: 32px 121px 0 124px; position: absolute; right: 50px; bottom: 0; z-index: 1; }
.mn-btn2 { display: inline-block; background: #00afff; padding: 19px 40px; font-weight: 700; font-size: 25px; color: #FFF; border-radius: 5px; box-shadow: 0px 2px 11px 1px #00000061; margin: 0 5px; transition: all 0.4s ease; }
.website-design.slick-initialized.slick-slider button.slick-prev.slick-arrow { display: none !important; }
.website-design.slick-initialized.slick-slider button.slick-next.slick-arrow { display: none !important; }
.webSlider3 { background: url(../logotraffic-images/device3.png) no-repeat 0 0; width: 148px; height: 304px; margin: 0; padding: 38px 9px 0 10px; position: absolute; left: 335px; bottom: 0; z-index: 3; }
.webSlider2 { background: url(../logotraffic-images/device1.png) no-repeat 0 0; width: 374px; height: 529px; margin: 0; padding: 48px 24px 0 24px; position: absolute; left: 85px; bottom: 0; z-index: 2; }
.slideBox.active { display: block; }
.slideBox { display: none; }

/*TABS*/
ul.tabs { padding: 7px 0; font-size: 0; margin: 0; list-style-type: none; text-align: left; }
ul.tabs li { display: inline; margin: 0; margin-right: 3px; }
ul.tabs li a { font: normal 12px Verdana; text-decoration: none; position: relative; z-index: 1; padding: 7px 16px; border: 1px solid #CCC; border-bottom-color: #B7B7B7; color: #000; background: #F0F0F0; border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; outline: none; }
ul.tabs li a:hover { border: 1px solid #B7B7B7; background: #E0E0E0; }
ul.tabs li.selected a { position: relative; top: 0px; font-weight: bold; background: white; border: 1px solid #B7B7B7; border-bottom-color: white; }
.banner-sec { height: 554px; position: relative; overflow: hidden; z-index: 1; }
.home-features { background-color: #e5e5e5; }
.ourBrands { position: relative; list-style: none; display: flex; text-align: initial; vertical-align: middle; font-size: 29px; color: #1d1d29; font-weight: 300; padding: 20px 0; line-height: 30px; }
.ourBrands .text-left { text-align: left; }
.ourBrands .first { width: 195px; padding-left: 0; font-weight: 500; }
.text-left { text-align: left; }
.ourBrands span { color: #003580; font-size: 29px; font-weight: 600; display: block; line-height: 42px; text-align: center; }
.ourBrands strong { color: #1d1d29; font-size: 12px; text-transform: uppercase; display: block; text-align: center; font-weight: 500; }
.ourBrands span b { font-weight: 600; }
.inner-content { width: 100%; margin: 40px auto 0; float: left; }
.inner-content h2 { color: #000; text-align: center; font-size: 38px; font-weight: 600; line-height: 49px; text-transform: capitalize; }
.inner-content p { text-align: center; color: #333333; font-size: 16px; margin-bottom: 20px; }
.portfolio.inner-page #portfolio-flters li { border-radius: 50px; }
.portfolio.inner-page #portfolio-flters li.filter-active { color: #ffffff; background: #00afff; border: 0px; }
.portfolio.inner-page #portfolio-flters li:hover { background: #00afff; color: #ffffff; border: 0px; }
section.testimonials { background-color: #ffffff; position: relative; z-index: 1; }
.testimonials { overflow: hidden; }
.section-padding-50 { padding: 60px 0 !important; }
.set-height { min-height: 250px; }
section.category-page { padding: 50px 0 0; }
section.category-page h2 { font-size: 40px; font-weight: 700; }
ul.portf-btm.dsply-inline { padding: 0; }
ul.portf-btm li { font-size: 25px; color: #333333; font-weight: 500; display: inline-block; }
section.category-page2 { padding: 50px 0; }
section.packages-logo { padding: 50px 0; }
section.packages-logo h2 { font-size: 40px; }
section.packages-logo h2 { text-align: center; }
p.pkg-tag { margin-bottom: 20px; text-align: center; }
.lead-f-c .formwrap { margin-top: 0; padding: 20px 25px; }
span.cta-call i.fa.fa-phone { color: #ffffff; padding: 0 15px; font-size: 26px; }

/*newspage*/
.news-content { background: #ffffff; box-shadow: 0px 0px 10px #cccccc; border-radius: 10px; }
.news-content .user-info img.user-avatar { height: 50px; width: 50px; border-radius: 50px; margin-top: -20px; }
.news-content img.img-fluid { max-height: 190px; object-fit: cover; }
.user-info { padding-left: 15px; }
.user-info h4.postuser { display: inline; font-size: 15px; font-weight: 700; padding-left: 6px; position: relative; top: 0px; }
.news-content .new-desc { padding: 20px 20px; }
.news-content .new-desc h4.news-title { margin-top: 0; font-size: 18px; font-weight: 700; color: #000; text-decoration: none; }
.news-content .new-desc p.news-detail { font-size: 16px; font-weight: 400; color: #6b6b6b; }
section.new-sec ul#portfolio-flters { padding: 20px; border-bottom: 1px solid #003580; }
section.new-sec ul#portfolio-flters li { cursor: pointer; display: inline-block; padding: 10px 14px; font-size: 14px; font-weight: 600; line-height: 1; color: #444444; transition: 0.3s; border: 1px solid #c4c4c4; border-radius: 50px; margin: 0px 5px; }
section.new-sec ul#portfolio-flters li.filter-active { color: #ffffff; background: #00afff; border: 0px; }
section.new-sec ul#portfolio-flters li:hover { background: #00afff; color: #ffffff; border: 0px; }
.leadform .formwrap { margin-left: 0px; }
.leadform .formwrap { margin-left: 0px; background: #ffffff; box-shadow: 0px 6px 10px #cccccc; }
.leadform .formhead h2 { color: #393939; }
.leadform .formwrap p { color: #000000; }
div#v-pills-home { display: flex; flex-wrap: wrap; }

/* Style the tab */
.tab { float: left; border: 1px solid #ccc; background-color: #f1f1f1; width: 20%;  /* height: 300px; */ }

/* Style the buttons inside the tab */
.tab button { display: block; background-color: inherit; color: black; padding: 22px 16px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 17px; text-transform: uppercase; }

/* Change background color of buttons on hover */
.tab button:hover { background-color: #ddd; }

/* Create an active/current "tab button" class */
.tab button.active { background-color: #ccc; }

/* Style the tab content */
.tabcontent { float: left; padding: 0px 12px;  /*border: 1px solid #ccc;*/ width: 80%; border-left: none;  /* height: 300px; */ }
.tabcontent { flex-wrap: wrap; justify-content: center; }
.logo-inner-col { margin: 20px; }
.tab button.active { background-color: #00afff; color: #ffffff; }
.tab button:hover { background-color: #00afff; color: #ffffff; }
.portfolio-item.filter-logo .tab button { padding: 10px 20px; }
.portfolio-item.filter-logo .tab { border: 0; background: #f5f5f5; box-shadow: 0px 6px 10px #cccccc; margin-top: 0px; border: 1px solid #cccccc; }
.portfolio .portfolio-item .portfolio-wrap:hover .portfolio-info { opacity: 1 !important; }
.logo-category.slick-initialized.slick-slider button.slick-prev.slick-arrow { display: none !important; }
.logo-category.slick-initialized.slick-slider button.slick-next.slick-arrow { display: none !important; }
.logo-category.slick-initialized.slick-slider img { padding: 20px; }
section.category-page2 p.last { color: #000000; }
section#portfolio .col-lg-12.col-md-12.portfolio-item.filter-logo { min-height: 680px; }
section#portfolio .col-lg-12.col-md-12.portfolio-item.filter-stationary { min-height: 860px; }
@media (min-width:1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1170px; }
}
section.category-page2 h2 { font-weight: 700; font-size: 30px; }
@media all and (max-width:1200px) {
  h1, h2, h3, h4, h5, h6 { font-size: 20px !important; }
  .home-banner h1 span { font-size: 30px !important; line-height: 1.2; }
  .formwrap { margin-left: 0; margin-top: 45px; }
  #header { display: flex; align-items: center; }
  a.nav-link.mx-2.dropdown-toggle { padding: 8px 0px; }
  .home-brands img { width: 100%; }
  .main-footer-area, .container-fluid.main-footer-area { padding: 40px 30px; }
  .cont-rea h3 { font-size: 15px !important; }

  /*.process-our .col-md-3 {width: 50%;}*/
  .footer-bottom-area { padding: 0; }
  section.about-page2 ul li { margin-right: 55px; }
  .ourBrands { justify-content: center; }
  .workflow_single_item.item01 { min-height: 340px; }
}
@media (max-width:767px) {
  .formwrap { display: none; }
  #header { height: 80px; }
  .container, .container-sm { max-width: 750px; }
  .header-top { display: none; }
  .special-packg-sec { background: #003580; height: auto; }
  .price { font-size: 50px; }
  h2.color-white { font-size: 30px !important; }
  .special-packg-sec h2 span { font-size: 20px; }
  .portfolio #portfolio-flters li { padding: 10px 10px; font-size: 13px; }

  /*section#portfolio {
    display: none;
  }*/
  .ho-works h3 { line-height: 30px; margin-bottom: 10px; }
  .ho-works h3, .professional-featred h3, .special-packg-sec h2 { font-size: 30px; }
  .pamyent { padding: 20px 0 !important; }
  .footer-bottom .footer-social-nav { float: none; margin: 0 auto; }
  .footer-bottom .footer-social-nav { padding: 0px; }
  .pamyent h2 { text-align: center; }
  .cont-rea { float: none !important; margin-top: 25px !important; }
  .footer-bottom-area p { display: block; width: 100%; font-size: 12px; margin-bottom: 0 !important; padding: 10px 0; text-align: center !important; }
  ul.toc-list { width: 100%; float: none; margin: 0 0 10px; text-align: center !important; }
  .special-packg-sec ul.check-ul li { font-size: 14px; font-weight: 400; }
  #header .logo img { width: 200px; }
  ul.navbar-nav.ms-auto { position: absolute; background: #ffffff; width: 100%; left: 0; z-index: 55; }
  section.about-page2 ul li { margin-right: 60px; width: 40%; }
  .ourBrands { display: flex; flex-direction: column; align-items: center; }
  .ban-txt li { font-size: 13px; }
  .webSlider2 { left: 60px; }
  .webSlider3 { left: 215px; }
  .portfolio-item.filter-logo .tab { display: none; }
  div#ArtLogo { width: 100%; }
  .portfolio #portfolio-flters { display: flex; flex-direction: column; }
  .portfolio #portfolio-flters li { margin: 5px 0; }
}
@media (max-width:500px) {
  section.about-page2 ul li { width: 100%; }
}

/*FAQ Section*/
section.faq-sec { padding: 70px 0px; }

/*.accordion-button::after {
content: '\F4FE';
font-family: 'bootstrap-icons';
font-size: 24px;
background: none !important;
}

.accordion-button:not(.collapsed)::after {
content: '\F2EA';
font-family: 'bootstrap-icons';
}*/

/*section.faq-sec h2#headingOne {font-size: 40px;font-weight: 700;}*/
section.faq-sec h2 button.accordion-button { font-size: 18px; color: #101018; }
.accordion { border: 1px solid #ffffff; }
.accordion-item { border-radius: 0px; border: 1px solid #cccccc38; margin-top: 10px; box-shadow: 0px 6px 10px #cccccc36; }
section.faq-sec .accordion-body p { font-size: 16px; color: #6b6b6b; }
.form-col { background: #001b42; padding: 50px; }
.form-col .formhead { color: #ffffff; }
.form-col .formhead h2 { color: #ffffff; }
.form-col .form-lead form input.form-control { padding-left: 20px; margin: 30px 0px; }
.form-col .form-lead form textarea.form-control { padding-left: 20px; }
.form-col .form-lead form input.form-control { height: 50px; padding-left: 20px; margin: 30px 0px; background: #00000000; border: 0px; border-radius: 0px; border-bottom: 1px solid #cccccc85; color: #ffffff; }
.form-col .form-lead form input.form-control:focus { outline: 0 !important; box-shadow: 0px 0px 10px #ffffff69; }
.form-col .form-lead form textarea.form-control { background: #00000000; border: 0; border-radius: 0px; border-bottom: 1px solid #cccccc85; color: #ffffff; margin-bottom: 25px; }
.form-col .form-lead form textarea.form-control:focus { outline: 0 !important; box-shadow: 0px 0px 10px #ffffff69; }
.form-col .form-lead form input::placeholder { color: #ffffff; }
.form-col .form-lead form textarea::placeholder { color: #ffffff; }
.form-col .form-lead input#quoteSubmit { background: #00afff !important; }
.form-col .form-lead input#quoteSubmit:hover { box-shadow: 0px 0px; }
.accordion-button:not(.collapsed) { background: #ffffff; }
.accordion-button:focus { box-shadow: 0px 0px; }

/*FAQ Section*/

/*Socail Media*/

.d-m-sec2 { padding: 80px 0px; }
section.d-m-sec2 .col1 p { font-size: 16px; font-weight: lighter; line-height: 33px; font-weight: 400; margin-bottom: 30px; color: #3e3632; width: 100%; text-align: justify; }
.logo-color-purple { color: #00afff; }
.icon-col img.img-fluid { width: 60px; height: 60px; }
.icon-col p.icon-txt { font-size: 13px; color: #000000; padding-top: 10px; line-height: 32px; }
section.digital-m-sec1 { background: url(/logotraffic-images/form-sec-bg.jpg) no-repeat; background-size: cover; background-position: center; }
.form-sec h3.sec-title { font-size: 48px; font-weight: 500; color: #ffffff; line-height: 76px; }
.form-sec p.sec-content { color: #ffffff; font-size: 20px; font-weight: 400; line-height: 33px; }
form.row.g-3.get-started-form input.form-control { background: #00000000; border-radius: 5px; padding: 12px 20px; color: #000; }
.digital-m-sec1 .get-started-form button.btn.btn-primary { background: none; color: #00afff; padding: 7px 51px; text-align: center; font-size: 20px; font-weight: 600; border-radius: 5px; border: 2px solid #00afff; margin-bottom: 20px; }
section.digital-m-sec2 { padding: 70px 0; }
section.digital-m-sec2 h2.sec-title { font-size: 57px; text-align: center; font-weight: 500; line-height: 76px; }
.icon-box p.icon-txt { font-size: 22px; line-height: 26px; padding-top: 10px; }
.digital-m-sec2 .icon-box img { width: 60px; height: 60px; }
.icon-col2 { display: flex; justify-content: space-between; padding-top: 20px; }
section.services-sec { overflow: hidden; }
section.services-sec { background: url(/logotraffic-images/services-sec-bg.png) no-repeat; background-size: cover; background-position: center; }
section.services-sec h2.sec-title { font-size: 57px; line-height: 76px; color: #ffffff; text-align: center; }
section.services-sec p.sec-cont-txt { color: #ffffff; text-align: center; line-height: 33px; font-size: 25px; font-weight: 400; }
section.services-sec.service-inner .ser-col { display: flex; align-items: center; }
section.services-sec.service-inner .ser-col { display: flex; align-items: center; }
a { color: #0691fc; text-decoration: none; transition: all 0.3s linear; }
.service-content { position: relative; }
.service-content .item-btn { display: flex; align-items: center; }
.service-content .item-btn h3 { color: #ffffff; transition: all 0.5s ease; }
.service-content .item-heading h3 { color: #ffffff; font-size: 34px; transition: all 0.5s ease; }
.service-content .item-txt p { color: #ffffff; font-size: 18px; line-height: 1.6; }
.d-marketing .service-content h1.strk-txt.mam { font-size: 60px; }
.d-marketing .service-content h1.strk-txt.orm { font-size: 50px; top: 140px; }
.d-marketing .service-content h1.strk-txt { color: #00000000 !important; -webkit-text-stroke: 1px #ffffff2e; font-size: 60px; transition: all 0.5s ease; transform: scale(1.2); position: absolute; right: -150px; top: 130px; }
.service-content .item-btn i.bi.bi-arrow-up-right { color: #ffffff; padding-left: 20px; transition: all 0.5s ease; }
.d-marketing .service-content h1.strk-txt { top: 130px; }
.d-marketing .service-content h1.strk-txt.strk-txt-left.smm { top: 140px; }
.item-img { position: relative; }
.item-img img { max-width: 400px; z-index: 14; position: relative; }
.item-img:after { content: ''; position: absolute; right: 0; bottom: 0; width: 200px; background: #fdae1e; height: 195px; border-radius: 0 0 30px 0; transition: all 0.1s linear; z-index: 5; }
.item-img:before { content: ''; position: absolute; left: 0; top: 0; width: 200px; background: #ffffff; height: 195px; border-radius: 30px 0 0 0; transition: all 0.1s linear; z-index: 5; }
section.services-sec.service-inner .row:hover .item-img:before { transform: translate(-18px, -15px); }
section.services-sec.service-inner .row:hover .item-img:after { transform: translate(18px, 15px); }
section.services-sec.service-inner .row:hover .service-content h1.strk-txt { -webkit-text-stroke: 1px #ffffff4f; font-size: 93px; transform: scale(1.3); }
.services .service-box.blue:hover { background: #2db6fa; }
.services .service-box.orange:hover { background: #f68c09; }
.services .service-box.green:hover { background: #08da4e; }
.services .service-box.red:hover { background: #e9222c; }
.services .service-box.purple:hover { background: #b50edf; }
.services .service-box.pink:hover { background: #f51f9c; }
.services .service-box:hover h3, .services .service-box:hover p, .services .service-box:hover .read-more { color: #fff; }
.services .service-box:hover .icon { background: #fff; }
section.services-sec .btn-explore-more:hover i { transform: translateX(5px); }
section.services-sec .btn-explore-more:hover { border-color: #ffffff; color: #3A2484; background: #ffffff; }

/* section.services-sec.service-inner .row:hover .item-img:before {transform: translate(-18px, -15px);} */
section.services-sec.service-inner .row:hover .service-content .item-heading h3 { color: #fdae1e; transform: translate(0px, -20px); }
section.services-sec.service-inner .row:hover .service-content .item-btn h3 { color: #fdae1e; transform: translate(0px, 20px); }
section.services-sec.service-inner .row:hover .service-content i.bi.bi-arrow-up-right { color: #fdae1e; transform: translate(0px, 20px); }
section.services-sec.service-inner .row:hover .service-content h1.strk-txt.strk-txt-left { transform: scale(1); }
section.services-sec.service-inner .row:hover .service-content h1.strk-txt.strk-txt-left.seo { font-size: 55px; top: 230px; }
section.services-sec.service-inner .row:hover .service-content h1.strk-txt.strk-txt-left.smm { font-size: 55px; top: 230px; }
section.services-sec.service-inner.d-marketing .row:hover .service-content h1.strk-txt.strk-txt-left.smm { top: 150px; }
section.services-sec.service-inner .row:hover .service-content h1.strk-txt.mam { font-size: 70px; }
.d-marketing .service-content h1.strk-txt.strk-txt-left.smm { top: 140px; }
.d-marketing .service-content h1.strk-txt.mam { font-size: 60px; }
section.services-sec.service-inner .row:hover .service-content h1.strk-txt.orm { font-size: 50px; }
section.d-m-service { padding: 60px 0px; }
.m-service h2.sec-title { font-size: 32px; line-height: 43px; }
.m-service p.sec-content { width: 85%; font-size: 18px; font-weight: 300; line-height: 33px; text-align: justify; color: #000; }
section.digital-m-sec1 { background: url(/logotraffic-images/form-sec-bg.png) no-repeat; background-size: cover; background-position: center; }
.form-sec h3.sec-title { font-size: 40px; font-weight: 500; color: #ffffff; line-height: 76px; }
.form-sec p.sec-content { color: #ffffff; font-size: 20px; font-weight: 500; line-height: 33px; }
form.row.g-3.get-started-form input.form-control { background: #00000000; border-radius: 5px; padding: 12px 20px; color: #000; }
.get-started-form button.btn.btn-primary { background: none;    /* padding: 10px 0; */ border-radius: 60px; border: 2px solid #FF2E5D; color: #FF2E5D; font-size: 20px; width: 100%; }
section.why-chose h2.sec-title { font-size: 57px; line-height: 76px; color: #ffffff; text-align: center; }
section.why-chose p.sec-cont-txt { color: #ffffff; text-align: center; line-height: 33px; font-size: 20px; font-weight: 400; }
section.why-chose .hding-box h4.b-txt { font-size: 22px; font-weight: 500; line-height: 30px; color: #fdae1e; text-align: center; margin: 0; }
section.why-chose .content-box p.cb-txt { font-size: 16px; line-height: 28px; font-weight: 300; color: #000000; margin: 0; }
section.why-chose .hding-box { background: #07c; padding: 15px 0; }
section.d-m-service .m-s-img { transform: scale(1.7); transform-origin: center left; }
section.why-chose .content-box { background: #ffffff; padding: 20px 50px; margin: 10px 0; }
section.why-chose .content-box { background: #ffffff; padding: 20px 50px; margin: 10px 0; }
section.why-chose { background: url(/logotraffic-images/d-marketing/why-chose-bg.png) no-repeat; background-size: cover; background-position: center; padding: 70px 0; }
section.schedule { padding-bottom: 180px; padding-top: 60px; }
section.schedule h3.sec-title { color: #242121; font-size: 44px; line-height: 76px; font-weight: 500; }
section.schedule p.sec-content { color: #242121; font-size: 20px; font-weight: 400; line-height: 33px; }
form.row.g-3.get-started-form input.form-control { background: #00000000; border-radius: 5px; padding: 12px 20px; color: #000; }
.get-started-form button.btn.btn-primary { background: none;    /* padding: 13px 0; */ border-radius: 60px; border: 2px solid #00afff; color: #fff; font-size: 12px; width: 100%; color: #00afff; }

/* ======SEO Section====== */
section.logo-design-sec { background: url(/logotraffic-images/services-sec-bg.png) no-repeat; background-size: cover; background-position: center; }
.logo-service h3 { color: #ffffff; font-size: 40px; text-align: center; line-height: 67px; }
form.row.g-3.get-started-form input.form-control { background: #00000000; border-radius: 5px; padding: 12px 20px; color: #000; }
.get-started-form button.btn.btn-primary { background: #00afff; padding: 7px 51px; color: #fff; text-align: center; font-size: 20px; font-weight: 600; border-radius: 5px; border: 2px solid #00afff; margin-bottom: 20px; }
.logo-ser-col1 { display: flex; align-items: center; }
.logo-servise-txt p { color: #ffffff; text-align: center; font-size: 18px; line-height: 37px; }
.logo-servise-txt p { color: #ffffff; text-align: center; font-size: 16px; line-height: 37px; }
.logo-ser-col4 .get-started-btn button.btn.btn-primary { background: no-repeat; border: 2px solid #E95A1A; border-radius: 50px; font-size: 20px; color: #E95A1A; padding: 12px 120px; }
section.d-m-sec2 p { font-size: 16px; font-weight: lighter; line-height: 33px; font-weight: 400; margin-bottom: 30; color: #3e3632; width: 100%; text-align: justify; }
.logo-service.seo-ser h3 { text-align: left; line-height: 57px; }
.logo-service.seo-ser .logo-ser-col1 { display: flex; align-items: flex-start; padding: 0; }
.logo-service.seo-ser .logo-ser-col1 p { text-align: left; font-size: 18px; margin-bottom: 20px; line-height: 1.8; }
.logo-service.seo-ser .logo-servise-txt img.seoimg1 { float: right; max-width: 651px; }
.logo-ser-col4 p { text-align: left; font-size: 18px; line-height: 1.8; margin-bottom: 30px; }
.ho-works.web-d-ser p.main-test-p.last { width: 72%; }
form input.error, form textarea.error { border: 1px solid #ff0000; }
.banner-form select { background: none; color: #fff; border: 0; border-bottom: 1px solid #ffffff; width: 100%; display: inline-block; resize: none; padding: 0px 5px 5px 5px; margin-bottom: 0; }
.banner-form select option { color: #000; }
.banner-form select:focus { outline: none; border-bottom: 2px solid #fff; }
.banner-form select { margin-bottom: 23px; }
.floatbutton .banner-form { background: #fff; padding: 20px 30px 20px 20px; position: relative; z-index: 9; border-radius: 5px 0 0 5px; margin: 0; width: 375px; display: inline-block; box-shadow: 0px 0px 30px #0000001f; }
.banner-form input::-webkit-input-placeholder, .banner-form textarea::-webkit-input-placeholder { color: #cbcbcb !important; font-weight: 500; font-family: 'Poppins', sans-serif; }
.banner-form input#app-email { background: none; }
.floatbutton .banner-form .intl-tel-input { width: 100%; }
.floatbutton .banner-form h3 { color: #000019; font-size: 28px; margin: 0px; font-weight: 600; padding-left: 30px; position: relative; text-transform: uppercase; line-height: 1; margin-bottom: 10px; }
.floatbutton .banner-form h3:before { content: ""; position: absolute; left: 0px; top: 0px; width: 5px; height: 85%; border-radius: 15px; background-color: #00afff; }
.floatbutton .banner-form h3 span { display: block; font-size: 20px; color: #00afff; font-weight: 700; padding: 0; }
.banner-form:placeholder { color: #cbcbcb; }
.blog-content img.blog-cont-img { margin: 40px 0; }
.blog-content p { font-size: 17px; color: #333333; font-weight: 400; line-height: 24px; margin: 20px 0px; }
.blog-content h4 { font-size: 30px; }
@media all and (max-width:1350px) {
  section.d-m-service .m-s-img { transform: scale(1.1); }
}

section.news-inner-sec ul li {
    color: #333333;
    list-style-type: disc;
}


section.news-inner-sec img.blog-inner-img {
    width: 60%;
    height: auto;
}

.blog-content h3 {
    text-transform: capitalize;
}
.t-contet {
    margin: 30px 0;
    background: #f9f9f9;
    padding: 20px 10px;
    /* border: 1px solid #aaaa; */
    box-shadow: 0 6px 10px #cccccc96;
}

.t-contet ol li {list-style-type: auto;}

.t-contet ul li a {
    color: #000000;
}

.t-contet ul li {
    font-size: 18px;
    padding-left: 10px;
}

.t-contet ul li p {
    font-size: 18px;
    padding: 10px 0;
    font-weight: 300;
}

.t-contet ul li::marker {
    content: '\F280 ';
    font-family: bootstrap-icons!important;
    font-size: 14px;
}

.t-contet .t-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.t-contet .t-head a {
    color: #000000;
}

.t-contet .t-head a i {
    font-size: 24px;
}
.t-contet .t-head h4 {
    margin: 0;
}