/*-------- faq-flight-home --------*/ .faq-flight-home { padding-bottom: 64px; width: 100%; float: left; } .faq-flight-home.airl {margin-top: 20px;padding-bottom: 0;} .accordion h2 { margin: 10px 0; color: #161616; cursor: pointer; font-size: 16px; font-weight: 700; } .accordion .at-item h4 { font-weight: 600; } .at-tab p, .at-tab, .destination_details.destination_page .at-tab p, .destination_details.destination_page .at-tab { color: #2b2d30; font-size: 15px; line-height: 1.6; } .at-tab p, .destination_details.destination_page .at-tab p{ margin-bottom: 12px; } .at-tab p:last-child{ margin: 0; } .accordion .card-header { border-bottom: 1px solid #eee; margin-bottom: 12px; padding-bottom: 12px; } .accordion h2 button.btn { font-size: 17px; padding: 0; border: none; background: transparent; display: block; color: #333; font-weight: 600; width: 100%; text-align: left; } .accordion .card { margin-bottom: 15px; } .at-title { position: relative; } .at-title svg .arrow { -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .at-title svg.ques path{ stroke: rgb(255 102 0); } .at-title.active svg.arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .accordion picture img { width: 100%; height: auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .accordion picture { display: block; } .at-title svg.arrow { position: absolute; right: 10px; top: 23px; width: 26px; height: 26px; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; cursor: pointer; } .accordion .card .card-body { font-size: 15px; color: #333; } .accordion h2 button.btn:focus {outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .accordion h2 button.btn:hover {text-decoration: none;} .accordion button.btn span { float: right; display: inline-block; } .accordion button.btn img { width: 30px; height: auto; float: right; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .accordion button.btn.collapsed img {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} .at-item { display: block; background-color: #f7f9fc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 18px; } .at-title h4 { font-size: 16px; font-weight: 600; margin: 0; padding: 24px 42px 24px 52px; cursor: pointer; position: relative; line-height: 1.6; } .at-title h4 span { margin-right: 10px; position: absolute; left: 18px; top: 25px; } .at-tab { padding: 0 25px 21px 25px; margin-top: -5px; } .faq-flight-header { position: relative; } .view-all-faq { position: absolute; bottom: 7px; right: 0; } .view-all-faq a { color: #ff6600; font-weight: 600; font-size: 14px; border: solid 1px #ff6600; padding: 7px 11px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-decoration: none; transition: all .4s cubic-bezier(.5, 0, 0, 1.25); -webkit-transition: all .4s cubic-bezier(.5, 0, 0, 1.25); -moz-transition: all .4s cubic-bezier(.5, 0, 0, 1.25); -ms-transition: all .4s cubic-bezier(.5, 0, 0, 1.25); -o-transition: all .4s cubic-bezier(.5, 0, 0, 1.25); } .view-all-faq a:hover { background-color: #ff6600; color: #ffffff; } .view-all-faq a svg { vertical-align: middle; margin-left: 2px; } .faq-flight-header .title-bysection { padding-right: 102px; } @media only screen and (max-width:1199px) { .at-title h4 { font-size: 15px; padding: 20px 38px 20px 48px; } .at-title h4 span { top: 21px; } .at-title h4 span .ques { width: 20px; height: 20px; } .faq-flight-home .row{ margin-right: -10px; margin-left: -10px; } .faq-flight-home .col-xs-12{ padding-right: 10px; padding-left: 10px; } .at-tab { padding: 0 20px 18px 20px; } .at-tab p, .at-tab ,.destination_details.destination_page .at-tab p, .destination_details.destination_page .at-tab{ font-size: 14px; } .at-title svg.arrow { top: 19px; } } @media only screen and (max-width:991px) { .at-title h4 { padding: 16px 34px 16px 44px; } .at-title h4 span .ques { width: 16px; height: 16px; } .at-title h4 span { top: 18px; } .at-tab { padding: 0 15px 15px 15px; } .at-title svg.arrow { top: 16px; } } @media only screen and (max-width:767px) { .at-title h4 { padding: 16px 34px 16px 35px; min-height: 68px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .at-title h4 span { top: 25px; left: 10px; } .at-tab { margin-top: -3px; } .at-title svg.arrow { top: 21px; } } @media only screen and (max-width:575px) { .at-title h4 { font-size: 14px; } .at-title svg.arrow { top: 17px; } .view-all-faq a{ font-size: 13px;-webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; } .view-all-faq a svg { width: 13px; height: 13px; } } @media only screen and (max-width:375px) { .at-title h4 span { top: 18px; } .view-all-faq a{ font-size: 12px; } .view-all-faq a svg { width: 12px; height: 12px; } } /*-------- end faq-flight-home --------*/