/*
Theme Name: Ahmed Sohail
Theme URI: https://ahmedsohail.com/
Author: Ahmed Sohail
Version: 2.0
Text Domain: ahmedsohail
*/

body {
    font-family: "Roboto", sans-serif !important;
	font-weight: 400;
	
}
h1 {
	font-family:'Archivo Narrow', sans-serif;
}
/* Mega Menu */
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item.getfree > a.mega-menu-link {
	border:1px solid #000 !important;
	background-color:#000;
	color:#fff;
	font-weight:bold !important;
	padding:0px 20px;
	border-radius:30px;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item.getfree > a.mega-menu-link:hover {
	border:1px solid #000;
	background-color:#fff;
	font-weight:bold;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {
	position:fixed;
	width:90%;
	margin-left:5%;
}
/* Home Page Sliders */
#homeSlider .carousel-inner .container {
	display:flex !important;
	height:300px !important;
	align-items: center;
	justify-content: center;		
}
#clientsSlider {
	align-items: center;
	justify-content: center;
	margin-top:0px;
	margin-bottom:0px;
	border-bottom:1px solid #e5e7eb;
}
.marquee {
  display: flex;
  block-size: var(--marquee-item-height);
  margin-block: var(--marquee-item-height);
  position: relative;
  overflow-x: hidden;
  mask-image: linear-gradient(
    to right,
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 80%,
    hsl(0 0% 0% / 0)
  );
}

.marquee--14 {
  --marquee-item-width: 160px;
  --marquee-item-height: 100px;
  --marquee-duration: 36s;
  --marquee-items: 14;
}

.marquee--8 {
  --marquee-item-width: 100px;
  --marquee-item-height: 100px;
  --marquee-duration: 36s;
  --marquee-items: 8;
}

.marquee--3 {
  --marquee-item-width: 150px;
  --marquee-item-height: 150px;
  --marquee-duration: 24s;
  --marquee-items: 3;
}

.marquee--6 {
  --marquee-item-width: 166px;
  --marquee-item-height: 100px;
  --marquee-duration: 32s;
  --marquee-items: 6;
}

.marquee__item {
  --marquee-item-offset: max(
    calc(var(--marquee-item-width) * var(--marquee-items)),
    calc(100% + var(--marquee-item-width))
  );
  --marquee-delay: calc(var(--marquee-duration) / var(--marquee-items) * (var(--marquee-items) - var(--marquee-item-index)) * -1);
  position: absolute;
  inset-inline-start: var(--marquee-item-offset);
  transform: translateX(-50%);
  animation: go linear var(--marquee-duration) var(--marquee-delay, 0s) infinite;
}

.marquee__item:nth-child(4n) {
  border-top-right-radius: 1rem;
}

.marquee__item:nth-child(4n + 1) {
  border-bottom-right-radius: 1rem;
}

.marquee__item:nth-child(4n + 2) {
  border-bottom-left-radius: 1rem;
}

.marquee__item:nth-child(4n + 3) {
  border-top-left-radius: 1rem;
}

.marquee--14 .marquee__item:nth-of-type(1) {
  --marquee-item-index: 1;
}
.marquee--14 .marquee__item:nth-of-type(2) {
  --marquee-item-index: 2;
}
.marquee--14 .marquee__item:nth-of-type(3) {
  --marquee-item-index: 3;
}
.marquee--14 .marquee__item:nth-of-type(4) {
  --marquee-item-index: 4;
}
.marquee--14 .marquee__item:nth-of-type(5) {
  --marquee-item-index: 5;
}
.marquee--14 .marquee__item:nth-of-type(6) {
  --marquee-item-index: 6;
}
.marquee--14 .marquee__item:nth-of-type(7) {
  --marquee-item-index: 7;
}
.marquee--14 .marquee__item:nth-of-type(8) {
  --marquee-item-index: 8;
}
.marquee--14 .marquee__item:nth-of-type(9) {
  --marquee-item-index: 9;
}
.marquee--14 .marquee__item:nth-of-type(10) {
  --marquee-item-index: 10;
}
.marquee--14 .marquee__item:nth-of-type(11) {
  --marquee-item-index: 11;
}
.marquee--14 .marquee__item:nth-of-type(12) {
  --marquee-item-index: 12;
}
.marquee--14 .marquee__item:nth-of-type(13) {
  --marquee-item-index: 13;
}
.marquee--14 .marquee__item:nth-of-type(14) {
  --marquee-item-index: 14;
}


.marquee--8 .marquee__item:nth-of-type(1) {
  --marquee-item-index: 1;
}

.marquee--8 .marquee__item:nth-of-type(2) {
  --marquee-item-index: 2;
}

.marquee--8 .marquee__item:nth-of-type(3) {
  --marquee-item-index: 3;
}

.marquee--8 .marquee__item:nth-of-type(4) {
  --marquee-item-index: 4;
}

.marquee--8 .marquee__item:nth-of-type(5) {
  --marquee-item-index: 5;
}

.marquee--8 .marquee__item:nth-of-type(6) {
  --marquee-item-index: 6;
}

.marquee--8 .marquee__item:nth-of-type(7) {
  --marquee-item-index: 7;
}

.marquee--8 .marquee__item:nth-of-type(8) {
  --marquee-item-index: 8;
}

.marquee--3 .marquee__item:nth-of-type(1) {
  --marquee-item-index: 1;
}

.marquee--3 .marquee__item:nth-of-type(2) {
  --marquee-item-index: 2;
}

.marquee--3 .marquee__item:nth-of-type(3) {
  --marquee-item-index: 3;
}

.marquee--6 .marquee__item:nth-of-type(1) {
  --marquee-item-index: 1;
}

.marquee--6 .marquee__item:nth-of-type(2) {
  --marquee-item-index: 2;
}

.marquee--6 .marquee__item:nth-of-type(3) {
  --marquee-item-index: 3;
}

.marquee--6 .marquee__item:nth-of-type(4) {
  --marquee-item-index: 4;
}

.marquee--6 .marquee__item:nth-of-type(5) {
  --marquee-item-index: 5;
}

.marquee--6 .marquee__item:nth-of-type(6) {
  --marquee-item-index: 6;
}

@keyframes go {
  to {  
    inset-inline-start: calc(var(--marquee-item-width) * -1);
  }
}
.carousel-indicators button {
	opacity:1;
	background-color:#000 !important;
	width:1rem !important;
	height:1rem !important;
}
.fps-content h1{
	font-size:2.25rem;
	font-weight:bolder;
}
.fps-content p{
	font-size:1.3rem;
}
.fps-text-300 {
	font-weight:300;
	font-size:1rem !important;
}
.fps-card {
	border-color:#000 !important;
	border-radius:0 !important;
}
.fps-card .card-header {
	background-color:#000;
	border-radius:0 !important;
	font-size:1.4rem;
	font-weight:400;
}
.fps-card .card-header strong {
	color:#fff;
	font-size:1.4rem;
	font-weight:400;
}
#bpoc-tabs {
	border:2px solid #efefef;
}
#bpoc-tabs button {
	background-color:#fff !important;
	border:2px solid #efefef;
	border-bottom:2px solid #efefef;
	text-align:left;
	font-size:1rem;
	color:#767575;
	font-weight:300;
	padding:0;
	
}
#bpoc-tabs button span {
	display:flex;
	float:left;
	border-top:2px solid #efefef;
	border-bottom:2px solid #efefef;
	width:calc(100% - 32px);
	padding:12px 0px;
	margin-top:-2px;	
	margin-bottom:-2px;
}
#bpoc-tabs button span.lb,
#bpoc-tabs button span.rb{
	width:18px;
	border:0;
	border-left:2px solid #efefef;
	margin-top:12px;
	margin-left:-2px;	
}
#bpoc-tabs button span.rb{
	border:0;
	border-right:2px solid #efefef;
	margin-left:0;	
	margin-right:-2px;	
}
#bpoc-tabs button.active,
#bpoc-tabs button:hover {
	border-color:#000;
	color:#000;
}
#bpoc-content h3 {
	font-size:1.25rem;
}
.fpvs .imgbox {
	display:none !important;
	background-color:#000;
	width:100%;
	max-width:200px;
	margin:auto;
	margin-bottom:1rem;
}
.fpvs .cpmp {
	display:inline-block;
}
.fpvs .cpmp h3 {
	background-color:#000;
	color:#fff;
	padding:.75rem 2rem;
	font-size:1.5rem;
}
.fpvs .cpmp span{
	display:block;
	border-top:5px solid #000;
	width:150%;
	margin-left:-25%;
	float:left;
}
.fpvs p {
	font-size:1rem;
	font-style:italic;
	margin-bottom:1.5rem;
}
.fpvs p em{
	font-weight:bold;
	text-align:right;
}
.fpvs .client {
	margin-bottom:0.5rem;
}
.fpvs .client p {
	font-size:1.125rem;
	margin-bottom:0rem;
	font-style:normal;
}
.fpvs-nav {
	margin-top:1rem;
	margin-bottom:0;
}
.fpvs-nav button{
	width:1.5rem !important;
	height:0.5rem !important;
}
.tns-outer {
	[data-action] { display:none !important; }
}

#ots-tabs {
	border-right:1px solid #abb8c3;
}
#ots-tabs button {
	margin:0;
	font-size:1.25rem;
	padding:0.75rem 2rem;
	border:0;
	text-align:left;
	background-color:#fff;
	border-bottom-left-radius:2rem;
	border-top-left-radius:2rem;
	border:1px solid #fff;
	border-right:0;	
}
#ots-tabs button.active {
	margin-right:-2px;
	background-color: #cff4fc;
	background-image: linear-gradient(90deg, #cff4fc , #fff);
	border:1px solid #abb8c3;
	border-right:0;		
	font-weight:bold;
}
.fp-ots-btn {
	display:block;
	border:1px solid #f3f4f5;
	text-align:center;
	background-color:#f3f4f5;
	margin-bottom:1.5rem;
	text-decoration:none;
	font-size:1rem;
	color:#000;
	padding:0.75rem 1.5rem;
	border-radius:2rem;
	background-repeat:no-repeat;
	background-position:1.5rem center;
	background-size:1.5rem;
}
.fp-ots-btn:hover {
	box-shadow: 0px 2px 7px 2px rgba(140,153,102,0.5);
	-webkit-box-shadow: 0px 2px 7px 2px rgba(140,153,102,0.5);
	-moz-box-shadow: 0px 2px 7px 2px rgba(140,153,102,0.5);
	background-color:#000;
	border-color:#000;	
	-webkit-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
    transition: all 1000ms linear;	
	background-color:#fff !important;
	border-color:#fff !important;
	-webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
}
.fp-ots-btn.html{background-image: url("assets/ots/icon/html.png");}
.fp-ots-btn.js{background-image: url("assets/ots/icon/JS.png");}
.fp-ots-btn.angular{background-image: url("assets/ots/icon/angular.png");}
.fp-ots-btn.vuejs{background-image: url("assets/ots/icon/vuejs.png");}
.fp-ots-btn.react{background-image: url("assets/ots/icon/react.png");}

.fp-ots-btn.net{background-image: url("assets/ots/icon/net.png");}
.fp-ots-btn.cpp{background-image: url("assets/ots/icon/cpp.png");}
.fp-ots-btn.csharp{background-image: url("assets/ots/icon/csharp.png");}
.fp-ots-btn.java{background-image: url("assets/ots/icon/java.png");}
.fp-ots-btn.node-js{background-image: url("assets/ots/icon/node-js.png");}
.fp-ots-btn.objective-c{background-image: url("assets/ots/icon/objective-c.png");}
.fp-ots-btn.pythan{background-image: url("assets/ots/icon/pythan.png");}
.fp-ots-btn.php{background-image: url("assets/ots/icon/php.png");}
.fp-ots-btn.ror{background-image: url("assets/ots/icon/ror.png");}

.fp-ots-btn.flutter{background-image: url("assets/ots/icon/flutter.png");}
.fp-ots-btn.android{background-image: url("assets/ots/icon/android.png");}
.fp-ots-btn.apple{background-image: url("assets/ots/icon/apple.png");}

.fp-ots-btn.aws{background-image: url("assets/ots/icon/aws.png");}
.fp-ots-btn.docker{background-image: url("assets/ots/icon/docker.png");}
.fp-ots-btn.jenkin{background-image: url("assets/ots/icon/jenkin.png");}
.fp-ots-btn.kubernets{background-image: url("assets/ots/icon/kubernets.png");}
.fp-ots-btn.anisible{background-image: url("assets/ots/icon/anisible.png");}

.fp-ots-btn.wp{background-image: url("assets/ots/icon/wp.png");}
.fp-ots-btn.magento{background-image: url("assets/ots/icon/magento.png");}
.fp-ots-btn.drupal{background-image: url("assets/ots/icon/drupal.png");}

.fp-ots-btn.selenium{background-image: url("assets/ots/icon/selenium.png");}
.fp-ots-btn.mt{background-image: url("assets/ots/icon/mt.png");padding-left:2.75rem;}
.fp-ots-btn.hdev{background-image: url("assets/ots/icon/hdev.png");padding-left:2.75rem;}

.oexp-box {
	background-color:#fff;
	box-shadow:0px 2px 12px 0px rgba(0,0,0,0.2);
	border-radius:12px;
	padding:1rem;
	
}
.oexp-box:hover {
	background-color:#332d2d;
	-webkit-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
    transition: all 1000ms linear;	
}
.oexp-box:hover h3,
.oexp-box:hover p {
	color:#f8f9fa;
}
.oexp-box h3 {
	font-size:1.5rem;
	text-align:center;
}
.oexp-box p {
	margin-bottom:0;
}
#faq-list .accordion-button {
     margin-left: 0;
}
#faq-list .accordion-button:focus {
	box-shadow: none;
}
#faq-list .accordion-button:after {
	order: -1;
	margin-left: 0;
	margin-right: 0.75em;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center right;
	transition: transform 0.2s ease-in-out;
}
#faq-list .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3e%3c/svg%3e");
}
#faq-list .accordion-body p,
#faq-list .accordion-body ul.abul li{
	font-size:0.875rem;
	margin-bottom:0;
}
#faq-list .accordion-button:not(.collapsed) {
	color:#fff;
	background-color:#747678;
}
.fpbp {
	background-color:#fff;
	border:1px solid #efefef;
	width:100%;
	padding:1rem;
}
.fpbp .title {
	font-weight:bold;
	color:black;
	display:block;
	width:100%;
	text-decoration:none;
	padding:.5rem 0;
	font-size:1rem;
}
.fpbp p {
	font-size:1rem;
}
/* Footer Style */
.footer_col h3{
	font-family: "Archivo Narrow", sans-serif;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	font-size:1.3rem;
	line-height:1.5rem;	
}
.footer_col a{
	display: block;
	color: #ffffff;
	text-decoration:none;
}
.footer_col a:hover {
	text-decoration:underline;
}
.as_hr {
	background-color:#ffffff;
	height:1px;
}
.socialicons {
	display:block;
}
.socialicons a {
	display:inline-block !important;
	font-size:1.4rem !important;
	color:#000000;
	background-color:#ffffff;
	width:2.5rem;
	height:2.5rem;
	line-height:2.5rem;
	text-align:center;
	border-radius:50%;
	margin-right:.5rem;
}
.footer_col a span {
	display:inline-block;
	width:1.5rem;
}
#gfcForm {
	width:100%;
}
#gfcForm .offcanvas-header {
	margin-top:0.75rem;
}
#gfcForm .offcanvas-header .offcanvas-title {
	margin-left:1rem;
	text-transform:uppercase;
	font-size:1.5rem;
}
#gfcForm .offcanvas-header button.btn-close {
	--bs-btn-close-opacity:1;
	background-size:1.5rem;
	margin-right:1rem;
}
#gfcForm .gfcbox {
	border-right:3px solid #efefef;
}
#gfcForm .gfcbox p{
	font-size:1.1rem;
	margin:0;
	padding:.5rem;
	color:#fff;
}
#gfcForm .gfcbox p a{
	color:#fff;
	text-decoration:none;
	padding-left:1rem;
}
#gfcForm .fcpop{
	background-color:#000;
	border:0;
	border-bottom:3px solid #fff;
	border-radius:0;
	color:#fff;
}
#gfcForm .btn-fcpop {
	border-radius:0;
	padding:.5rem 2rem;
	float:right;
	font-size:1rem;
	text-transform:uppercase;
}
#gfcForm .wpcf7-not-valid-tip {
	display:none !important;
}
#gfcForm .wpcf7-response-output {
	margin:0 !important;
	margin-top:.5rem !important;
	background-color:#efefef;
	border:0;
}
#gfcForm .selected-dial-code {
	color:#fff;
}
#gfcForm .form-control::placeholder {
	color:#fff !important;
	opacity:0.8;
 }
#gfcForm .form-control:-ms-input-placeholder,
#gfcForm .form-control::-ms-input-placeholder {
	color:#fff !important;
	opacity:0.8;
 }
#gfcForm .gfcbox p a:hover{
	text-decoration:underline;	
}
.pg-title {
	margin:0;
	font-weight:bold;
}
.pg-txt-1 {
	font-size:1.25rem;
}
#contact-us .form-control {
	border-radius:0 !important;
	border-bottom:2px solid #000;
}
#contact-us input.btn-fcpop {
	background-color:#000;
	text-transform:uppercase;
	color:#fff;
	border-radius:0;
	float:right;
	padding:.5rem 2rem;
}
#contact-us input.btn-fcpop:hover {
	background-color:#efefef;
	color:#000;
	border-color:#000;
}
#contact-us .wpcf7-not-valid-tip {
	display:none !important;
}
#contact-us .wpcf7-response-output {
	margin:0 !important;
	margin-top:.5rem !important;
	background-color:#efefef;
	border:0;
}
.pg-asilogo {
	width:70%;
	margin:0 auto;
}
.timeline {
	display:block;
	width:100%;
}
.timeline .tl-box {
	width:100%;
	display:grid;
}
.timeline .tl-badge {
	display:inline-block;
	margin:0 auto;
	background-color:#000;
	padding:0.4rem;
	width:3rem;
	height:3rem;
	text-align:center;
	color:#fff;
	font-size:1.5rem;
	z-index:999;
	border-radius:50%;
}
.timeline .tl-panel {
	width:50%;
	float:left;
	border-right:2px solid #000;
	padding-bottom:1.5rem;
	margin-top:-1rem;
}
.timeline .tl-panel h4,
.timeline .tl-panel p{
	display:block;
	background-color:#fff;
	padding:1rem;
	padding-left:2rem;
	margin:0;
}
.timeline .tl-panel h4{
	z-index:999;
	font-size:1.25rem;
}
.timeline .tl-panel p{
	padding-top:0;
	margin:0;
	margin-top:-2px;
}
.timeline .tl-box.tl-odd .tl-panel {
	margin-left:50%;
	border-left:2px solid #000;
	border-right:0;
}
.ab-us {
	margin:0 1rem;
	padding:2rem;
	background-color:#fff;
}
.ab-us:hover {
	background-color:#332d2d;
	color:#fff;
	-webkit-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
    transition: all 1000ms linear;	
	
}
.sub-para{
	font-size:1.5rem;
}
.subs-form .emaillist #ixkr.es-form-field-container{
	border:0;
	padding:0;
	max-width:250px;
	margin:0 auto;
	margin-bottom:1.5rem;
}
.subs-form .emaillist #ixkr.es-form-field-container .gjs-row,
.subs-form .emaillist #ixkr.es-form-field-container .gjs-row .gjs-cell
{
	margin-bottom:0 !important;
}
.subs-form .emaillist #ixkr .es-email,
.subs-form .emaillist #ixkr .gjs-cell input{
	width:100% !important;
	border-radius:0 !important;
	border:1px solid #000;
	background-color:#fff;
	padding:0.25rem 1rem;
}
.subs-form .emaillist #ixkr .gjs-cell input[type=submit]{
	background-color:#000;
}
.blog-box {
	background-color:#f8f9fa;
	border:1px solid #efefef;
	height:100%;
	margin:1rem;
	margin-bottom:0;
	padding:1rem;
	padding-bottom:0;		
}
.bb-img {
	overflow:hidden;
	display: flex;
	align-items: center;
	width:100%;
	margin-bottom:0.5rem;
}
.bb-img img {
	width:100%;
	height:auto;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);	
}
.blog-box:hover .bb-img img {
	-webkit-filter: grayscale(0);
    filter: grayscale(0);	
	-webkit-transition: all 2s linear;
    -ms-transition: all 2s linear;
    transition: all 2s linear;	
}

.bb-pub {
	text-align:right;
}
.bb-tit {
	display:inline-block;
	color:#000;
	text-decoration:none;
	font-size:1.25rem;
	font-weight:bold;
	line-height:1.5rem;
	margin-bottom:0.5rem;
}
.bb-txt {
	margin-bottom:0.5rem;
}
.bb-rm {
	text-decoration:none;
	color:#000;
	font-size:1.25rem;
}	
.as_pagination {text-align:center;padding-top:1rem;}
.page-numbers {display:inline-block;
	padding:.25rem 1rem;
	text-decoration:none;
	font-size:1.5rem;
	border:1px solid #000;
	color:#fff;
	background-color:#000;
}
span.page-numbers {
	color:#000;
	background-color:#fff;
}
a.page-numbers:hover {
	color:#000;
	background-color:#efefef;
}
#crumbs {
	display:block;
	text-align:right;
	color:#fff;
	font-size:0.875rem;
	padding-top:0.5rem;
	padding-right:1rem;
}
.bg-light #crumbs,
.bg-light #crumbs a {
	color:#000;
}	
#crumbs a{
	color:#fff;
	text-decoration:none;	
}
.pg-top-cu {
	background-color:#fff;
	padding:1rem;
}
.pg-top-cu h3 {
	display:block;
	text-align:center;	
	font-size:1.5rem;
	margin-bottom:0.5rem;
}
.pg-cards {
	width:100%;
	height:100%;
	background-color:#f8f9fa;
	border:1px solid #efefef;
	padding:1rem;
	text-align:center;
	-webkit-transition: all 1s linear;
    -ms-transition: all 1s linear;
    transition: all 1s linear;		
}
.pg-cards h3{
	font-size:1.25rem;
}
.pg-cards p{
	text-align:left;
	margin-bottom:0;
}
.pg-cards:hover {
	color:#fff;
	background-color:#000;	
}
.pg-hire-btn {
	display:inline-block;
	border:2px solid #000;
	border-radius:1.25rem;
	padding:.25rem 1.25rem;
	text-decoration:none;
	color:#000;
	font-size:1.125rem;
	-webkit-transition: all 1s linear;
    -ms-transition: all 1s linear;
    transition: all 1s linear;		
	
}
.pg-hire-btn.wh {
	border-color:#fff;
	color:#fff;
	background-color:#000
}
.pg-hire-btn:hover {
	background-color:#000;
	color:#fff;
}
.pg-hire-btn.wh:hover {
	background-color:#fff;
	color:#000;
}
.pg-hire-btn.t-sm {
	padding:.5rem 1.25rem;
	font-size:1rem;
	min-width:80%
}
.pg-hire-btn.w25hp {
	border-color:#000;
	max-width:200px;
}
#ots-tabs.pg-nt-w button {
	background-color:transparent;
	border-color:transparent;
}
#ots-tabs.pg-nt-w button.active {
	border-color:#abb8c3;
	background-color:#cff4fc;
	background-image: linear-gradient(90deg, #cff4fc , #f8f9fa);	
}
.pg-ulli li{
	letter-spacing:1px;
	font-size:1rem;
	list-style:disc;
	margin-bottom:0.25rem;
}
.pg-leu-logo {
	width:96%;
}
#pgSlider button.carousel-control-prev,
#pgSlider button.carousel-control-next {
	background-color:#000;
	opacity:1;
	width:5%
}
.pgsl-bq {
	background-color:#fff;
	padding:1.5rem 2.75rem 1rem;
	background-image:url("assets/img/bq32.png");
	background-repeat:no-repeat;
	background-size:24px;
	background-position:1rem 1.25rem;
	border-radius:1rem;
}
.seo-lovedby h2{
	font-size:1.75rem;
	margin-bottom:1rem;
}
.seo-lovedby .obx{
	padding-top:.25rem;
}
.seo-lovedby h3{
	font-size:1.25rem;
	line-height:.25rem;
}
.seo-lovedby p{
	line-height:normal;
	padding-top:.25rem;
}
.seo-lovedby table th
{
	font-size:1.25rem;
}
.seo-lovedby .obx table{
	width:100%;
}
.carousel-tabs {
	text-align:center !important;	
}
.carousel-tabs button{
	margin:.25rem;
	margin-bottom:0;
	border:0;
	border-bottom:3px solid transparent;
	background-color: transparent;
	padding:0.5rem 1rem;
	background-color:#fff;
}
.carousel-tabs button:hover{
	border-bottom:3px solid #ccc;
}
.carousel-tabs button.active{
	border-bottom:3px solid #000;
}
#pgSliderSeo button.carousel-control-prev, 
#pgSliderSeo button.carousel-control-next {
	background-color:rgb(7,6,5);
	opacity:1;
	width:5%;
}
#pgSliderSeo .carousel-inner.pg320 {
	height: 320px;
	overflow: hidden;
}
#pgSliderSeo .carousel-inner.pg370 {
	height: 370px;
	overflow: hidden;
}
#pgSliderSeo h2 {
	font-size:1.25rem;
}
.pgVoSL,
.pgVoSR {
	display:block;
	width:100%;
	color:#fff;
	text-align:center;
	font-size:1.5rem;
	text-decoration:none;
	border-right:2px solid #fff;
	padding:5rem 0;
	background-image:none;
	background-repeat:no-repeat;
	background-size:2rem;
	background-position:left 0 center;	
}
.pgVoSR {
	border-right:0;
	border-left:2px solid #fff;
	background-position:right 0 center;
}
.pgVoSL:hover {
	background-image:url("assets/img/arow-left.png");
}
.pgVoSR:hover {
	background-image:url("assets/img/arow-right.png");
}
.bg-ac-subtle .accordion-button:not(.collapsed) {
  background-color: #ced4da;
  color:#495057;
  outline:none;
}
.bg-ac-subtle .accordion-button:focus {
	box-shadow: none;
}

.pg-pops h2{
	display:inline-block;
	width: 100px;
    height: 100px;
	font-size:2rem;
	text-align: center;
	line-height:100px;
	border-radius:50%;
	margin:0 auto;
	margin-bottom:1rem;
}
.pg-pops h2 span{
	font-size:1.5rem;
}
.pg-pops p{
	padding:0 10%;
	margin-bottom:0;
}
.pg-cards.bg-wb {
	background-color:#fff;
}
.pg-cards:hover {
	color:#fff;
	background-color:#212529;
}
.tm-wb .tl-panel h4,
.tm-wb .tl-panel p {
	background-color:#f8f9fa;
}
.blog-img{
	border:1px solid #ccc;	
	overflow:hidden;
}
.blog-img img{
	width:100%;
}
.blog-post {
	margin:1rem;
	margin-top:2rem;
}
.blog-post p {
	font-size:1.125rem;
}
ol.commentlist {
	list-style:none;
	padding:0;
}
ol.commentlist li .comment-author img{
	margin-right:1rem;
}
ol.commentlist li .comment-author {
	font-size:1.5rem;
	font-weight:bold;
	margin-bottom:.5rem;
}

ol.commentlist li .comment-meta a{
	font-size:1.25rem;
	text-decoration:none;
	line-height:2rem;
	color:#26282d;	
}	
ol.commentlist li .comment-meta a:hover{
	text-decoration:underline;
}
ol.commentlist li .comment-body {
	font-size:1.25rem;
}
ol.commentlist li .comment-reply-link {
	border:1px solid #000;
	display:inline-block;
	padding:.5rem 2rem;
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
}
ol.commentlist li .comment-reply-link:hover {
	color:#fff;
	background-color:#000;
}
.comment-form-wrap{
	background-color:#f8f9fa;
	padding:1.5rem;
}
.comment-form-wrap h3{
	font-size:1.5rem;
}
.comment-form-wrap input,
.comment-form-wrap textarea
{
	border-bottom:1px solid #ccc;
	border-radius:0 !important;
}
.comment-form-wrap input[type=submit]{
	background-color:#000;
	color:#fff;
	border:1px solid #000;
}
.blog-sb h3 {
	font-size:1.25rem;
}
@media (max-width: 767.98px) { 
	#homeSlider .carousel-inner .container {
		height:520px !important;
	}
	.fps-card {
		margin-bottom:.5rem;
	}
	.fps-card .card-header{
		padding:.25rem .5rem;
	}
	.fps-card .card-header strong {
		font-size: 1rem;
	}
	.fps-card .card-body {
		padding:.5rem;
	}		
	.fps-card .card-body h3{
		margin-bottom:0rem;
		font-size:1.25rem;
	}
	.fps-content h1	{
		font-size:2rem;
	}
	.pg-top-cu {
		border:1rem solid #000;
		border-bottom:0;
	}
	.np-sm-0 {
		padding-left:0;
		padding-right:0;
	}
	.np-sm-0 #pgSlider
	{
		padding-left:1rem;
		padding-right:1rem
	}
	.bg-light .pg-top-cu {
		border-color:#f8f9fa;
	}
	.bg-black .pg-leu-logo {
		width:60%;
	}
	.timeline .tl-box {
		border-bottom:1px solid #000;
	}
	.timeline .tl-box:last-child {
		border-bottom:0;
	}
	.timeline .tl-badge {
		border-radius:0;
		margin:0;
		margin-left:calc(100% - 3rem);
	}
	.timeline .tl-panel {
		width:100%;
		margin-top:0;
	}
	.timeline .tl-box.tl-odd .tl-badge {
		margin-left:0;
	}
	.timeline .tl-box.tl-odd .tl-panel {
		width:100%;
		margin-left:0;
	}
	.ab-us {
		margin:0;
		margin-bottom:1rem;
	}
	.col-blog {
		margin-bottom:2rem !important;	
	}
	.pgVoSL {
		padding:1.5rem 1rem;
		font-size:1.25rem;
		text-align:right;
		border-bottom:1px solid #fff;
	}
	.pgVoSR {
		padding:1.5rem 1rem;
		font-size:1.25rem;
		text-align:left;
	}
	.pg-pops {
		margin-bottom:1rem !important;
	}
	.pg-pops:last-child{
		margin-bottom:0 !important;
	}
	.col-12:has(.pg-cards) {
		margin-bottom:1rem !important;		
	}
	.col-12:has(.pg-cards):last-child {
		margin-bottom:0 !important;		
	}
	.col-12:has(.tab-content) {
		padding-top:1rem !important;		
	}
	.col-12:has(.pg-cards):last-child {
		padding-top:0 !important;		
	}
	.col-12:has(#pgSlider) {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.col-12:has(#pgSlider) #pgSlider {
		padding-left:1rem;
		padding-right:1rem
	}	
	#pgSSeo button {
		width:80%;
		margin-bottom:.25rem;
	}
	#pgSliderSeo button.carousel-control-prev, #pgSliderSeo button.carousel-control-next {
		opacity:.5;
	}
	#pgSliderSeo .carousel-inner{
		height:auto !important;
	}
	#pgSliderSeo section.container {
		margin-bottom:0 !important;
	}
	#pgSliderSeo .carousel-inner .carousel-item .col-12 {
		padding-left:1rem;
		padding-right:1rem;		
	}
	
}