/*------------------------------------------
Document: syndicate.css (Style Sheet)
Dated	  : September 2023
Author	: Antony Yesudas
Company	: Syndicate Solutions (gsttaxlegalconsultants.com)
Purpose	: Web Style
--------------------------------------------*/
@charset "utf-8";

* {
  margin:0;
  padding:0;
  border:0;
  box-sizing: border-box;
}

*:focus, button:focus {
  outline:none;
  box-shadow:none;
  box-sizing: border-box;
}

html {
	overflow-x: hidden;
}


/*___________________ FONTS ______________________*/

@font-face {
  font-family:"Corbel-Regular";
  src:url("../fonts/Corbel-Regular.ttf") format("truetype");
}

@font-face {
  font-family:"Corbel-Light";
  src:url("../fonts/Corbel-Light.ttf") format("truetype");
}

@font-face {
  font-family:"Corbel-Bold";
  src:url("../fonts/Corbel-Bold.ttf") format("truetype");
}

@font-face {
  font-family:"Myriad-Bold";
  src:url("../fonts/Myriad-Bold.otf") format("opentype");
}

@font-face {
  font-family:"Bahnschrift-SemiBold";
  src:url("../fonts/Bahnschrift-SemiBold.ttf") format("truetype");
}

h1, h2, h3, h4, h5, h6 {
}

h1 {
  /* page heading */
}

h2 {
  /* sliders/products */
  font-family:"Myriad-Bold";
  font-size: 50pt;
}

h3 {
  /* section header */
  font-family:"Myriad-Bold";
  font-size: 40pt;
  margin-bottom: 20px;
}

h4 {
  /* element title */	
  font-family:"Myriad-Bold";
  font-size: 30pt;
}

h5 {
  /* sub header */
  font-family:"Myriad-Bold";
  font-size: 20pt;
}

h6 {
  /* customized */
  font-family:"Myriad-Bold";
}

font {
}

span {
}

em {
}

small {
  display:block; font-size:7pt;
}

strong {
}

p {
  line-height:1.5;
  padding-bottom: 10px;
  text-align:justify;
  clear:both;
}

blockquote {
  /* testimonial quotes */
  font-style:italic; line-height:16pt;
  padding-bottom:12px;
}

.red-star {
  color:#bb3333;
  font-size:14pt;
}

a, a:hover {
  color: #FFFFFF;
  text-decoration:none;
}


/*_________________ POINTS ___________________*/


ul, li {
  list-style:none;
  margin:0;
  padding:0;
}

ul.arrow-bullets li {
  background:url(../icon/arrow-bullet.png) no-repeat left 8px;
  padding:3px 0px 3px 14px; line-height:16pt;
}


/*___________________ PAGE ______________________*/

body {
  font-family: "Corbel-Regular";
  font-size: 15pt; color: #000000;
}


/*___________________ SHOWCASE ______________________*/

#showcase {
  display: grid;
  background-image: url('../images/business-room.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  color: #FFFFFF;
}

.screen-dark {
  background-color: rgba(21, 21, 21, 0.45);
}


header {
  margin-top: 20px;
}

.logo {

}

#social-icon a {
  font-size: 16pt;
  margin-right: 20px;
  transition: transform 0.4s;
}

#social-icon a:hover {
  transform: scale(1.1, 1.1);
}

#mobile {
  border-left: 4px solid #EB1082;
  padding-left: 20px;
}

#mobile i {
  font-size: 15pt;
}

#mobile a {
  font-family:"Bahnschrift-SemiBold";
  font-size: 15pt;
}

#mobile a:hover {
  color: #FF198C;
}


/*___________________ NAV MENU ______________________*/

.navbar-brand {
}

.navbar {
}

.navbar-collapse  {
  justify-content: flex-end;
}

.nav li {
  margin-right: 25px;
}

.nav a {
  font-size: 15.5pt;
  transition: color 0.5s;
}

.nav a:hover {
  color: #CCCCCC;
}

/*___________________ CAPTION ______________________*/

.canvas {
  position: relative;
  height: 80vh;
  margin: auto;
  width: 60%;
  top: 28vh;
}

.sentence {
  border: 0px solid red;
  border-left: 6px solid #00ABC9;
  height: 70px;
  line-height: 1.1;
  padding-left: 30px;
}

.canvas .caption {
  position: absolute;
  font-family:"Corbel-Bold";
  font-size: 45pt;
  text-align: left;
  opacity: 0;
  
  border: 0px solid white;
}

.textflash {
  animation: textflash 1s linear;
  animation-fill-mode: forwards;
}
@keyframes textflash {
  100% {
    opacity: 1;
  }
}
.textshow {
  opacity:1 !important;
}
.texthide {
  opacity:0 !important;
}


/*___________________ INBOARD ______________________*/

#inboard {
  display: grid;
  background-image: url('../images/business-discussion.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  color: #FFFFFF;
}

#inboard .spacer {
  padding: 180px 0px;
}


/*___________________ ABOUT US ______________________*/

#about {
  background: url('../images/memphis-triangles.jpg') no-repeat top right;
  padding: 70px 0px 60px 0px;
}

.profile {
}

#about h3 {
  text-align: center;
  margin-bottom: 30px;
}

.promote {
  font-family: "Myriad-Bold";
  font-size: 15pt;
  color: #6C6C6C;
  display: block;
  margin-bottom: 20px;
}

a.about{
  border: 1px solid #adacac;
  border-radius: 15px;
  color: #000000;
  font-size: 15pt;
  padding: 12px 20px;
}

a:hover.about{
}

/* ------ BOX CARD ------*/

#features {
  margin-top: 30px;
}

.boxcard {
  background-repeat: no-repeat;  
  background-size: cover;
  border-radius: 25px;  
  padding-top: 250px;
}

.board {
  padding: 35px 40px 45px 40px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
}

.board h6 {
  font-size: 30pt;
  margin-bottom: 20px;
  color: #FFFFFF;
}

div[data-service="business"] {
  background-image: url('../images/tasks/office-business.jpg');
  background-position: center -110px;
}
div[data-service="business"] .board {
  background-color:#004481;
}

div[data-service="licensing"] {
  background-image: url('../images/tasks/licensing-certification.jpg');
  background-position: center -50px;
}
div[data-service="licensing"] .board {
  background-color:#DE3162;
}

div[data-service="LLBcoaching"] {
  background-image: url('../images/tasks/LLB-coaching.jpg');
  background-position: center -110px;
}
div[data-service="LLBcoaching"] .board {
  background-color:#004481;
}

div[data-service="taxation"] {
  background-image: url('../images/tasks/tax-financial.jpg');
  background-position: center -110px;
}
div[data-service="taxation"] .board {
  background-color:#BE8F6A;
}

a.learn{
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  font-size: 13pt;
  padding: 8px 15px;
}

a:hover.learn{
}



/*___________________ SERVICES ______________________*/

#services {
  padding: 25px 0px 95px 0px;
}

#services h3 {
  margin-bottom: 40px;
}

.feature {
  margin-bottom: 40px;
}

div [data-item="blue"] {
  border-left: 6px solid #004481;
  padding-left: 20px;
}
div [data-item="blue"] .header {
  color: #004481;
  font-size: 21pt;
}

div [data-item="pink"] {  
  border-left: 6px solid #de3162;
  padding-left: 20px;
}
div [data-item="pink"] .header {
  color: #de3162;
  font-size: 21pt;
}

div [data-item="coffee"] {  
  border-left: 6px solid #8f603a;
  padding-left: 20px;
}
div [data-item="coffee"] .header {
  color: #8f603a;
  font-size: 21pt;
}



/*___________________ SUCCESS ______________________*/

#successfull {
  background-color: #262626;
  padding: 50px 0px;
  color: #FFFFFF;
}

.relationships {
  margin: 10% 10px 0px 40px;
}

.telephone {
  text-align: center;
}

.telephone a {
  font-family:"Bahnschrift-SemiBold";
  font-size: 20pt;
  color: #D6B18E;
}


/*___________________ ACTIVITIES ______________________*/

#activities {
  padding: 80px 0px;
}

#activities h3 {
  text-align: center;
}

#activities strong {
  font-family:"Corbel-Bold";
  text-align: center;
  display: block;
  margin-bottom: 20px;
  color: #9f9f9f;
}

#activities a {
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  margin: 0px auto 20px auto;
  display: block;
  width: 235px;
  padding: 30px 10px;
  transition: box-shadow 0.5s;
}

#activities a:hover {
  box-shadow: 0px 0px 8px 4px #d9d9d9;
}

#activities b {
  font-family:"Corbel-Bold";
  color: #8f603a;
  display: block;
  padding: 10px 0px;
}

.items {
  text-align: center;
}



/*___________________ ABOUT PAGE ______________________*/

#profile {
  padding-top: 60px;
}

#profile h3 {
  text-align: center;
  margin-bottom: 30px;
}

/* ------ PHILOSOPY ------*/

#philosophy {
  padding-top: 40px;
}

#cornerstone {
  background-color: #F8E6D9;
  border-radius: 30px;
  padding: 40px;
}

.quotes {
  font-size: 35pt;
  color: #DDC7B7;
}  

/* ------ PERSONAL ------*/

#personal {
  padding-top: 70px;
}

#personal h5 {
  color: #a4a4a4;
}

#personal .matter {
  border-left: 6px solid #004481;
  padding-left: 25px;
}

/* ------ RATING ------*/

#feedback {
  padding: 40px 0px 80px 0px;
}

.review {
  position: relative;
  z-index: 100;
  background-color: #004481;
  color: #FFF;
  text-align: center;
  padding: 40px 0px;
  width: 300px;
}

.review .fa-star {
  color: #FBB819;
  font-size: 20pt;
}

.review b {
  font-size: 30pt;
}

#feedback .matter {
  background-color: #DFDFDF;
  padding: 40px 35px 30px 70px;
  margin-top: 40px;
}

#feedback h5 {
  font-size: 23pt;
  line-height: 1.6;
}


/*___________________ ACTIVITIES PAGE ______________________*/

#activity {
  padding-top: 50px; 
}

#activity .stands {
  font-family:"Myriad-Bold";
  color: #ABABAB;
  margin-bottom: 10px;
}

#activity h6 {
  font-size: 27pt;
  color: #a4a4a4;
  line-height: 1.3;
}

#LLB-Coaching {
  background-color: #262626;
  margin: 80px 0px 70px 0px;
  padding-top: 20px;
  color: #FFF;
}

#LLB-Coaching h4 {
  color: #ff0048;
}

#LLB-Coaching h6 {
  color: #d6b18e;
  font-size: 18pt;
}

#LLB-Coaching h5 {
  color: #FFFFFF;
  font-size: 18pt;
}

#LLB-Coaching ul {
  margin: 20px 0px;
}

#LLB-Coaching li {
  padding-bottom: 2px;
}
#LLB-Coaching li:before {
  font-family:'Bootstrap-Icons';
  content: '\F2E1';
  padding-right: 10px;
}

#activitylist {
  padding: 50px 0px;
}

.task {
  margin-bottom: 35px;
}

.task img {
  margin-bottom: 10px;
}

.task  h6 {
  font-size: 25pt;
  padding-left: 10px;
}

div [data-task="pink"] h6 {
  border-left: 4px solid #de3061;
}

div [data-task="blue"] h6 {
  border-left: 4px solid #004481;
}

div [data-task="coffee"] h6 {
  border-left: 4px solid #BE8F6A;
}



/*___________________ SERVICES PAGE ______________________*/

#services {
  padding-top: 50px; 
}

#services strong {
  font-family:"Corbel-Bold";
  text-align: center;
  display: block;
  margin-bottom: 20px;
  color: #9f9f9f;
}

.service {
  position: relative;
  z-index: 100;
  top: 30%;
  width: 230px;
  padding: 55px 0px;
  text-align: center;
}

.service img {
  filter: brightness(0) invert(1);
}

.worklist {
  background-color: #EEEEE8;
  padding: 40px 20px 40px 50px;
}

.worklist h6 {
  font-size: 25pt;
  margin-bottom: 15px;
}

.worklist ul {
  width: 400px;
  display: inline-block;
  vertical-align: top;
}

.worklist li {
  background:url(../icon/bullet.png) no-repeat left 15px;
  padding: 2px 0px 2px 18px;
}



/*___________________ CONTACT PAGE ______________________*/

#contact {
  padding: 50px 0px 80px 0px;
}

#contact strong {
  font-family: "Myriad-Bold";
  font-size: 20pt;
  line-height: 1.6;
}

.join {
  padding-left: 15px;
  line-height: 1.8;
  margin:30px 0px 40px 0px;
}

#contact h6 {
  color: #DE3162;
  font-size: 28pt;
}

#address {
  position: relative;
  z-index: 100;
  top: 5%;
  right: -50px;
  background-color: #f3f3f3;
  padding: 55px;
  line-height: 1.8;
  border-left: 9px solid #de3162;
}

#address a {
  color: #333333;
  font-family:"Bahnschrift-SemiBold";
}


/*___________________ FOOTER ______________________*/

footer{
	background-color: #1A1A1A;
  padding: 55px 0px 30px 0px;
}

/*------ Contact ------*/

.contact {
  color: #909090;
  font-size: 13pt;
}

.contact h6 {
  color: #DE3162;
  font-size: 25pt;
}

h6.connect {
  font-family:"Corbel-Bold";
  color: #FFFFFF;
  font-size: 15pt;
}

a.phone {
  font-family:"Bahnschrift-SemiBold";
  color: #DE3162;
  font-size: 14pt;
}

a.email {
  color: #DE3162;
}

/*------ Areas ------*/

.areas {
  color: #6D6D6D;
  font-size: 13pt;
}

.areas h6 {
  color: #FFFFFF;
  font-size: 17pt;
}

.links {
  color: #FFFFFF;
  margin-top: 50px;
  font-size: 12.5pt;
}

/*------ Question ------*/

.question {
  color: #6D6D6D;
  font-size: 13pt;
}

.question h6 {
  color: #FFFFFF;
  font-size: 17pt;
}

.question p {
  font-family:"Corbel-Bold";
  font-size: 14pt;
  color: #909090;
}

.social-bar a {
  font-size: 18pt;
  color: #909090;
  margin-right: 20px;
  transition: color 0.5s;
}

.social-bar a:hover {
  color: #FFFFFF;
}

.copyright {
  margin-top: 15px;
  color: #D6B18E;
}


/*_________________ WEB LOADER ___________________*/

#screenloader {
	position:fixed;
	z-index: 99;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgb(255 255 255 / 95%);
}

#circle {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #DE3162;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spinner 2s linear infinite;
  position: fixed;
  top: 40%;
  left: 46%;
}

@keyframes spinner { 
  0% { transform: rotate(0deg); } 
  100% { transform: rotate(360deg); } 
}



/*_________________ MISCELLANEOUS ___________________*/

p.last, .last {
  padding-bottom:0px;
}

.pink {
  color: #DE3162;
}

div[data-bg="pink"] {
  background-color: #DE3162;
}

.navy {
  color: #004481;
}

div[data-bg="navy"] {
  background-color: #004481;
}

.acqua {
  color: #00ABC9;
}

.coffee {
  color: #BE8F6A;
}

div[data-bg="coffee"] {
  background-color: #BE8F6A;
}

.brown {
  color: #8F603A;
}