@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);@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.asdlogin,body{height:100vh}.asdlogin{background-position:50%;background-size:cover;background-position-x:-100px;background-image:url(https://raw.githubusercontent.com/farizian/week15/master/img/planebanner.png)}.lgn{height:100vh;padding:20px 9%}.lgn .logosign{display:flex;padding-top:5px;width:100%;text-decoration:none!important}.lgn .logosign img{height:33px;width:50px;margin-right:20px}.lgn .logosign h1{font-family:Poppins;font-size:20px;font-style:normal;font-weight:600;color:#414141;text-align:left}.lgn .formlgn{position:relative;top:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:0}.lgn .formlgn .headerlogin{width:100%;display:flex;flex-direction:column;justify-content:flex-start}.lgn .formlgn .header h1{font-family:Poppins;font-size:36px;font-style:normal;font-weight:600;line-height:45px;letter-spacing:0;text-align:left;color:#000}.lgn .formlgn .signbox{width:100%;padding-bottom:20px}.lgn .formlgn .signbox h3{font-size:20px;font-weight:700;color:#4f5665;text-align:left;right:155px;margin-bottom:10px}.lgn .formlgn .signbox .textbox{width:100%;background-color:transparent;border-bottom:2px solid #d2c2ff;margin-bottom:10px}.lgn .formlgn .signbox .textbox input{box-sizing:border-box;height:60px;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:19px;letter-spacing:0;text-align:left;width:90%;padding:0 10px;align-items:center;justify-content:center;border:none;background-color:transparent}.lgn .formlgn .signbox .textbox input:focus{outline:none!important}.lgn .buttonlgn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.lgn .buttonlgn .btn{width:100%;padding:0}.lgn .buttonlgn .btn .sign{background-color:#2395ff;font-family:poppins;width:100%;height:60px;margin-top:10px;border:none;color:#fff;font-size:18px;font-weight:700;border-radius:15px;box-shadow:0 8px 10px 0 rgba(35,149,255,.30196078431372547);display:flex;align-items:center;justify-content:center;cursor:pointer;transition-duration:50ms}#sign2{margin-top:0;background-color:#fff;border:1px solid #2395ff;color:#2395ff}.lgn .buttonlgn .btn .sign:hover{font-weight:900;-webkit-transform:scale(1.1);transform:scale(1.1)}.lgn .buttonlgn .checkbox{width:100%;display:flex;margin-top:10px;padding-left:10px}.lgn .buttonlgn .checkbox .check{height:20px;width:20px;border-radius:3px;border:2px solid #2395ff;cursor:pointer;margin-right:15px}.lgn .buttonlgn .checkbox p{font-family:Lato;font-size:16px;font-style:normal;font-weight:400;text-align:left;color:#595959;margin-top:2px}.lgn .buttonlgn .textbox{width:90%;display:flex;padding-top:15px;justify-content:center;border-top:1px solid #d8d8d8}.lgn .anothersign{flex-direction:column;height:100px;width:85%;margin-left:24px;border-bottom:1px solid #d8d8d8}.btnSign,.lgn .anothersign{display:flex;align-items:center;justify-content:center}.btnSign{background-color:#2395ff;font-family:poppins;width:100%;height:60px;margin-top:10px;border:none;color:#fff;font-size:18px;font-weight:700;border-radius:15px;box-shadow:0 8px 10px 0 rgba(35,149,255,.30196078431372547);cursor:pointer;transition-duration:50ms}.btnSign:hover{font-weight:900;-webkit-transform:scale(1.1);transform:scale(1.1)}#othersgn1{border:none;justify-content:flex-start}.lgn .anothersign .forgot{margin-top:30px}.lgn .anothersign .forgot,.lgn .anothersign .forgottap{font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:19px;letter-spacing:0;text-align:left}.lgn .anothersign .forgottap{text-decoration:underline;color:#2395ff;cursor:pointer;transition:50ms}.lgn .anothersign .forgottap:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.lgn .anothersign .btn{width:100%}.lgn .anothersign .btn button{height:52px;width:95px;left:983px;top:679px;border-radius:6px;border:1px solid #2395ff;margin-right:20px}#bt2{margin:0}@media screen and (max-width:768px){.asdlogin{width:30%}.lgn{width:70%;height:100vh;margin:0;padding:0}.lgn .formlgn,.lgn .logosign{margin-top:20px}.lgn .formlgn{width:100%;margin-bottom:20px}.lgn .formlgn .signbox{width:80%;padding:5px}.lgn .formlgn .signbox .textbox input{height:60px;width:100%}.lgn .buttonlgn .btn{width:80%}.lgn .buttonlgn .btn .googlebtn{background-color:#fff;width:100%;height:60px}.btnSign{width:80%}.btnSign:hover{font-weight:900;-webkit-transform:scale(1.1);transform:scale(1.1)}}@media screen and (max-width:576px){.asdlogin{display:none}.lgn{width:100%;padding:0;display:flex;flex-direction:column;align-items:center}.lgn .formlgn .headerlogin,.lgn .logosign{width:80%}.lgn .formlgn .signbox .textbox input{width:85%}.lgn .buttonlgn .checkbox{width:80%}.lgn .buttonlgn .textbox{width:70%}.lgn .anothersign{width:70%;margin:20px 0 0}}.navbar{border-bottom:2px solid #eee;margin:0;padding:0;height:150px}.bar{background-color:transparent;border:none}.planelogo{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition-duration:50ms;margin-left:5%}.planelogo:hover{font-weight:600;-webkit-transform:scale(1.1);transform:scale(1.1)}.planelogo img{height:33px;width:50px;margin-right:15px}.planelogo h1{font-family:Poppins;font-size:24px;font-style:normal;font-weight:600;line-height:36px;letter-spacing:0;text-align:left;margin-top:10px;color:#000!important}.navmenu{margin:0;padding:0;width:100%;justify-content:center}.primary-menu{list-style-type:none;width:70%}.primary-menu,.primary-menu .menu{display:flex;justify-content:flex-start;align-items:center}.primary-menu .menu{width:40%;height:50px;padding-left:10px}.primary-menu .menu .menu1{font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;cursor:pointer;text-align:center;color:#414141;text-decoration:none;margin-left:40px;height:35px}.primary-menu .menu .menu1:hover{color:#4f5665;font-weight:700}.primary-menu .menu .menu1:hover:after{content:"";border-radius:20px;display:block;border-bottom:5px solid #2395ff;width:50%;margin:8px auto 0}.primary-menu .searchbox{display:flex;justify-content:flex-end;width:60%;height:50px}.primary-menu .searchbox .search{display:flex;width:60%;align-items:center;justify-content:flex-end;font-size:13px;font-weight:400;cursor:pointer;background-color:#f5f5f5;height:50px;border-radius:10px;padding-left:20px}.primary-menu .searchbox .search input{border:none;background-color:#f5f5f5;width:90%;height:50px;display:flex;justify-content:center;align-items:center;text-align:left;padding:0 10px;font-family:"Poppins",sans-serif;border-radius:10px;background-color:transparent}.primary-menu .searchbox .search .srch{height:24px;width:24px}.secondary-menu{width:30%}.secondary-menu,.secondary-menu .type1{display:flex;justify-content:center;height:50px}.secondary-menu .type1{cursor:pointer;border-radius:10px;transition-duration:50ms;width:100px;font-family:Poppins;font-size:16px;font-style:normal;font-weight:700;background-color:#2395ff;align-items:center;color:#fff!important;text-decoration:none}.secondary-menu .type1:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.secondary-menu .type2{height:30px;width:30px;margin-right:50px;margin-top:10px;display:flex;align-items:flex-start;justify-content:center;transition-duration:50ms;cursor:pointer}.secondary-menu .type2:hover{border-bottom:4px solid #2395ff}#tp2{width:48px;height:48px;border-radius:50px;border:2px solid #00b7df;padding:2px;margin-right:0;margin-top:0}.secondary-menu .type2 .round{height:10px;width:10px;position:absolute;margin-left:13px;margin-bottom:17px;border-radius:50px;background-color:#2395ff}.secondary-menu .type2 .dashboard{width:30px;height:33px;margin-top:-4px}#r1{margin-left:17px}.secondary-menu .type2 .mail{height:20px;width:24px;margin-top:3px}.secondary-menu .type2 .bell{height:23px;width:21px;margin-top:2px;border-radius:0}.secondary-menu .type2 .profile{height:40px;width:40px;border-radius:50px}@media screen and (max-width:768px){.navbar{border-bottom:2px solid #eee;width:100%;height:100px}.navbar,.navbar .container-fluid{margin:0;padding:0}.bar{height:90px;margin-right:5%}.bar .baricon{color:#6a4029!important}.planelogo{display:flex;height:100px;align-items:center;justify-content:flex-start;cursor:pointer;transition-duration:50ms}.planelogo:hover{font-weight:600;-webkit-transform:scale(1.1);transform:scale(1.1)}.planelogo img{margin-right:15px}.planelogo h1{margin-top:10px}.navbar .navmenu{margin:0;padding:0;width:100%;background-color:#fff}.navbar .navmenu .primary-menu{list-style-type:none;margin-left:0;width:100%;display:flex;padding-top:5px}.navbar .navmenu .primary-menu .menu{width:100%;padding:0;justify-content:center}.navbar .navmenu .primary-menu .menu .menu1{font-size:13px;font-weight:400;color:#4f5665;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:18px 40px 10px 0;height:30px}#m1{margin-right:0}.primary-menu .searchbox{width:100%;justify-content:center}.navbar .navmenu .secondary-menu{width:100%;display:flex;flex-direction:row;align-items:center;padding:30px}.navbar .navmenu .secondary-menu .type1{background-color:#2395ff!important}.secondary-menu .type2{margin-top:0}}footer{padding:40px 5% 0 10%;display:flex;justify-content:center}footer .text1{width:26%;padding:5px 10px 0}footer .text1 .logo{display:flex}footer .text1 .logo img{height:34px;width:50px;margin-right:20px}footer .text1 .logo h1{font-family:Poppins;font-size:24px;font-style:normal;font-weight:600}footer .text1 .find{display:flex;flex-direction:column;margin-top:20px;width:100%;height:200px}footer .text1 .find p{font-size:14px;line-height:31px}footer .text1 .copyright,footer .text1 .find p{font-family:Poppins;font-style:normal;font-weight:400;letter-spacing:0;text-align:left}footer .text1 .copyright{font-size:16px;line-height:24px}footer .text2{width:20%;display:flex;flex-direction:column;align-items:center}footer .text2 .features{display:flex;justify-content:center;height:23px}footer .text2 .features p{font-family:Poppins;font-size:16px;font-style:normal;font-weight:500}footer .text2 .menu{display:flex;flex-direction:column;width:50%;margin-top:35px;margin-left:30px}footer .text2 .menu p{font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:21px;letter-spacing:0;text-align:left;transition:50ms;cursor:pointer}footer .text2 .menu p:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}footer .text3 .app{text-align:center;font-family:Poppins;font-size:16px;font-style:normal;font-weight:500}footer .text3 .imgbox{display:flex;flex-direction:column;align-items:center;margin-top:35px}footer .text3 .imgbox img{margin-bottom:25px;transition:50ms;cursor:pointer}footer .text3 .imgbox img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}footer .text4 .follow{font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;text-align:center;width:50%;margin-left:25px}footer .text4 .imgbox{display:flex;justify-content:center;height:200px;margin-top:40px}footer .text4 .imgbox img{width:24px;height:24px;margin-right:20px;transition:50ms;cursor:pointer}footer .text4 .imgbox img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}#img4{margin-right:0}footer .text4 .location{display:flex;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;padding-left:45px}footer .text4 .location img{width:24px;height:24px;margin-right:10px}footer .text4 .copyright2{display:none}@media screen and (max-width:576px){footer{padding:40px 5% 0}footer .text1{width:auto;padding:0 5px}footer .text1 .find{height:100px}footer .text1 .copyright{display:none}footer .text2{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:0 5px}footer .text2 .menu{flex-direction:row;justify-content:center;width:100%;margin:35px 0 0}footer .text2 .menu p{margin-right:15px}footer .text3{padding:0 5px}footer .text3 .app{text-align:left;margin-top:15px}footer .text3 .imgbox{flex-direction:row;align-items:center;justify-content:flex-start;margin-top:20px;margin-bottom:40px}footer .text3 .imgbox img{width:150px;height:45px;margin:0 20px 0 0}#ps{margin-right:0}footer .text4{padding:0 5px}footer .text4 .follow{text-align:left;width:100%;margin-left:0}footer .text4 .imgbox{justify-content:flex-start;height:60px;margin-top:40px}footer .text4 .location{padding:0;margin-bottom:10px}footer .text4 .copyright2{display:block;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0;text-align:left}}body{font-family:"Poppins",sans-serif}.textHeader{margin-left:100px;margin-top:130px}.text1,.text2{font-size:54px;font-weight:600}.text2{color:#2395ff}.headerlanding{display:flex;width:100%}.headerLeft{width:50%}.headerRight{width:50%;display:flex;flex-direction:column;align-items:flex-end}.headerlanding .headerRight .vector1{width:190px;height:210px;margin-top:15%;margin-left:-5%;margin-right:30%}.imgLeft{border-top-right-radius:60px;border-bottom-right-radius:60px;margin-top:90px;width:100%}.imgRight{border-bottom-left-radius:20px;border-top-left-radius:20px;margin-top:30px;width:60%;justify-content:end}.srcbox{width:30%;position:absolute;background-color:#fff;border-radius:20px;margin:-55% 0 0 47%;padding:40px;box-shadow:0 8px 27px 0 rgba(14,63,108,.18823529411764706)}.srcbox .hey{font-family:Poppins;font-size:2rem}.srcbox .hey,.srcbox .where{font-style:normal;font-weight:500;margin:0}.srcbox .where{font-size:20px}.srcbox .recent{display:flex}.srcbox .recent .txt{width:50%;display:flex;align-items:center;font-family:Poppins;font-size:1rem;font-style:normal;font-weight:600}.srcbox .recent p{text-align:end;color:#2395ff;width:50%;font-size:2rem}.srcbox .countryselect{height:15%;left:766px;top:372px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:0 8px 27px 0 rgba(14,63,108,.18823529411764706)}.srcbox .countryselect .input{display:flex;flex-direction:column;align-items:flex-start;width:50%}.srcbox .countryselect input{border:none;width:100px}.srcbox .countryselect .city{font-family:Poppins;font-size:1.3rem;font-style:normal;font-weight:600}.srcbox .countryselect .input .txt{width:100%;font-family:Lato;font-size:1rem;font-style:normal;font-weight:400;color:#979797;margin:0;display:flex;justify-content:flex-start}#in2 .txt{justify-content:flex-end}#in2{align-items:flex-end}#in2 input{text-align:end}.srcbox .countryselect img{width:10%}.srcbox .btnbox{display:flex;margin-top:20px;margin-bottom:10px;height:7%}.srcbox .btnbox .btn{display:flex;align-items:center;justify-content:center;border:none;background-color:#2395ff;height:100%;width:40%;left:766px;top:492px;border-radius:6px;margin-right:10%}.srcbox .btnbox .btn:hover{border:2px solid #4d4b4b}.srcbox .btnbox .btn p{margin:0 0 0 10px;font-family:Poppins;font-size:14px;font-style:normal;font-weight:600;color:#fff}@media screen and (min-width:1900px){.textHeader{margin-left:100px;margin-top:130px}.srcbox{margin:-50% 0 0 47%}.srcbox .btnbox .btn p{font-size:20px}.person{height:15%}.personinput{height:30%!important}.srcbox p{font-size:25px}.srcbox .class .classbox .checkbox p{font-size:25px!important}.srcbox .departure .accordion-button p{font-family:Lato;font-size:1.5rem!important;font-style:normal;margin:0}.srcbox .btnflight .searchflight p{font-family:Poppins;font-size:30px!important;font-style:normal;font-weight:500!important;color:#fff}.srcbox .btnflight .searchflight{height:90px}}#btn2{width:50%;margin:0;background-color:#f0f0f0}#btn2:hover{border:2px solid grey}#btn2 p{color:#595959}.srcbox p{font-family:Poppins;font-style:normal;font-weight:500;color:#6b6b6b;margin:10px 0}.departure{height:15%;margin-top:5%}.srcbox .departure .item{border-radius:6px}.srcbox .departure .accordion-button p{font-family:Lato;font-size:1rem;font-style:normal;font-weight:900;margin:0}.srcbox .departure .accordion-body{position:absolute;margin-left:-19px}.srcbox .person .personinput{display:flex;justify-content:flex-start;height:20%}.srcbox .person .personinput .inputbox{display:flex;align-items:center;border-radius:6px;justify-content:center;width:45%;margin-right:10%;padding:5px;background-color:#fff;border:1px solid #ddd}.srcbox .person .personinput .inputbox input{width:80%;border:none}.srcbox .person .personinput .inputbox img{width:12px;height:12px}#box2{margin:0}.srcbox .class .classbox{display:flex}.srcbox .class .classbox .checkbox{display:flex;margin-right:10px;width:30%;align-items:center}.srcbox .class .classbox .checkbox p{margin:0;font-family:Lato;font-size:14px;font-style:normal;font-weight:700;color:#000}.srcbox .class .classbox .checkbox .check{border-radius:50%;margin:0 10px 0 0}.srcbox .btnflight{width:100%;padding:10px 0 0}.srcbox .btnflight .searchflight{display:flex;align-items:center;justify-content:center;width:100%;border:none;border-radius:10px;box-shadow:0 8px 10px 0 rgba(35,149,255,.30196078431372547);background-color:#2395ff}.srcbox .btnflight .searchflight:hover{border:2px solid #4d4b4b}.srcbox .btnflight .searchflight p{font-family:Poppins;font-size:18px;font-style:normal;font-weight:700;color:#fff}.trending{margin-top:175px}.cardTrending{justify-content:center}.trendText1{color:#2395ff;font-size:14px;font-weight:500;letter-spacing:.3em}.trendText2{font-size:24px;font-weight:600}.trendText3{font-size:16px;color:#2395ff;font-weight:600;text-align:end}.card{margin-top:20px;border-radius:20px;border-style:none;margin-left:10px}.imgTrending{border-radius:20px;height:262px;object-fit:cover;padding:0}.card-img-overlay{margin-right:10px;margin-left:10px;border-radius:20px}.destCard{justify-content:center;margin-top:60px;display:flex;flex-direction:row;align-items:center;margin-right:5px}.topDestination{margin-top:100px;border-radius:20px;background-color:#2395ff;background-image:url(https://github.com/aliefabdussalam/learn-html1/blob/master/vector%203.png?raw=true)}.topDestText{font-size:14px;letter-spacing:.3rem;padding-top:60px}.topDestText,.topDestText2{color:#fff;text-align:center}.topDestText2{font-size:24px;font-weight:600}.destText{text-align:center;color:#fff;font-size:18px;margin-top:25px}.imgdest{width:120px;height:120px;object-fit:cover;overflow:hidden;border-radius:100px;object-position:center}.destbtn{justify-content:center;margin-top:35px;padding-bottom:35px}.back{border:#fff}.next{justify-content:center;align-content:center}@media screen and (max-width:768px){.headerlanding{display:none}.srcbox{width:90%;position:unset;background-color:#fff;border-radius:20px;margin:10% 0 0 5%;padding:40px;box-shadow:0 8px 27px 0 rgba(14,63,108,.18823529411764706)}.srcbox .recent .txt{font-size:14px;text-align:start}.srcbox .btnbox .btn p{font-size:11px}.srcbox .class .classbox .checkbox{margin-top:10px}#cb3{margin-right:0}.srcbox .class .classbox .checkbox p{font-size:11px}.trending{border-right:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px}.trending .cardTrending{width:100%;display:flex;justify-content:flex-start;overflow-x:auto}.cardtrendingBody{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.topDestination{width:100%;margin-left:0}.topDestination .destCard{display:flex;justify-content:flex-start;overflow:auto;width:100%}.destCard .destcardBody{margin-top:40px;margin-right:30px;margin-left:20px}.destCard .destcardBody .destImage{width:100px;height:100px}.destCard .destcardBody .destImage img:hover{border:5px solid #fff}}.body{background-color:#f5f6fa}.head{height:176px;padding:0;border-radius:0 0 30px 30px;background-color:#2395ff;background-image:url(https://raw.githubusercontent.com/farizian/week15/master/img/banner.png)}.head .searchbtn{padding:30px}.head .searchbtn .btnChange{font-family:Poppins;font-size:18px;font-style:normal;font-weight:600;text-align:right;color:#fff;border:none;background-color:transparent;margin-right:50px;transition:50ms;cursor:pointer}.head .searchbtn button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.head .searchbox .resultbox{width:100%;display:flex;justify-content:flex-start}.head .searchbox .resultbox .img{display:flex;margin-right:20px;margin-top:30px;align-items:center}.head .searchbox .resultbox .textsrc{width:40%;display:flex;flex-direction:column;justify-content:center;align-items:center}.head .searchbox .resultbox .textsrc .txtHeader{width:100%;display:flex;justify-content:space-between}.head .searchbox .resultbox .textsrc .txtHeader .from,.head .searchbox .resultbox .textsrc .txtHeader .to{color:#fff}.head .searchbox .resultbox .textsrc .txt{display:flex;justify-content:space-between!important}.head .searchbox .resultbox .textsrc .txt .route1{font-family:Poppins;font-size:16px;font-style:normal;font-weight:600}.head .searchbox .resultbox .textsrc .txt .arrowRoute{width:17px;height:17px;color:#fff;margin-top:-20px}.head .searchbox .resultbox .textsrc .txt .route2{font-family:Poppins;font-size:16px;font-style:normal;font-weight:600}.head .searchbox .resultbox .textsrc .txtDate,.head .searchbox .resultbox .textsrc .txt p{font-family:Lato;font-size:14px;font-style:normal;font-weight:300;color:#fff}.head .searchbox .resultbox .textsrc .txtDate{display:flex;flex-direction:row;justify-content:space-evenly;margin-right:15px}.asideFilter{width:20%;margin-top:30px;margin-bottom:30px}.asideFilter .menuside .filter{font-family:Poppins;font-size:24px;font-style:normal;font-weight:600;color:#000}.asideFilter .menuside .reset{font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;color:#2395ff;transition:50ms;cursor:pointer}.asideFilter .menuside .reset:hover{font-weight:700}.asideFilter .filtercard{display:flex;flex-direction:column;background-color:#fff;border-radius:15px;padding:20px;margin-bottom:20px}.asideFilter .filtercard .cardFilter{display:flex;flex-direction:row;margin-bottom:10px;border:none;border-bottom:1px solid #e5e5e5}.asideFilter .filtercard .cardFilter .menu{width:50%;display:flex;flex-direction:column}.asideFilter .filtercard .cardFilter .menu .headerSearch{width:100%;font-family:Poppins;font-size:16px;font-style:normal;font-weight:600}.asideFilter .filtercard .cardFilter .menu p{font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;width:100%}.asideFilter .filtercard .cardFilter .checkbox{display:flex;flex-direction:column;width:50%}.asideFilter .filtercard .cardFilter .checkbox .imgbox{display:flex;justify-content:flex-end;width:100%;margin-bottom:19px}.asideFilter .filtercard .cardFilter .squarebox{display:flex;justify-content:flex-end;align-items:flex-start;width:100%;margin-bottom:15px}.asideFilter .filtercard .cardFilter .squarebox .check{height:20px;width:20px;border-radius:3px;border:2px solid #2395ff;cursor:pointer}.asideFilter .filtercard .cardFilter .check .mark{margin-top:-12px;margin-left:-6px;background-color:transparent;font-size:28px}.section{margin-top:30px;margin-bottom:30px}.section .headers{display:flex}.section .headers .txt{display:flex;align-items:center;width:50%}.section .headers .selectTicket{font-family:Poppins;font-size:24px;font-style:normal;font-weight:600;margin:0 10px 0 0}.section .headers .totalTicket{font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;color:#595959;margin:0}.section .headers .sortby{display:flex;align-items:center;justify-content:flex-end;width:50%}.section .headers .sortby .sort{font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;margin:0}.section .headers .sortby img{height:17px;width:17px;margin-left:15px}.section .cardticket{display:flex;flex-direction:column;background-color:#fff;border-radius:15px;margin-top:22px;padding:30px}.section .cardticket .flightlogo{display:flex;align-items:center}.section .cardticket .flightlogo img{width:100px;height:57px;margin-right:30px}.section .cardticket .flightlogo .nameAirplane{font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;margin:0;color:#595959}.section .cardticket .menubar{display:flex;margin-top:20px;margin-bottom:15px;padding:0}.section .cardticket .menubar .country{display:flex}.section .cardticket .menubar .country .row{display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:0}.section .cardticket .menubar .country .row .country1{color:#000;font-family:Poppins;font-size:24px;font-style:normal;font-weight:500;margin:0;padding:0;text-align:center}.section .cardticket .menubar .country .row .time{font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;color:#6b6b6b;margin:0}.section .cardticket .menubar .country .img{width:19px;height:18px;margin:5px 15px 0}.section .cardticket .menubar .time{display:flex;flex-direction:column;color:#6b6b6b}.section .cardticket .menubar .time .detailtime{font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;text-align:center;margin:7px 0 0}.section .cardticket .menubar .time .transit{font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;text-align:center;margin-top:5px}.section .cardticket .menubar .facilitieslogo{display:flex;align-items:center;color:#6b6b6b}.section .cardticket .menubar .price{display:flex;align-items:center;margin:0 10px 0 20px}.section .cardticket .menubar .price p{font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;margin:0}.section .cardticket .menubar .price strong{color:#2395ff}.section .cardticket .menubar .btn{display:flex;width:150px;align-items:center;justify-content:flex-end;padding:0}.section .cardticket .menubar .btn .select{font-family:Poppins;font-size:16px;font-style:normal;font-weight:700;color:#fff;height:50px;width:150px;border-radius:10px;background-color:#2395ff;box-shadow:0 8px 10px 0 rgba(35,149,255,.30196078431372547);border:none;transition:50ms;cursor:pointer}.section .cardticket .menubar .btn .select:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.section .cardticket .dropdown{border:none}.section .cardticket .dropdown .h2View .btn{font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;background-color:transparent;color:#2395ff}.footerSearchPage{margin-top:20px;background-color:#fff}@media screen and (max-width:768px){body{overflow-x:hidden}.body{width:100%}.head{height:200px;padding:0}.head .searchbox .resultbox .textsrc{width:100%}.head .searchbox .resultbox .textsrc .txt{width:100%;display:flex;justify-content:space-between!important}.head .searchbox .resultbox .textsrc .txt .from,.head .searchbox .resultbox .textsrc .txt .to{width:100%}.head .searchbox .resultbox .img{display:flex;margin-right:20px;margin-top:-45px;align-items:center}.head .searchbtn{display:flex;align-items:center;justify-content:flex-start;margin-top:-20px}.section .headers{width:100%}.section .headers .selectTicket{width:95%;font-size:18px}.section .headers .totalTicket{width:75%;font-family:Poppins;font-size:12px;font-style:normal;font-weight:500;color:#595959;margin:0}.asideFilter{width:100%;margin-top:20px;margin-bottom:30px}.section .headers .txt{width:100%}.controlPrice{margin-left:-15px}.section .cardticket .dropdown .h2View{display:flex;justify-content:flex-end}}.navbar1{width:100%;height:100px;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.05)}.bg{background-color:#f5f6fa}.header{background-color:#2395fe;height:150px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;position:absolute}.header svg{position:absolute;top:-10px;width:180px}.form .cardData{margin-top:50px;position:relative;z-index:1px}.form .formData .formcontactPerson{padding:20px;background-color:#fff;border-radius:10px}.inputForm{margin-top:5px;margin-bottom:20px;border:none;padding:5px;border-radius:none;position:relative;margin-left:5px}.select{height:35px;margin-top:5px;cursor:pointer;border:none;border-right:1px solid grey}.form-control:focus{border-color:none;box-shadow:none}.hr{margin-top:-12px}.fs{margin-top:20px;margin-bottom:20px;font-size:20px;font-weight:700;color:#fff}Label{font-size:15px;font-weight:500}.dangerInfo{padding:10px;border-radius:5px;font-size:15px;background-color:#feecec}.dangerInfo svg{margin-left:10px;margin-right:10px}.passengerInfo{padding:10px 20px;border-radius:5px;font-weight:400;font-size:15px;background-color:#e9f4ff}.passengerInfoText{font-size:12px}.insurance{color:#2395ff;font-size:20px;font-weight:600}.cardHeader{padding:20px;background-color:#fff;border-radius:10px}.cardHeader p{margin-left:20px}.destination{font-size:20px;font-weight:500}.date{font-size:12px;font-weight:500px;color:#6b6b6b}.fitur{font-size:14px}.fitur,.payment{font-weight:600;color:#2395ff}.payment{font-size:20px}.blue{background-color:#2395fe}.btn{border-radius:5px;border:none}.blue:hover,.btnPayLater{border:1px solid #2395fe;background:#fff!important;color:#2395fe}.btnPayLater:hover{color:#fff;background:#2395fe!important}@media screen and (max-width:576px){.fs{color:#000}}body{margin:0;padding:0}.myBooking{flex-direction:row}.myBooking,.myBooking .users{display:flex;justify-content:center}.myBooking .users .cardUser{margin-top:50px;width:100%;background:#fff;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.05);margin-right:20px}.myBooking .users .cardUser .itemCard{display:flex;align-items:center;flex-direction:column}.myBooking .cardUser .outline{width:180px;height:180px;justify-content:center;margin-top:50px;border-radius:50%;border:4px solid #2395ff;outline:hidden;display:flex;align-items:center}.myBooking .users .cardUser .imgUser{width:150px;height:150px;border-radius:50%}.myBooking .users .cardUser .photo{width:150px;height:50px;background:#fff;border:1px solid #2395ff;box-sizing:border-box;border-radius:10px;color:#2395ff;margin-top:20px}.myBooking .users .cardUser .itemCard .name{font-style:normal;font-weight:600;font-size:20px;line-height:30px;text-align:center;color:#000;margin-bottom:0;margin-top:20px}.myBooking .users .cardUser .itemCard .address{font-style:normal;font-weight:400;font-size:14px;line-height:22px;text-align:center;color:#6b6b6b}.cc{display:flex;justify-content:space-between;margin:30px 20px 0}.cc .nameCard{font-style:normal;font-weight:600;font-size:14px;line-height:22px;text-align:center;color:#000}.cc .btnAdd{margin-top:-10px}.cc .add{font-style:normal;font-weight:600;font-size:14px;line-height:22px;text-align:right}.cc .add,.cc .add:hover{color:#2395ff}.cardBank{margin:30px 20px 0}.cardBank .cardBlue{width:100%;display:flex;flex-direction:column;align-items:flex-start;background:#2395ff;box-shadow:0 8px 25px rgba(35,149,255,.49);border-radius:10px;padding:15px}.cardBank .cardBlue .numberCard{font-style:normal;font-weight:600;font-size:14px;line-height:22px;letter-spacing:1.5px;color:#fff}.cardBank .cardBlue .cardBody{display:flex;flex-direction:row;justify-content:center}.cardBank .cardBlue .cardBody .brandCard,.cardBank .cardBlue .cardBody .debit{font-style:normal;font-weight:400;font-size:12px;line-height:22px;color:#aefaff}.cardBank .cardBlue .cardBody .debit{text-align:right;margin-left:110px}.itemProfile{margin-top:40px;margin-left:20px}.itemProfile .listProfile{cursor:pointer;border:none!important}.list-group-item{border-bottom:none!important;margin-bottom:20px}.itemProfile .listProfile .review:hover,.itemProfile .listProfile .setting:hover{color:#2395ff!important}.itemProfile .listProfile .profile .iconProfile{color:#2395ff!important;margin-right:10px}.itemProfile .listProfile .profile{color:#2395ff!important;font-style:normal;font-weight:600;font-size:16px;line-height:22px}.itemProfile .listProfile .review .iconReview,.itemProfile .listProfile .setting .iconSetting{color:#979797;margin-right:10px}.itemProfile .listProfile .review,.itemProfile .listProfile .setting{font-style:normal;font-weight:600;font-size:16px;line-height:22px;color:#000}.itemProfile .listProfile .logout{font-style:normal;font-weight:600;font-size:16px;line-height:22px;color:#f24545}.itemProfile .listProfile .logout .iconLogout{color:#f24545;margin-right:10px}.contentLeft{margin-top:50px}.contentLeft .cardTitle{width:100%;height:115px;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.09);border-radius:15px;padding:25PX}.contentLeft .cardTitle .titleHistory{font-style:normal;font-weight:500;font-size:14px;line-height:21px;letter-spacing:.3em;color:#2395ff}.contentLeft .cardTitle .bodyTitle{display:flex;align-items:center;justify-content:space-between}.contentLeft .cardTitle .bodyTitle .title2{font-style:normal;font-weight:600;font-size:24px;line-height:36px}.contentLeft .cardTitle .bodyTitle .order{font-style:normal;font-weight:600;font-size:16px;line-height:24px;text-align:right;color:#2395ff;margin-top:15px}.cardHistory{height:225px}.cardHistory,.cardHistoryActive{width:100%;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.09);border-radius:15px;padding:30PX;margin-top:30px}.cardHistoryActive{height:450px}.dateBook{font-family:Poppins;font-weight:400;font-size:14px}.dateBook,.travel{font-style:normal;line-height:22px;color:#000}.travel{font-weight:600;font-size:20px}.iconAirlane{margin:0 10px;color:#979797}.nameAirlane{font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#979797}.marginCenter{border-bottom:1px solid #e5e5e5;margin:0 -30px}.details{display:flex!important;flex-direction:column;margin-top:10PX}.details .headerDetails{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px}.details .status{font-style:normal;font-weight:600;font-size:14px;line-height:22px;color:#7a7a7a;margin-top:10px}.details .witing{width:20%;background:#ff7f23}.details .eticket,.details .witing{height:36px;border-radius:6px;padding:5px;font-style:normal;font-weight:600;font-size:14px;line-height:22px;text-align:center;color:#fff}.details .eticket{width:16%;background:#4fcf4d}.details .vDetails{background:none!important;border:none;font-style:normal;font-weight:600;font-size:16px;line-height:24px;text-align:right;color:#2395ff;cursor:pointer}.details .vDetails .iconDetails{margin-left:20px}.details .detailsInfo .headInfo{font-style:normal;font-weight:400;font-size:12px;line-height:22px;color:#a5a5a5}.details .detailsInfo .toPay{width:25%;height:50px;background:#2395ff;box-shadow:0 8px 10px rgba(35,149,255,.3);border-radius:10px;margin-top:20px;font-style:normal;font-weight:700;font-size:14px;line-height:27px;color:#fff}.footer{margin-top:20px;height:20vh}@media screen and (max-width:768px){.row .users .cardUser{height:825px}.cardBank .cardBlue{height:100px}.cardBank .cardBlue .numberCard{font-size:20px;letter-spacing:2px}.cardBank .cardBlue .cardBody .brandCard{font-size:20px;line-height:22px;margin-top:10px}.cardBank .cardBlue .cardBody .debit{font-size:20px;margin-top:10px}.cardHistory{height:250px}.cardHistoryActive{height:595px}.details .status{margin-right:0}.details .eticket,.details .witing{width:70%;margin-right:0}.details .vDetails{text-align:start;margin-top:15px;margin-left:0}.details .vDetails .iconDetails{margin-left:10px}.details .detailsInfo .toPay{width:100%}}.card1{padding:20px;border-radius:5px;flex-direction:column}.card1 h1{font-size:30px;font-weight:700;color:#fff}.card1 p{font-weight:500;font-size:15px;color:#fff}.icon{width:80px;height:auto;opacity:1%}.tbllistFlight{position:unset}.tblScroll Table{width:100%}.tblScroll th{padding:10px;width:100%}.listcountry .tablecountry{width:100%}#btncountry{display:flex;align-items:center;justify-content:center;margin-left:10px;width:40px;height:40px;font-size:15px}#btnadmin{margin-left:40px;margin-bottom:20px}#tbl3{margin-left:30px}.remove{width:30px;height:30px;border-radius:100px;font-size:20px;font-weight:900;margin-left:20%;color:#fff;border:none;display:flex;justify-content:center;align-items:center;background-color:#dd4b39}.blue{background-color:#00c0ef}.red{background-color:#dd4b39}.green{background-color:#00a65a}.fs-15{font-size:12px}@media screen and (max-width:576px){.card{padding:0;border-radius:5px;flex-direction:column}.title{margin-left:13px;margin-top:5px;width:86px!important;text-align:center}.card h1{font-size:15px;font-weight:600;color:#fff}.card p{font-size:10px;font-weight:500;color:#fff;text-align:left}#m22{margin-top:-10px;margin-bottom:10px}.icon{width:30px;height:auto;opacity:1%}#btnadmin{margin-bottom:20px}#btnadmin,#tbl3{margin-left:0}}
/*# sourceMappingURL=main.5faa191b.chunk.css.map */