@charset "utf-8";

/* CSS Document */
.custom-select1 select { display:none;}
.custom-select1 .select-hide { display:none;}
.custom-select1 { width:250px; float:right; background:#6fa7da; border:1px solid #6fa7da; border-radius:100px; transition:all 0.25s ease-out 0s; position:relative; z-index:99;}
.custom-select1:hover { background:#f2993c; border-color:#f2993c;}
.custom-select1 .select-items { max-height:174px; background:#ffffff; position:absolute; top:102%; left:0; right:0; z-index:9;}
.custom-select1 .select-items .scrollb {max-height: 174px; max-width: calc(100% - 8px);}
.custom-select1 .select-items  .scrollb div { color:#6fa7da; transition:all 0.25s ease-out 0s; padding:18px 30px 18px 30px;}
.custom-select1 .select-items  .scrollb div:hover { color:#ffffff; background:#6fa7da;}
.custom-select1 .select-selected { color:#ffffff; transition:all 0.25s ease-out 0s; padding:18px 30px 18px 30px;}
.custom-select1:hover .select-selected { color:#ffffff;}
.custom-select1 .select-selected:after { content:""; width:20px; height:20px; background:url(../images/down-white-plain-arrow.svg) no-repeat center / 100% 100%; transform:translateY(-50%); transition:all 0.25s ease-out 0s; margin:0 0 0; position:absolute; top:54%; right:20px;}
.custom-select1:hover .select-selected:after { background:url(../images/down-white-plain-arrow.svg) no-repeat center / 100% 100%;}
.custom-select1 .select-items  .scrollb div, .custom-select1 .select-selected { cursor:pointer; font-size:17px; font-weight:700;}

.enquiry-wrapp .custom-select1 .select-selected { color:rgba(88,89,91,0.5);}
.enquiry-wrapp .custom-select1 { width:100%; border-radius:9px; background:none; border:1px solid #58595b; text-align:left; margin:0 0 0.95% 0;}
.enquiry-wrapp .custom-select1 .select-items  .scrollb div { padding:15px 16px 15px;}
.enquiry-wrapp .custom-select1 .select-selected { padding:15px 16px 15px;}
.enquiry-wrapp .custom-select1 .select-selected:after { content:""; width:24px; height:24px; background:url(../images/chevron-down.svg) no-repeat center / 100% 100%; transform:translateY(-50%); transition:all 0.25s ease-out 0s; margin:0 0 0; position:absolute; top:50%; right:16px;}
.enquiry-wrapp .custom-select1 .select-items  .scrollb div, .enquiry-wrapp .custom-select1 .select-selected { cursor:pointer; font-size:17px; font-weight:400;}

.custom-about {
  width: 250px;
    float: right;
    border: 1px solid #6fa7da;
    border-radius: 100px;
    transition: all 0.25s ease-out 0s;
    position: relative;
    z-index: 99;
    z-index: 99;
    background: #6fa7da url(../images/down-white-plain-arrow.svg) no-repeat;
    background-position-x: 94%;
    background-position-y: 53%;
    
}
.custom-about .select-selected {
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
    padding: 18px 30px 18px 30px;
    cursor: pointer;
    color:#fff
}

.custom-about:hover{ background: #f2993c url(../images/down-white-plain-arrow.svg) no-repeat;  border: 1px solid #f2993c;background-position-x: 94%;background-position-y: 53%;}
.custom-about  select { display:none;}
.custom-about  .select-hide { display:none;}
.custom-about  .select-items { max-height:172px; background:#ffff; position:absolute; top:102%; left:0; right:0; z-index:99;}
.custom-about .select-items .scrollb {max-height: 172px;max-width: 96%;  max-width: calc(100% - 8px);}
.custom-about  .select-items .scrollb div { color:#6fa7da; transition:all 0.25s ease-out 0s; padding:18px 28px 18px 28px;}
.custom-about  .select-items .scrollb div, .custom-select1 .select-selected { cursor:pointer;  font-size: 17px;font-weight: 700; letter-spacing:normal; line-height:normal;}
.custom-about  .select-items .scrollb div:hover { color:#ffffff; background:#6fa7da;}
.custom-about :hover .select-selected { color:#ffffff;}
.custom-about:hover .select-selected {color: #fff;}

.header-wrapp .header-col2 .header-row2 .custom-select1,
.fheader-wrapp .fheader-col3 .fheader-row3 .custom-select1
{background: #f2993c;border-color: #f2993c;}
.header-wrapp .header-col2 .header-row2 .custom-select1:hover,
.fheader-wrapp .fheader-col3 .fheader-row3 .custom-select1:hover
{background: none;border: 1px solid #6fa7da;}

.header-wrapp .header-col2 .header-row2 .custom-select1:hover .select-selected,
.fheader-wrapp .fheader-col3 .fheader-row3 .custom-select1:hover .select-selected
{color: #6fa7da;}

.header-wrapp .header-col2 .header-row2 .custom-select1 .select-selected:after,
.fheader-wrapp .fheader-col3 .fheader-row3 .custom-select1 .select-selected:after
{
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/down-white-plain-arrow.svg) no-repeat center / 100% 100%;
    transform: translateY(-50%);
    transition: all 0.25s ease-out 0s;
    margin: 0 0 0;
    position: absolute;
    top: 50%;
    right: 20px;
}
.header-wrapp .header-col2 .header-row2 .custom-select1:hover .select-selected:after,
.fheader-wrapp .fheader-col3 .fheader-row3 .custom-select1:hover .select-selected:after
{
     background: url(../images/down-blue-plain-arrow1.svg) no-repeat center / 100% 100%;
}


.fheader-wrapp .fheader-col3 .fheader-row3 .custom-select1 .select-selected{text-align: left;}

.header-wrapp .header-col2 .header-row2 .custom-select1 {width: 230px}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.custom-select1 { width:100%;}
.custom-about {width: 100%;}
.fheader-wrapp .fheader-col3 .fheader-row3 .custom-select1 .select-selected{text-align: center;}
.enquiry-wrapp .custom-select1 { margin:0 0 8px;}
.header-wrapp .header-col2 .header-row2 .custom-select1 {width: 100%;}
} 






@media screen and (min-width:481px) and (max-width:600px) {
.custom-select1 { width:100%;}
.custom-about {width: 100%;}
.fheader-wrapp .fheader-col3 .fheader-row3 .custom-select1 .select-selected{text-align: center;}
.header-wrapp .header-col2 .header-row2 .custom-select1 {width: 100%;}
}





@media screen and (min-width:601px) and (max-width:767px) {
.custom-select1 { width:48%;}
.custom-about {width: 100%;}
.header-wrapp .header-col2 .header-row2 .custom-select1 {width: 48%;}
}






@media screen and (min-width:768px) and (max-width:900px) {
.header-wrapp .header-col2 .header-row2 .custom-select1 .select-selected{font-size: 10.5px; padding-left: 24px; padding: 14px 24px 14px 9px;}   
.header-wrapp .header-col2 .header-row2 .custom-select1 .select-items .scrollb div{padding: 10px 6px 10px 6px;}
.header-wrapp .header-col2 .header-row2 .custom-select1{width: 173px;}
.header-wrapp .custom-select1 .select-items .scrollb>div{gap: 4px;font-size: 10px;}
.header-wrapp .header-col2 .header-row2 .custom-select1 .select-selected:after {right: 7px !important;width: 14px;height: 14px;}
.header-wrapp .custom-select1 .select-items .scrollb>div>img, 
.header-wrapp .custom-select1 .select-items .scrollb>div .circle-row1 {width: 11px;}
}







@media screen and (min-width:901px) and (max-width:1024px) {

.header-wrapp .header-col2 .header-row2 .custom-select1 .select-selected{font-size: 11.5px;padding: 14px 12px 14px 12px;}
.header-wrapp .custom-select1 .select-items .scrollb>div{gap: 8px;font-size: 11.5px;padding: 14px 10px 14px 10px;}
.header-wrapp .header-col2 .header-row2 .custom-select1 .select-selected:after {right: 10px;}
.header-wrapp .header-col2 .header-row2 .custom-select1{width: 160px;}


}






@media screen and (min-width:1025px) and (max-width:1240px) {

.header-wrapp .header-col2 .header-row2 .custom-select1 .select-selected{font-size: 13.5px;padding: 18px 14px 18px 14px;}
.header-wrapp .header-col2 .header-row2 .custom-select1 {width: 158px;}
.header-wrapp .custom-select1 .select-items .scrollb>div {gap: 7px;font-size: 13.5px;padding: 18px 13px 18px 13px;}

}

@media screen and (min-width:1241px) and (max-width:1340px) { 

.header-wrapp .header-col2 .header-row2 .custom-select1 {width: 205px;}
.header-wrapp .header-col2 .header-row2 .custom-select1 .select-items .scrollb div, 
.header-wrapp .header-col2 .header-row2 .custom-select1 .select-selected {font-size: 16px;}
.header-wrapp .header-col2 .header-row2 .custom-select1 .select-items .scrollb div {gap: 8px;padding: 18px 27px 18px 27px;}

}

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

.header-wrapp .header-col2 .header-row2 .custom-select1 .select-selected{font-size: 15px;}



}