
      
		<!-- End CTA -->


     100
     75
     50

?>


body,p{font-size:16px!important;}  
h1{font-size:70px!important;}
h2{font-size:36px!important;}
h3{font-size:24px!important;}
h4{font-size: 16px!important;}
h5{font-size:16px!important;}
h6{font-size:14px!important;}
.large_para{font-size:18px!important;}  
body{font-family:'Playwrite DE Grund',sans-serif !important}
h1,h2,h3,h4,h5,h6{font-family:'Roboto',sans-serif !important}
 
.home .desktop-menu a, .home .desktop-menu a:visited, .home .desktop-menu li.menu-item-has-children > a::after {color:#ffffff!important;}
.home .desktop-menu a:hover, .home .desktop-menu a:active, .home .desktop-menu a:focus, .home .desktop-menu .current-menu-item a, .home .desktop-menu li.menu-item-has-children > a:hover::after, .home .desktop-menu li.menu-item-has-children.current-menu-item > a::after { color:#ffffff!important;}
.sub_heading_style{color:#80af81 !important}  
h2{color:#000000 !important}
h2.white_color{color:#ffffff !important}


<!--  Section Space --> 
section { position: relative !important;z-index: 9 !important;}
section {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  position: relative;
  z-index: 9;
  padding-left: 20px;
  padding-right: 20px
}

.button,
.button:visited,
.light .button,
.light .button:visited,
.lighter .button,
.lighter .button:visited {
  font-size: 14px !important;
  background: url('https://custom-template.staging2.tokig.site/wp-content/uploads/white-arrow.png') !important;
  background-color: #1e73be !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat !important;
  border: 1px solid transparent !important;
  padding: 13px 50px 13px 40px; margin-bottom:0px;
}

.button:hover,
.button:focus,
.button:active,
.light .button:hover,
.light .button:focus,
.light .button:active,
.lighter .button:hover,
.lighter .button:focus,
.lighter .button:active {
  background-color: #000000 !important;
  background-position: right 15px center !important;
  background-repeat: no-repeat !important;
  color: #ffffff  !important;
  border: 1px solid transparent !important;
}


a.button.second_btn {
  background-color: rgba(30,115,190,0) !important;
  border-color: #ffffff !important;
  border: 1px solid;
  color: #ffffff !important;
}

a.button.second_btn:hover {
  background-color: #000000 !important;
  border-color: transparent !important;
}

.btn_space_top,
.display_flex_none {
  margin-top: 40px !important;
}

<!--  Gradient CTA Style --> 

.btn {  
  padding: 14px 40px;
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: var(--white) !important;
 
    border: 0; 
    transition: 0.3s ease;padding: 10px 40px;
 } 
 
 .btn{font-size: 14px !important; 
    transition: 0.3s ease;padding: 14px 40px !important;
 box-shadow: 0 1rem 1.25rem 0 rgba(214,239,216,0.31), 0 -0.25rem 1.5rem #00000000 inset, 0 0.75rem 0.5rem rgba(255, 255, 255, 0.4) inset, 0 0.25rem 0.5rem 0 #20900000 inset;
  border-radius:25px!important; }
   
.btn:hover {background-position: right center; color: var(--white);}
.btn-hover{ background-image: linear-gradient(to right, rgb(30,115,190), rgb(80,141,78), rgb(30,115,190));}

  <!-- Hero gradient color set -->
   .section-hero .archive-hero__decoration {
	 width: 100%;
	 height: 100%;
	 mix-blend-mode: normal;
	 position: absolute;
	 opacity: 0.5;
	 z-index: 2;
	 left: 0;
	 top: 0;
}


.section-hero .section-hero__decoration-start{
	 position: absolute;
	 display: block;
	 width: 100%;
	 height: 100%;	
	 opacity: 0.75;
	 z-index: 2;
	 left: 0;
	 top: 0;
	 pointer-events: none;background:linear-gradient(180deg, rgb(30,115,190) 0%, rgba(0, 0, 0, .001) 69.66%)!important;;
}
.btn_space_top.display_flex_none.between_space {gap: 20px;}
.section-hero .section-hero__decoration-end {
	 position: absolute;
	 display: block;
	 width: 100%;
	 height: 100%;
	 mix-blend-mode: normal;
	 opacity: 0.75;
	 transform: rotate(-180deg);
	 z-index: 2;
	 left: 0;
	 top: 0;
	 pointer-events: none;background:linear-gradient(178deg, rgb(0,0,0) 0%, rgba(0, 0, 0, .001) 85%)!important;
}


@media only screen and (max-width:767px){
    section{padding-top:50px !important;padding-bottom:50px !important;}
     body,p{font-size:12px!important;}  
    h1{font-size:26px!important;}
    h2{font-size:24px!important;}
    h3{font-size:17px!important;}
    h4{font-size:14px!important;}
    h5{font-size:14px!important;}
    h6{font-size:14px!important;}
    a.button,a{font-size:px!important;} 
    .large_para{font-size:px!important;}  
	.btn_space_top,.display_flex_none { margin-top:20px !important;} 
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
	section{padding-top:75px !important;padding-bottom:75px !important; position: relative;z-index: 9;}
    body,p{font-size:14px!important;}  
    h1{font-size:45px!important;}
    h2{font-size:28px!important;} 
    h3{font-size:22px!important;}
    h4{font-size:16px!important;}
    h5{font-size:14px!important;}
    h6{font-size:14px!important;}
    a.button,a{font-size:px!important;} 
    .large_para{font-size:px!important;}  
	.btn_space_top,.display_flex_none {margin-top:30px !important;} 
}

 .hero-content__info.hero-content__info-left p{font-size:18px!important;}  
.main-footer i.fa{color:rgb(128,175,129)!important}
.main-footer i.fa:hover{color:rgb(255,255,255)!important} 


ul#footer-menu a,.contact-info-content a, footer.main-footer p{color:#ffffff}
footer.main-footer h5{color:#ffffff}
.team_wrap {position: relative}

.team_wrap:before,
.swiper-wrapper_remove .team_wrap .elementor-icon-box-icon{
    background:rgb(128,175,129)}