/*

██████╗ ██╗██╗  ██╗ █████╗ ██╗    ██╗ ██████╗ ██╗     ███████╗
██╔══██╗██║╚██╗██╔╝██╔══██╗██║    ██║██╔═══██╗██║     ██╔════╝
██████╔╝██║ ╚███╔╝ ███████║██║ █╗ ██║██║   ██║██║     █████╗  
██╔═══╝ ██║ ██╔██╗ ██╔══██║██║███╗██║██║   ██║██║     ██╔══╝  
██║     ██║██╔╝ ██╗██║  ██║╚███╔███╔╝╚██████╔╝███████╗██║     
╚═╝     ╚═╝╚═╝  ╚═╝╚═╝  ╚═╝ ╚══╝╚══╝  ╚═════╝ ╚══════╝╚═╝     
Wildest Creative Designs
http://pixawolf.rf.gd
pixawolf@gmail.com

*/


.orange-gradient-text {
  color: #f3904f; /* fallback for browsers that don't support background-clip */

  background-image: linear-gradient(to right, #3b4371, #f3904f);
  background-clip: text;
  -webkit-background-clip: text;

  color: transparent;
  -webkit-text-fill-color: transparent;
}


.orangetxt {
	color: #f56a15 !important;
}

.bluetxt {
	color: #084678 !important;
}


.dark #copyrights, #copyrights.dark {
    color: rgb(255 255 255);
    background-color: var(--cnvs-footer-bg);
}



		.block-sticky-cards .content-wrap,
		.block-sticky-cards .section { overflow: visible; }

		.block-sticky-cards .sticky-section + .sticky-section {
				margin-top: 5vh;
			}

			/* Sticky cards to be slideable on both desktop and mobile */
			.block-sticky-cards .sticky-section {
				--sticky-top-gap: 30px;
				position: -webkit-sticky;
				position: sticky;
				z-index: 2;
				top: calc(80px + var(--sticky-top-gap));
			}

			.block-sticky-cards .sticky-section + .sticky-section {
				margin-top: 20vh;
			}


		
		
		
		
.bg-card {    
    background-color: #d3dded !important;
}


.bg-card-back {    
    background-color: #5d6a81 !important;
}


.flip-card-front::after, .flip-card-back::after {
  opacity: 0;
}


.bannerimg {
    background-image: url(../ptc_images/top_banner.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    background-size: 100% auto;
}


.page-title {
	
	border: none !important;
	height: 300px;
}


.banner-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.banner-divider svg {
    position: relative;
    display: block;
    width: 100%;
    height: 217px;
    transform: rotateY(180deg);
}

.banner-divider .shape-fill {
    fill: #FFFFFF;
}


.logotxt {
    font-size: small;
    width: 50%;
    padding-left: 10px;
	font-weight: bold;
}


#logo {
	max-width: 90%;
}

#logo a {
	width: 50%;
}


.lead {
  font-size: 1.35rem;
  font-weight: 300;
}


.cardflex {

    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #121b5b !important;

}




.flipicon {

    color: #121b5b !important;
    padding-right: 20px;

}




li::marker {
  color: #084678;
}


bg-primcolor {
	
	background-color: #084678 !important;
}

/* Features Box... */


.feature-box {
  --cnvs-featured-box-icon: 3rem;
  padding-bottom: 40px;
}

.feature-box-border-vertical .feature-box { position: relative; }

.feature-box-border-vertical .feature-box:not(.noborder)::before,
.feature-box-border-vertical.border-hover-animate .feature-box:not(.noborder)::after {
    content: "";
    position: absolute;
    top: calc(65px + -9px);
    left: 47px;
    width: 3px;
    height: calc(100% - 60px);
    background-color: #084678;
    z-index: 0;
}

.feature-box-border-vertical.border-hover-animate .feature-box:not(.noborder)::after {
	background-color: #084678;
	height: 0;
	transition: height .3s ease-in-out;
}

.feature-box-border-vertical .feature-box:nth-child(1):not(.noborder)::before { background-color: #084678; }

.feature-box-border-vertical.border-hover-animate .feature-box:hover:not(.noborder)::after { height: calc(100% - 90px); }

.feature-box-border-vertical .fbox-icon i,
.feature-box-border-vertical .fbox-border.fbox-light .fbox-icon i {
	line-height: 50px;
    font-size: 18px;
    z-index: 1;
    text-align: center;
}


.fbox-icon i, .fbox-icon img {
    border-radius: 50%;
    background-color: #084678 !important;
}


.fbox-icon {
    width: calc(var(--cnvs-featured-box-icon) + var(--cnvs-featured-box-padding-x) * 2);
    height: var(--cnvs-featured-box-icon);
    padding: 0 var(--cnvs-featured-box-padding-x);
}


a.listlink {
  color: #084678 !important;  
}

a.listlink:hover {
  color: #1abc9c !important;
}




.block-testimonials-3,
.block-testimonials-3 h1, .block-testimonials-3 h2,
.block-testimonials-3 h3, .block-testimonials-3 h4,
.block-testimonials-3 h5, .block-testimonials-3 h6,
.block-testimonials-3 p, .block-testimonials-3 a {
	font-family: 'Inter', sans-serif !important;
}

.block-testimonials-3 .swiper-slide {
	width: 100%;
	padding: 15px 0;
}

.block-testimonials-3 .testimonial-grid {
	 column-count: 3;
    column-gap: 0;
}

.block-testimonials-3 .testimonial-col {
	border: 1px solid #EEEEEE;
	border-radius: 4px;
	padding: 30px;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);
	background: #ffffff;

	 display: inline-block;
    width: 100%;
    margin: 0 0 30px;
    break-inside: avoid;   /* Prevent breaking a card between columns */
    -webkit-column-break-inside: avoid; /* Safari/Chrome */
    -moz-column-break-inside: avoid;    /* Firefox */
}

.block-testimonials-3 .testimonial-col p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 20px;
}

.block-testimonials-3 .swiper-scrollbar {
	width: 6px;
	right: 10px;
	top: 0;
	bottom: 0;
	position: absolute;
	background: rgba(0,0,0,.06);
}



.block-testimonials-3 .swiper {
	position: relative;
}

.block-testimonials-3 .swiper-wrapper {
	position: relative;
}

.testimonialtitle {
	border-bottom: 1px solid ;
  border-bottom-width: 1px !important;
  color: #084678 !important;
    
}


@media (max-width: 767px) {
	.block-testimonials-3 .testimonial-grid {
		 column-count: 1;
	}
}

.testimonial-col {
	flex: 0 0 33.3333%;
	max-width: 90%;
}

@media (max-width: 767px) {
	.testimonial-col {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
		

		
.hwfix {

	height: 500px !important;
	width: 50% !important;
}

.bltick {
	width: 40px;
	height: 40px;
	font-size: 32px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	color: #084678;
}

.numlist {
  list-style: none;
  counter-reset: item;
  padding-left: 0;
}

.numlist li {
  position: relative;
  counter-increment: item;
  padding-left: 1.5em;
  margin-left: 2.1em;
  margin-bottom: 3px;
}

.numlist li::before {
  content: counter(item) ") ";
  position: absolute;
  left: 0;
}

.txtu {
	text-decoration: underline;
}

.iflex {
	display: inline-flex;
	
}

.policyitms {
	padding-left: 35px;
}


.tick-list {
  list-style: none;
  padding-left: 0;
}

.tick-list li {
  position: relative;
  padding-left: 2.1em;  /* space for icon */
  margin-bottom: 3px;
  margin-left: 2.3em;
}

.tick-list li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;  
  color: #084678;
  position: absolute;
  left: 0;
  top: 0;
}


.title-bottom-border::after,.title-bottom-border::before {
    display: none
}

.title-bottom-border .h1,.title-bottom-border .h2,.title-bottom-border .h3,.title-bottom-border .h4,.title-bottom-border .h5,.title-bottom-border .h6,.title-bottom-border h1,.title-bottom-border h2,.title-bottom-border h3,.title-bottom-border h4,.title-bottom-border h5,.title-bottom-border h6 {
    width: 100%;
    padding: 0 0 var(--cnvs-fancy-title-padding);
    border-bottom: calc(var(--cnvs-fancy-title-border-size) * 2) solid #084678;
}

.dash-list {
  list-style: none;
  padding-left: 0;
}

.dash-list li {
  position: relative;
  padding-left: 3.2em;
  margin-bottom: 3px;
}

.dash-list li::before {
  content: "-";
  position: absolute;
  left: 0;
  color: #ffffff;
}


.bg-blue {
	--bs-bg-opacity: 1;
    background-color: #084678 !important;
}


.bulletlist li {
  position: relative;
  margin-left: 3.2em;
  margin-bottom: 3px;
}


.bannerh2 {
	position: relative;
    z-index: 99;
    margin-top: 105px;
}


	.milliontxt {
		line-height: 1.15 !important;
		letter-spacing: -1px !important;
		color: #084678 !important;
	}

@media (max-width: 2560px) {
	
	#content {
		/*padding-top: 50px;*/
	}
	
	.banner-divider svg {
		height: 250px;
	}
	
	.page-title {
		height: 350px;
	}
	
	.page-title-content {
		width: 60%;
	}
	
	.bannerh2 {
		width: 60%;
		margin-top: 195px;
		
	}
	
	.bannerh2 h2 {
		font-size: xx-large;
	}
	
	.milliontxt {
		line-height: 1.15;
		letter-spacing: -1px;
		color: #084678;
		font-size: 45px !important;
	}
	
}


/* 4K and Above.... */
@media (min-width: 1441px) {
	.curved-banner h1 {
	    line-height: 60px;
	  }
}


@media (max-width: 1440px) {
	
	#content {
		/*padding-top: 50px;*/
	}
	
	.banner-divider svg {
		height: 250px;
	}
	
	.page-title {
		height: 350px;
	}
	
	.page-title-content {
		width: 60%;
	}
	
	.bannerh2 {
		width: 60%;
		margin-top: 195px;
		
	}
	
	.bannerh2 h2 {
		font-size: xx-large;
	}
	
}



@media (max-width: 1024px) {
	
	#content {
		/*padding-top: 140px;*/
	}
	
	
	.banner-divider svg {
		height: 100px;
	 }
	
	.page-title {

		height: 350px
	}
	
	.page-title-content {
		width: 50%;
	}
	
	.bannerh2 {
		margin-top: 250px;
		width: 50%;
	}
	
  .bannerh2 h2 {
	font-size: xx-large;
  }
  
  .milliontxt {
	  font-size: 35px !important;
  }
	
}


@media (max-width: 900px) {
  #content {
    /*padding-top: 180px;*/
  }

}


@media (max-width: 768px) {
  #content {
    /*padding-top: 120px;*/
  }

  .banner-divider svg {
    height: 100px;
  }

  .page-title {
    height: 120px;
  }
  
  .page-title-content {
		width: 100%;
	}
  
  .bannerh2 {
	margin-top:100px;
	width: 100%;
  }
  
  .bannerh2 h2 {
	font-size: large;
  }
  
  .milliontxt {
	  font-size: 25px !important;
  }
}

@media (max-width: 425px) {
	.block-sticky-cards .sticky-section {
	    --sticky-top-gap: -30px;
	    position: -webkit-sticky;
	    position: sticky;
	    z-index: 2;
	    top: calc(30px + var(--sticky-top-gap));
	  }
}

@media (max-width: 375px) {
	#logo {
		max-width: 80%;
	}
	
	.logotxt {
		font-size: 10px;
	}
}

@media (max-width: 320px) {
	#logo {
		max-width: 80%;
	}
	
	
	.logotxt {
		font-size: 8px;
	}
}


.blueclr {
	color: #084678 !important;
}

.menu-link {
	letter-spacing: 1px !important;
    color: #000000;
    font-size: 0.75rem;
    font-weight: bold;
}


.lead {
	font-size: 1.6875rem;
	font-weight: 300;
}

.h3txt {
	font-size: 1.625rem !important;
}

.cardtxt {
	color: #121b5b !important;
}


.flip-card-inner ul {
	padding-left: 1em;
    margin-left: 0;
}


.flip-card-inner ul {
}
.flip-card-inner ul li {
    font-size: 1rem;
	padding-left: 0;
    margin-left: 0;
}


/* WIX Style Curved Banner final fixed version... */

    .curved-banner {
      position: relative;
      height: 350px;
      width: 100%;
      background: url('../ptc_images/top_banner.jpg') no-repeat right top;
      background-position: right 20px;	/* Nudge picture a little to adjust the pot place */
      background-size: cover;
      background-attachment: fixed;
      overflow: hidden;
      margin-bottom: 19px;
    }

    .curved-banner h1 {      
      font-size: 60px;
      font-family: 'Merriweather', serif !important;
      position: absolute;
      bottom: 30px;
      left: 10%;
      color: #084678;
      margin: 0;
      z-index: 2;
      max-width: 45%;
    }

    .bnrh {
    	font-family: 'Merriweather', serif !important;
    }

    .curved-divider {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 200px;
      background: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 100 1920 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1920 300v-4.067c-455.162 0-690.876-51.203-1082.65-129.288C490.044 97.423 0 100.013 0 100.013V300h1920z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat;
      background-size: 100% 100%;
      z-index: 1;
    }

    .content {
      position: relative;
      margin-top: -80px;
      padding: 90px 20px 40px;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
      z-index: 2;
    }

    .content h2 {
      color: #1a2b56;
      font-size: 2em;
      margin-bottom: 20px;
      text-align: center;
    }

    .content p {
      font-size: 1.05em;
      line-height: 1.5;
      color: #333;
      margin-bottom: 20px;
      text-align: justify;
    }

    .mgtm4 {
			  margin-top: 0 !important;
			}

			.arrowhide {
				display: inline-block;
			}

			.deskwoman {
			  background: #ffffff url('../one-page/images/page/developer.svg') no-repeat 103% -3px / auto 75%;
			  padding: 100px 0 180px;
			  height: 784px;
			}

			.deskpic {
				display: none;
			}

			.picpos {
				margin-top: -71px;
				transform: translateY(-200px);
			}

			.hmain {
				font-size: 58px !important;
				line-height: 1.15 !important;
			  letter-spacing: -1px !important;
			  color: #084678 !important;
			}

			.wptc {
				margin-top: 0;
			}

			.padexpptc {
				padding-top: 60px;
			}

			.bnrh {
				display: none;
			}

			.colpadt {
				padding: 4rem;
			}

			.colpadb {
				padding: 4rem;
			}

    /* Breakpoints */
    @media (max-width: 1440px) {
    	.curved-banner {
    		 background-position: right 20px;	/* Nudge picture a little to adjust the pot place */
    	}
      .curved-banner h1 {
        font-size: 52px;
        left: 10%;
        line-height: 50px;
      }
    }

    @media (max-width: 1024px) {
    	.curved-banner {
    		 background-position: right 100px;	/* Nudge picture a little to adjust the pot place */
    	}
      .curved-banner h1 {
        font-size: 44px;
        left: 8%;
        line-height: 50px;
      }
    }

    @media (max-width: 768px) {

    	.curved-banner {
    		height: 230px;
    		background-position: right 0;
    		/* Background position as fixed does not work well on lower screens */
    		background-attachment: scroll;
			}

      .curved-banner h1 {
        font-size: 36px;
        left: 6%;
        bottom: 35px;
        max-width: 90%;
        line-height: 35px;
      }

      .curved-divider{
      	height: 130px;
      }
      
      .content {
        margin-top: -60px;
        padding: 70px 20px 30px;
      }

      .mgtm4 {
			  margin-top: -4rem !important;
			}

			.arrowhide {
				display: none;
			}

			.deskwoman {
				/* Hide the desktop woman on mobile */
				background: transparent;
				height: 640px;
			}

			.deskpic {
				display: block;
			}

			.padexpptc {
				padding-top: 20px;
			}

			.logotxt{
				display: none;
			}

			#logo a {
				width: 100%;
			}

    }

    @media (max-width: 425px) {
    	.curved-banner {
    		height: 120px;
    	}
    	.curved-divider {
    		height: 90px;
    	}
      .curved-banner h1 {
        display: none;
      }

      .picpos {
      	margin-top: -45px;
      }

      .wptc {
      	margin-top: -140px;
      }

      .padexpptc {
      	padding-top: 0;
      }

      .bnrh {
      	display: block;
      	color: #084678;
				font-size: 2em;
				text-align: center;
				margin-top: -20px;
				line-height: 40px;
      }

      .deskwoman {
			  padding: 70px 0 180px;
			}

			.colpadt {
				padding-top: 1.5rem;
			}

			.colpadb {
				padding-bottom: 1.5rem;
			}
    }

    @media (max-width: 375px) {
      .curved-banner h1 {
        display: none;
      }

      .hmain {
      	font-size: 45px !important;
      }
    }

    @media (max-width: 320px) {
      .curved-banner h1 {
        display: none;
      }
    }



  .btn-hover-blue {
    background-color: #084678;
    transition: background-color 0.3s ease;
  }

  .btn-hover-blue:hover {
    background-color: #0A5899;
  }

.flipcardtxt {
    top: 40px;
    padding: 0;
    text-align: left;
}


  .btn-outline-thm {
    color: #121b5b;
    border: 2px solid #121b5b;
    background-color: transparent;
    transition: background-color 0.3s ease, color 0.3s ease;
  }

  .btn-outline-thm:hover {
    background-color: #1a2a7f;
    color: white;
    border-color: #1a2a7f;
  }

  .mt-md-5 {
    margin-top: 1rem !important;
  }

.mbh3 {
	   margin: 0 0 5px 0;
}

.padhiw{
		 padding-bottom: 30px;
}

.more-link {
	font-family: var(--cnvs-primary-font);
}


#gotoTop:hover {
    background-color: #0A5899;
}


ul.dashlist {
  list-style: none;
  padding-left: 1em;
}

ul.dashlist li {
	position: relative;
  margin-left: 3.1em;
  margin-bottom: 3px;
}

ul.dashlist li::before {
  content: "-"; /* Use - as bullet list */
  margin-right: 0.5em;
}