/* Imported styles */ @import url(../fonts/flaticon/flaticon.css); .accordion-content .accordion-box .accordion { position: relative; background: #ffffff; margin-bottom: 10px; border-radius: 0; display: block; padding: 0 30px; border: 1px solid #f2f2f2; } .accordion-content .accordion-box .accordion .accord-btn { position: relative; display: block; padding-left: 40px; padding-right: 30px; padding-top: 21px; padding-bottom: 22px; } .accordion-content .accordion-box .accordion .accord-btn::before { position: absolute; right: 0; top: 20px; color: #e6e6e6; content: "\f123"; font-family: "Flaticon"; font-size: 16px; line-height: 30px; font-weight: 500; transition: all 500ms ease 0s; text-align: center; display: block; width: 13px; height: 30px; transform:rotate(0deg); } .accordion-content .accordion-box .accordion .accord-btn.active::before { color: #f3441e; transform:rotate(90deg); } .accordion-content .accordion-box .accordion .accord-btn.active:after { color: #f3441e; } .accordion-content .accordion-box .accordion .accord-btn.active h4 { margin-bottom:6px; color: #f3441e; } .accordion .accord-btn p a{ font-size:14px; border:1px dashed #999; background-color:#f7f7f7; padding:6px; color:#666;} .accordion .accord-btn p a:hover{color:#f3441e; border:1px dashed #f3441e;} .accordion .accord-btn span{color:#7f7f7f;} .title-box{ position: relative; display: block; padding-left: 16px; } .title-box:before{ position: absolute; top: 2px; left: 0; width: 6px; height: 13px; background: #f3441e; content: ""; } .title-box h3 { color: #333333; font-size: 20px; font-weight: 400; line-height: 16px; text-transform: uppercase; } .accordion-box { display: block; overflow: hidden; padding: 0; } .accordion-box .accordion { position: relative; background: #ffffff; margin-bottom: 10px; border-radius: 30px; display: block; padding: 0 30px; } .accordion-box .accordion .accord-btn { border-bottom: 1px solid #ffffff; cursor: pointer; position: relative; transition: all 500ms ease; display: block; padding-left: 40px; padding-top: 21px; padding-bottom: 22px; } .accordion-box .accordion .accord-btn h4 { margin-bottom:6px; color: #333333; font-size: 18px; font-weight: 400; line-height: 26px; transition: all 500ms ease; } .accordion-box .accordion .accord-btn::after { color: #e6e6e6; content: "\f105"; font-family: "Flaticon"; font-size: 25px; line-height: 25px; font-weight: 500; position: absolute; left: 0; top: 22px; transition: all 500ms ease 0s; text-align: center; display: block; width: 30px; height: 30px; } .accordion-box .accordion .accord-btn.active{ border-bottom: 1px solid #f2f2f2; transition: all 500ms ease; } .accordion-box .accordion .accord-btn.active h4 { color: #3aabd0; } .accordion-box .accordion .accord-btn.active:after{ color: #3aabd0; } .accordion-box .accordion .accord-content { display: none; position: relative; padding-top: 35px; padding-bottom: 33px; } .accordion-box .accordion .accord-content.collapsed { display: block; } .accordion-box .accordion .accord-content p { margin: 0; color: #666; } .location-box .accordion-box{ margin-top: 30px; } .location-box .accordion-box .accordion { position: relative; display: block; background: #151515; margin: 0; padding: 0; border-radius: 0; } .location-box .accordion-box .accordion .accord-btn { border-bottom: 1px solid #282828; cursor: pointer; position: relative; transition: all 500ms ease; display: block; padding-left: 0px; padding-top: 0; padding-bottom: 0; } .location-box .accordion-box .accordion .accord-btn::after { display: none; } .location-box .accordion-box .accordion .accord-btn h4 { color: #848484; font-size: 18px; font-weight: 400; line-height: 55px; transition: all 500ms ease; font-family: 'Rubik', sans-serif; } .location-box .accordion-box .accordion .accord-content { padding-top: 22px; padding-bottom: 3px; } .project-information .title{ font-size:22px;}