/* Chrome, Safari, Edge, Opera */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 /* Firefox */
 input[type=number] {
     -moz-appearance: textfield;
 }

 .x2f1 {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .x2d1 {
     padding: 7px 10px 7px 5px;
     align-items: center;
 }

 .x2d2 {
     flex-direction: row;
     width: 33%;
     /* justify-content:space-between; */
     align-items: center;
     padding: 5px 2px;
 }

 .x2d1,
 .x2d2 {
     background: #fff;
     border-radius: 10px;
     display: flex;
     border: 2px solid #214b6b;
     box-shadow: 0px 0px 10px 0px #214b6b;
     position: relative;
 }

 .x2d3 {
     background: transparent;
     padding: 0;
     gap: 10px;
     align-items: normal;
     border: none;
     box-shadow: none;
     grid-column: 1 / span 3;
 }

 .x2d4 {
     display: flex;
     gap: 5px;
     justify-content: center;
     align-items: center;
 }

 .x2d4>input {
     width: 35px;
     text-align: center;
     font-family: var(--font-1);
     font-size: 16px;
     font-weight: bold;
     color: #222;
 }

 .x2i1 {
     width: fit-content;
     height: 20px;
 }

 .x2in1 {
     font-size: 14px;
     font-family: var(--font-01);
     padding: 5px;
     border: 0;
     width: 100%;
     color: #222;
     font-family: 'Open sans', sans-serif;

 }

 #x2in2 {
     font-size: 16px;
     line-height: 16px;
     font-weight: normal;
     width: 100%;
 }

 .x2in1:focus {
     outline: none;
 }

 .x2lb1,
 .x2s1 {
     text-align: left;
 }

 .x2lb1 {
     display: block;
     color: #222;
     font-size: 14px;
     margin-bottom: 2px;
     font-family: 'Open sans', sans-serif;
     padding: 0 15px;
 }

 .x2s1 {
     color: #ccc;
     font-family: var(--font-2);
     font-size: 12px;
     font-weight: normal;
     display: block;
 }

 /* .x2td1{width:30px; display:flex; align-items:center; justify-content:center;} */
 .x2i3 {
     height: 20px;
     filter: opacity(0.5)
 }

 .x2s3 {
     border-right: 1px solid #cdc1c1;
     width: 30px;
     text-align: center;
     display: flex;
     justify-content: center;
 }

 .x2bt1,
 .x2bt2 {
     background: url('../img/icons/arrow.svg') no-repeat center center;
     width: 11px;
     height: 21px;
     border: 0;
 }

 .x2bt1 {
     /* border-left:none; */
 }

 .x2bt2 {
     /* border-right:none; */
     transform: rotate(180deg);
 }

 #x2bt3 {
     background: var(--color-5);
     color: #fff;
     font-family: var(--font-2);
     font-size: 20px;
 }



 .x2d5 {
     display: flex;
     gap: 30px;
 }

 .x2td1 {
     padding: 7px !important;
     font-size: 15px !important;
 }

 #x2bt3 {
     border-radius: 10px;
     padding: 8px 20px 3px;
     border: 3px solid var(--color5);
     box-shadow: 0px 0px 15px 1px #0005;
     width: 50%;
     font-family: var(--font-1);
     font-weight: bold;
     font-size: 16px;
     line-height: 16px;
 }

 #x2d6 {
     width: 100%;
     font-family: var(--font-1);
     font-size: 17px;
     font-weight: bold;
     box-sizing: border-box;
 }

 #x2s4 {
     display: block;
     text-align: center;
     font-family: var(--font-2);
     color: #111;
     font-size: 11px;
     font-weight: normal;
     word-spacing: 2px;
     letter-spacing: 1px;
 }

 .x2u1 {
     position: absolute;
     overflow: auto;
     max-height: 250px;
     height: fit-content;
     width: 100%;
     top: 45px;
     left: 0;
     background: #fff;
     z-index: 100;
     border: 2px solid #ccc;
     border-radius: 5px;
     border-top: 0;
     display: none;
 }

 .x2l1 {
     border-bottom: 1px solid #ccc;
     padding: 7px 20px;
     font-size: 14px;
     display: flex;
 }

 .x2l1:hover {
     color: var(--color3);
     background: #e3e3e3;
 }

 .x2s5 {
     padding: 7px 20px;
     display: block;
     background: var(--color5);
     color: #fff;
 }

 .x2s8::after {
     content: "";
     width: 0;
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 5px solid #214b6b;
     display: block;
     margin-left: 5px;
 }

 .x2s8 {
     padding: 5px;
 }

 .x2fs1 {
     border: 0;
     margin-bottom: 40px;
     display: grid;
     grid-gap: 40px 30px;
     grid-template-columns: 1fr 1fr 1fr 1fr;
 }

 #x2p1 {
     font-size: 12px;
     color: #c96e20;
 }

 #x2p4 {
     padding: 10px 20px;
     margin: 20px 0;
     background: #e7e7e7;
     color: #222;
     font-size: 15px;
 }

 .x2lg1 {
     grid-column: 1 / span 3;
 }

 .x2lg1,
 .x2h1 {
     width: 100%;
     display: block;
     font-size: 35px;
     font-family: 'Overlock SC', cursive;
     color: #214b6b;
     padding: 10px 0;
     margin: 10px 0 30px;
     font-weight: 600;
 }

 .x2h1 {
     margin: 0;
 }

 .x2lb2 {
     display: block;
     color: #222;
     font-size: 14px;
     margin-bottom: 10px;
     font-family: 'Open sans', sans-serif;
     padding: 0;
 }

 .x2d17 {
     display: flex;
 }

 .x2d18 {
     margin-right: 15px;
     padding: 10px;
 }

 .x2d18>input {
     scale: 1.35;
 }

 .x2d19,
 .x2d20 {
     margin-bottom: 10px
 }

 .x2d19 {
     grid-column: 1 / span 2;
 }

 #x2d16 {
     grid-column: 1 / span 2;
 }

 .x2d20 {
     grid-column: 3 / span 2;
 }

 #x2d21 {
     align-items: end;
     margin-top: 25px;
     gap: 30px;
     flex-wrap: wrap
 }

 #x2d22 {
     grid-column: 2 / span 2;
 }

 .x2d23 {
     display: flex;
     justify-content: space-around;
     gap: 30px;
     margin-bottom: 15px;
 }

 .x2d23>div {
     width: 50%;
 }

 #x2p2 {
     font-size: 14px;
 }

 #x2p3 {
     display: none;
 }

 .x2e2 {
     align-items: flex-start;
 }

 .x2e3 {
     justify-content: flex-end;
 }

 .x2e1 {
     color: #fff;
     border-radius: 10px;
     padding: 15px 50px;
     border: 1px solid #fff;
     font-family: 'Open sans', sans-serif;
     font-weight: bold;
     font-size: 16px;
     line-height: 16px;
     transition: 1s all;
     background: #2e4b69;
     cursor: pointer;
     transition: .5s;
     display: inline-block;
 }

 .x2e1:hover {
     /* background: var(--color5); */
     box-shadow: inset -160px 0 0 0#298ebb, inset 160px 0 0 0#298ebb;

 }


 .x2e4 {
     display: none;
     margin-top: 10px;
 }


 /* summary */
 .x2u3 {
     list-style: none;
     margin-bottom: 5px;
 }

 .x2u3>li {
     display: flex;
     padding: 5px 0;
     border-top: 1px solid #ddd;
 }

 /* .x2u3 > li:nth-child(2n-1){ background:$tr_color2;} */
 .x2b1,
 .x2s7 {
     font: normal 14px var(--font2);
     padding: 5px;
 }

 .x2b1 {
     color: #222222;
     width: 30%;
     padding: 5px;
 }

 .x2s7 {
     color: #222;
 }

 .x2hh1 {
     font-size: 20px !important;
     font-weight: bold !important;
     color: #214b6b !important;
     padding: 10px !important;
     text-indent: 0 !important;
     background: none !important;
 }

 .x2e5 {
     display: none !important;
 }

 #x2i2 {
     border-radius: 5px;
 }

 #x2p5 {
     font-size: 14px;
 }


 @media screen and (max-width:1100px) {
     .x2d3 {
         grid-column: 1 / span 4;
     }

     #x2d15,
     #x2d24,
     #x2d25,
     #x2d26,
     #x2d27,
     #x2d28,
     #x2d29 {
         grid-column: span 2
     }

     #x2d30,
     #x2d31,
     #x2d32,
     #x2d33 {
         grid-column: span 2
     }

     #x2d21>div {
         width: 50%;
     }
 }

 @media screen and (max-width:800px) {
     #x2d16 {
         grid-column: span 4
     }

     #x2d21>div {
         width: 80%;
     }
 }

 @media screen and (max-width:665px) {
     .x2fs1 {
         min-width: auto;
     }

     .x2d5 {
         gap: 25px;
         flex-wrap: wrap;
     }

     .x2d2 {
         width: 47%;
         justify-content: space-between;
     }

     .x2e3 {
         justify-content: center;
     }
 }

 @media screen and (max-width:540px) {

     #x2d15,
     .x2d19,
     .x2d20,
     #x2d24,
     #x2d25,
     #x2d26,
     #x2d27,
     #x2d28,
     #x2d29,
     #x2d30,
     #x2d31,
     #x2d32,
     #x2d33 {
         grid-column: span 4
     }

     #x2d34 {
         flex-direction: column;
         gap: 10px;
     }
 }

 @media screen and (max-width:478px) {
     .x2d2 {
         width: 100%;
     }

     .x2e1 {
         /* padding: 10px 38px; */
     }
 }