/*custom css*/

/*privacy policy ahref color*/
#sp-component > div > div.article-details > div:nth-child(5) > p:nth-child(1) > a { color:#fff !important;}

body > div.offcanvas-menu.border-menu.center-alignment.text-center > div.d-flex.align-items-center.p-3.pt-4 > div > a > img{
  display:none;
}

font-family: "Font Awesome 5 Free";

.article-details .article-ratings-social-share {
    display: none !important;
}
/* ======= Cookiebot ========*/
h2#CybotCookiebotDialogBodyContentTitle {
    color: #7260E0; 
    padding: 0 0 10px 0; 
}  

a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll.CybotCookiebotDialogBodyButton {
  float:right;
  background:#7260E0;
  border:#7260E0 2px solid;
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection.CybotCookiebotDialogBodyButton {
  float:left;
  background: #7260E0;
  border:#7260E0 2px solid;
}

.tauri-cookiesettings {
    color: white;
    background-color:#4e0f84;
    padding: 10px 14px 10px 14px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    position: fixed;
    bottom:0px;
    font-size: 16px;
    left: 30px;
    cursor: pointer;
    -webkit-transition: .75s;
    -moz-transition: .75s;
    transition: .75s;
    z-index: 9999;
}


@media(max-width:767px) {
    #sp-header .logo a {
        font-size: 27px !important;
    }
	.innovating-cookiesettings {
	    padding: 6px 8px 6px 8px;
	    border-top-left-radius: 10px;
	    border-top-right-radius: 10px;
	    position: fixed;
	    bottom:0px;
	    font-size: 12px;
	    left: 30px;
	}
	#sp-component > div > div.article-details{
        padding: 50px 0px 50px 0px;
    }
}
@media(max-width:500px){
    a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll.CybotCookiebotDialogBodyButton {
    	float:none;
    }
    a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection.CybotCookiebotDialogBodyButton {
    	float:none;
    }
} 

/* ======= END Cookiebot ========*/
.logo-image { padding-top:20px;}

.offcanvas{
  position: initial;
  visibility: visible;
  color: #D4D4D4 !important;
  background-color: transparent; 
  font-size: 40px;
  margin-top: 24px;
}
div.offcanvas-menu > div.offcanvas-inner > div.sp-module > div > ul > li.active > a{
  color:#714199!important;
}

.burger-icon>span {
   background-color: #D4D4D4; 
   height: 5px;
}

#sp-section-1 {margin-top:-47px !important;}
body {
    background-color: #714199;
    color:white;
}

#sp-component > div > div.article-details{
     padding: 150px;
     max-width:1650px;
     margin: 0 auto; 
}

.sp-scroll-up{ 
  color:white!important;
  bottom:90px;  
}

.container {
    max-width: 100%;
    padding: 0px 40px;
}

#sp-header { 
  	box-shadow:none !important;
  	background:transparent;
}

#sp-header .logo a {
    color: #D4D4D4 !important;
    font-size: 40px;
    margin-top: 10px;
}

#offcanvas-toggler-right > .fa {
    color: #D4D4D4 !important;
    font-size: 40px;
    margin-top: 24px;
    font-weight: 900;
}

/*
*
*Intro Section Style
*
*/
.catmedia-introtext{
    font-size: 108px;
    font-weight: bold;
  	margin-top:330px;
  	line-height:100px;
    font-family: "Segoe UI";
  	margin-left: 55px;
  	width:100%;
}
.catmedia-intro-image{
  float:right;
  margin-top:80px;
  margin-right:-100px;
}

.catmedia-bottom-border{
   content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 100%; /* Change this to whatever width you want. */
    /*padding-top: 50px; This creates some space between the element and the border. */
    border-bottom: 1px solid #414141; /* This creates the border. Replace black with whatever color you want. */
}
.catmedia-grid-number{
    padding: 60px 60px 37px 60px;
    margin-left: 18px;
}
#sp-position1 > div > div > div > div > div:nth-child(4){
  	/*padding-bottom:228px;*/
  	padding-bottom:155px;
}
.catmedia-grid-number > .col-xl-3 > .catmedia-grey-number{
  	color:#A5A5A5;
  	font-size:62px;
  	font-weight:bold;
    font-family: "Segoe UI";
}
.catmedia-black-subtitle-text{
  	color:#141414;
  	font-size:32px;
  	margin-top:-24px;
  	font-weight:bold;
}

.innovation-bottom-border {
    content: ""; /*This is necessary for the pseudo element to work.*/ 
    display: block;  /*This will put the pseudo element on its own line.*/ 
    margin: 0 auto;  /*This will center the border. */
    width: 90%; /* Change this to whatever width you want. */
   	padding-top: 50px;  /*This creates some space between the element and the border. */
    /*border-bottom: 1px solid #414141;  This creates the border. Replace black with whatever color you want. */
}

.catmedia-maincontent-title h2{
    font-family: "Segoe UI";
    text-align: left;
    font-weight: bold;
    /*font-size: 64px;*/
  	font-size: 54px;
  	color:#714199;
  	padding-left:40px;
    /*margin-top: 72px;
    margin-bottom: 57px;*/
   	margin-top: 38px;
    margin-bottom: 35px;
    margin-left: 42px;
}
}

/* Styles for the contact section */
.catmedia-right-border{
   border-right:1px #ffff solid;
}

#sp-position2{
    border-right:1px #ffff solid;
    /*height: 649px;*/
    align-items: center;
    display: flex;
}


#sp-position3 {
    padding-left: 50px;
}
#I\ want\ to\ talk\ about{
  	margin-bottom:37px;
}
.catmedia-contact > p {
    font-size: 70px;
    font-weight: bold;
    color: #fff;
    padding-left: 45px;
    padding-right: 50px;
  	/*margin-top:200px;*/
  	margin-left: 21px;
}

.second-p-text-contact > p {
    color: #A7A7A7;
    font-size: 19px;
    padding-left: 45px;
    padding-right: 28px;
}
.catmedia-rights-footer{
  	font-size:17px;
  	font-weight:bold;
}
#sp-footer .container-inner{
    padding-top:100px;
    border-top:0px;
}
.catmedia-rights-footer{
  	color:#ffff !important; 
  	margin-left:40px;
}
.catmedia-white-link{
	color:#ffff !important;  
}
.catmedia-white-link-policy{
	color:#ffff !important;
  	text-decoration: underline;
    margin-right:40px;
}

#sp-footer ul.menu {
   display:table-caption;
}
.offcanvas-active .offcanvas-overlay {
  opacity:0;
}

.fa.fa-close:before, .fa.fa-remove:before{
  color:white;
}

.catmedia-rights-footer > p.text-right{
  margin-right: 50px;
  float: right;
}

/*==== Media Queries =====*/

/* Media Query for the Contact Section **/
@media (max-width: 1573px) and (min-width:1574px) {
.catmedia-contact > p{
    	padding-left:0;
    	/*margin-top:167px;*/
    	font-size:75px;
  }
}

@media (max-width: 1573px) and (min-width:1300px) {
 	.catmedia-introtext{
    	padding-bottom:50px;
    	text-align: left;
    	margin-left:0;
    	font-size:87px;
  }
    .catmedia-contact > p{
    	padding-left:0;
    	/*margin-top:167px;*/
    	font-size:50px;
  }
  
}
@media (max-width: 1299px) and (min-width:1260px){
 	 .catmedia-introtext{
    	padding-bottom:50px;
    	text-align: left;
    	margin-left:0;
    	font-size:80px;
  }
  .catmedia-contact > p{
    	padding-left:0;
    	/*margin-top:167px;*/
    	font-size:40px;
  }
}
@media (max-width: 1299px) and (min-width:1211px){ 
	  .catmedia-contact > p{
    	padding-left:0;
    	/*margin-top:167px;*/
    	font-size:40px;
  }
}
@media (max-width: 1260px) {
    .section {
        position: relative;
        top: 50%;
        transform: perspective(1px) translateY(-51%);
    }
   #sp-position2 {
        /*border-right: none;*/
        height: auto;
    }
  .catmedia-intro-image{
    	float:right;
  }
  .catmedia-introtext{
    	padding-bottom:50px;
    	text-align: left;
    	margin-left:0;
    	font-size:80px;
  }
  #sp-component > div > div.article-details{
       padding: 100px 60px 100px 60px;
  }

  .sp-scroll-up{
    bottom:90px; 
    right: 20px;
}
}

@media (max-width: 1212px) and (min-width:1198px){ 
	.catmedia-introtext{
    	margin-top:330px !important;
     	text-align:left !important;
  }
}
@media (max-width: 1210px) and (min-width:989px){
  #sp-position1 > div > div > div > div > div:nth-child(4) { padding-bottom:108px !important;}
  .catmedia-maincontent-title h2{
    	text-align:center;
    	margin-left:0;
    	padding-left:0;
    	margin-top:30px;
  }
  .catmedia-contact > p{
    	padding-left:0;
    	/*margin-top:167px;*/
    	font-size:40px;
  }
   .catmedia-intro-image{
    	float:left;
  }
  .catmedia-grid-number{
    	padding:0px 0px 0px 0px;
    	text-align:center;
    	margin:0 auto;
    	
  }
  .innovation-bottom-border {
  		width:100% !important;
  }
  .catmedia-intro-image{
    	float:none;
   		text-align: center;
    	margin: auto;
    	display: block;
  }
   .catmedia-introtext{
    	margin-top:133px;
     	text-align:center;
  }
}

@media (max-width: 992px) and (min-width:767px) {
    .catmedia-contact > p{
        margin-top:-100px;
    	padding-left:0;
    	padding-bottom:30px;
      	font-size:40px;
  }
   #sp-position2 {
        border-right: none;
        height: auto;
    }
   .catmedia-grid-number{
    	padding:0px 0px 0px 0px;
     	text-align:center;
     	margin:0 auto;
  }
  .innovation-bottom-border {
  		width:100% !important;
  }
   .catmedia-maincontent-title h2{
    	text-align:center;
    	margin-left:0;
    	padding-left:0;
     	margin-top:30px;
  }
    .catmedia-intro-image{
    	float:none;
   		text-align: center;
    	margin: auto;
    	display: block;
  }
   .catmedia-introtext{
    	margin-top:133px;
     	text-align:center;
  }
  #sp-position1 > div > div > div > div > div:nth-child(4) {padding-bottom:108px !important;}
}


@media (max-width:767px) {
    #sp-position2 {
        border-right: none;
        height: auto;
    }
   .catmedia-contact > p{
    	padding-left:0;
    	/*margin-top:-100px;*/
     	padding-bottom:30px;
  }
  .catmedia-grid-number{
    	padding:0px 0px 0px 0px;
    	text-align:center;
    	margin:0 auto;
  }
  .catmedia-maincontent-title h2{
    	text-align:center;
    	margin-left:0;
    	padding-left:0;
    	font-size:61px;
    	margin-top:30px;
  }
  .innovation-bottom-border {
  		width:100% !important;
  }
 .catmedia-intro-image{
    	float:none;
   		text-align: center;
    	margin: auto;
    	display: block;
  }
   .catmedia-maincontent-title h2{
    text-align:center;
  }
   .catmedia-introtext{
    	margin-top:133px;
     	text-align:center;
  }
  #sp-position1 > div > div > div > div > div:nth-child(4) {padding-bottom:108px !important;}
  #sp-component > div > div.article-details{
       padding: 120px 20px 100px 20px;
  }

  .sp-scroll-up{
    bottom:60px; 
    right: 20px;
  }  
  .logo-image, .logo-image-phone{
    height:auto!important;
  }
}

@media (max-width: 833px) {
.catmedia-introtext{
    	padding-bottom:50px;
    	text-align: center;
    	margin-left:0;
    	font-size:60px;
  		margin-top:133px;
  }
}

@media (max-width: 650px) {
   .formResponsive .formHorizontal .formControlLabel{ 
      float: left;
      width: 33%; 
      padding-top: 10px;
      margin-left: -9px;
      padding-right: 0px;
	}
  .catmedia-contact > p{
    	font-size:44px;
    
  }
  .catmedia-introtext {
    	font-size:43px;
    	margin-left:7px;
    	margin-top:133px;
  }
   .catmedia-grid-number{
    	padding:0px 30px 0px 30px;
     	text-align:center;
     	margin-left:0px;
  }
  .innovation-bottom-border {
  		width:100% !important;
  }
   .catmedia-maincontent-title h2{
    	text-align:center;
    	margin-left:0;
    	padding-left:0;
     	font-size:43px;
     	margin-top:30px;
  }
 
  .text-right{
    text-align:left !important;
  }
  #sp-position1 > div > div > div > div > div:nth-child(4) {
    padding-bottom:108px !important;
  }
  .text-right {
  margin-top:5px;
}
  
}