/*
Theme Name: GSSF

*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* font-family: "Poppins", sans-serif;  */


body{font-family: "Poppins", sans-serif; background-color: #fcf8eb;}
img{max-width: 100%;}

.text-ivory{color: #E6C171}

.navbar-brand{max-width: 194px;}
#masthead .container{max-width:1366px !important;}
.container, .e-con-inner{width: 100% !important; max-width: 1366px !important;}
#masthead{position: fixed; top: 0; width: 100%; left: 0; right: 0;}
#nav-main{border-radius: 10px; padding: 0 30px; background-color: #E6C171; backdrop-filter: blur(5px);  }
.bannercn{background: #fcf8eb; padding: 120px 0 0 0; min-height: 100vh; margin-top:30px;}

.navbarheader{background-color: #E6C171; border-radius: 20px; box-shadow: 0 6px 10px rgba(0,0,0,0.1);}

.max-width-container{max-width: 520px; }

#bootscore-navbar li:last-child a{border:1px solid #263C54; color:#263C54 !important; border-radius:10px; padding:8px 20px !important;}

.readbtn-1{padding:10px 30px; border:1px solid #999;}

.section1{
  background-color: #263C54; background-image:url(assets/images/bg-border.png); background-repeat: repeat-x; background-position: center bottom; background-size:1000px;
}

.iconlistcontainer{position: relative;}
.iconlistcontainer:before{position: absolute; left: 0; right: 0; width: 1px; height: 100%; margin: auto; top: 0; bottom: 0; content: ''; background-color: #001429;}
.iconlistwrap{margin-top:15px;}
.iconlist{ position: relative; color: white; margin: 10px 0; padding: 20px; background-color: #21354C;}
.iconlist:before{ position:absolute; left:0; bottom:0;top:0; content:''; width: 0; display: block; background-color: #593333; z-index: 0; transition: all ease 0.2s;}
.iconlist:hover:before{width: 100%;}
.iconlist img{width: 50px; height: 50px;}
.iconlist img, .iconlist p{position: relative; z-index: 2}

.section2{background-color: #263C54;}
.listitem{background-color: #21354C; color: #FFE6AF; overflow: hidden; margin: 25px 0; padding: 30px 30px 30px 60px; position: relative;}
.listitem h4{font-weight: 200; font-size:20px; margin: 0; text-transform: uppercase; transition: all ease-in-out 0.6s;}
.listitem > div{
  position:absolute; color:#263C54; left:0; top:0; bottom: 0; background-color: #e6c171; display: flex; align-items: center; justify-content: center; padding: 20px;
  transform: translateX(-100%);
  transition: all ease-in-out 0.6s;
}
.listitem:hover h4{transform:scale(0.7); opacity: 0;}
.listitem:hover > div{transform: none;}
.listitem > div > img{
  position: absolute; right: -39px; width: 40px; top:0; bottom: 0; content: ''; height: 100%; 
}

.section3{
  position: relative;
}
#sectionVideo{width: 100%; margin-bottom: -10px; z-index: -1; position: relative;}
.linelistwrap{margin-bottom: -15%}

.hilightxt{font-size:clamp(1.8rem,5.4vw,50px); font-weight: 200;}

.sectionhead{font-size:clamp(1.8rem,5.4vw,50px);}




.abtbox p, .abtbox h2{transition:all ease 0.2s;}
.abtbox:hover p, .abtbox:hover h2{color:#263C54 !important;}
.abtbox:hover .elementor-icon{background-color:#263C54 !important;}
.abtbox:hover .elementor-icon svg path{fill:#E6C171 !important}

.contact-form .form-control{
    border-radius: 0; padding:14px 0; border:none; border-bottom:1px solid #394E66; background-color: transparent; box-shadow: none !important; color: #fff;
}
.contact-form select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23E6C171' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 16px;

  padding-right: 45px;
}
.contact-form select option:first-child {
  color: #999;
}

.contact-form select[name="enquirytype"] {
  color: #999; /* First option color */
}

.contact-form select[name="enquirytype"]:focus,
.contact-form select[name="enquirytype"]:valid {
  color: #394E66; /* Selected option color */
}

.contact-form select[name="enquirytype"] option {
  color: #394E66;
}

.contact-form select[name="enquirytype"] option:first-child {
  color: #999;
}
.contact-form .form-control::placeholder{color:#394E66}
.contact-form textarea{height:80px; resize:none;}
.contact-form .formbtn{border:1px solid #E6C171; color:#E6C171; padding:8px 30px; font-weight:300; margin-top:20px;}

.profilewrap{position:relative; overflow:hidden !important; transition: all ease 0.4s; }
.profilewrap:hover{background-color:#E6C171;}
.profilewrap:hover img{opacity:0; transition: all ease 0.4s;}
.profilewrap .profiletext{
    position:absolute; left:0; right:0; top:50px; display:flex; align-items:center; bottom:0; padding:25px; color:#fff; transform:translateY(100%); opacity:0;
    transition: all ease-in-out 0.4s;
}
.profilewrap:hover .elementor-heading-title{color:#112437 !important;}
.profilewrap:hover .profiletext{transform:none; opacity:1;}

.footer1{
  background-color: #263C54; padding:60px 0 0 0; 
}
.footerlinks{
  margin: 0; padding:0; list-style: none; display: flex; justify-content: center;
}
.footerlinks li a{display: flex; padding: 4px 20px; text-decoration: none; color: #fff; font-weight: 300; border-left: 1px solid #E6C171;}
.footerlinks li:nth-child(1) a{border:none}
.footer2{
  background-color: #192B40; color: #7BA1CA; padding: 20px 0;
}

.sociallinks{display: flex; align-items: center; justify-content: center; gap: 30px; flex-wrap: wrap; list-style: none;}
.sociallinks svg{width: 20px;}

.ftlogo{max-width: 60%; width: 100%; margin:60px auto -5% auto;}



.offcanvas {position:fixed; top:-10px !important; bottom:0; right:-28px !important; height:100vh;}
.offcanvas-backdrop{left:-14px !important; top:-10px !important; }

.wpcf7-response-output{background-color:#fcf8eb !important; font-size:13px;}
@media(max-width:768px){
    .iconlistcontainer:before{display:none !important;}
	.linelistwrap > div:nth-child(4){order:6;}
	.linelistwrap > div:nth-child(5){order:5;}
	.linelistwrap > div:nth-child(6){order:4;}
	.linelistwrap{position:relative;}
	.linelistwrap:before{left:36px; top:0; bottom:0; position:absolute; width:1px; background-color:#263C54; content:''; }
	.linelistwrap > div .linecnt{ padding-left:30px; position:relative;}
	.linelistwrap > div .linecnt:before{
	position:absolute; width:14px; height:14px; top:25px; left:0; content:''; background-color:#E6C171; border-radius:50px;
    transition: all ease 0.2s;}
	.linelistwrap .linecnt:before, .linelistwrap .linecnt h2{transition:all ease 0.2s;}
.linelistwrap .linecnt:hover h2{color:#E6C171;}
.linelistwrap .linecnt:hover:before{background-color:#263C54;}
}
@media(max-width:991px){
    #bootscore-navbar{font-size:22px; }
    #bootscore-navbar li:last-child{margin-top:20px;}
    
    .linelistwrap{padding:0 30px;}
}
@media(min-width:991px){
    #bootscore-navbar{gap:50px;}
#bootscore-navbar li a{padding-bottom:15px;}
.current-menu-item{position:relative;}
.current-menu-item:before{position:absolute; bottom:1rem; left:0.5rem; right:0.5rem; content:""; height:1px; background-color:#263C54;}
.current-menu-item:after{
    position:absolute; bottom:0; left:0; display:block; right:0; width:8px; height:8px; border-radius:40px; content:"";background-color:#263C54;
    margin: auto;
}

#bootscore-navbar li:last-child:before, #bootscore-navbar li:last-child:after{ display:none !important;}


.linelistwrap{
  border-top:1px solid #000000; position: relative; border-radius: 0 50px 50px 0;
  padding-left:max(calc((100vw - var(--bs-container-width)) / 2.1), 15px); 
  margin-right: max(calc((100vw - var(--bs-container-width)) / 2.1), 15px);
}
.linelistwrap:before{content:''; position: absolute; border-bottom:1px solid #000000; top:32%; right:0; left: 0; border-radius: 0 0 50px 0; height: 50px;}
.linelistwrap > div{}
.linelistwrap > div:nth-child(3) .linecnt{border-right:1px solid  #000000; border-radius: 0 50px 50px 0;}
.linelistwrap .linecnt{height: 100%; padding:29px 30px !important; position: relative;}
.linelistwrap .linecnt:before{
    position:absolute; width:20px; height:20px; top:-10px; content:''; background-color:#E6C171; border-radius:50px;
    transition: all ease 0.2s;
}
}
.linelistwrap .linecnt:before, .linelistwrap .linecnt h2{transition:all ease 0.2s;}
.linelistwrap .linecnt:hover h2{color:#E6C171;}
.linelistwrap .linecnt:hover:before{background-color:#263C54;}