body{padding:0; margin:0; }
 *{padding: 0; margin: 0;}
 a{text-decoration:none; color:#000;}
:root {
  --color-theme1: #0d6efd;
  --color-theme2: #6610f2;
  --color-theme3: #6f42c1;
  --color-textcolor1: #d63384;
  --color-textcolor2: #d63384;
  --color-highlisht: #d63384;
  --color-theme-gra:linear-gradient(244deg, #1a9be0e6, rgba(11, 76, 110, 0.9));
    --color-theme-gra2:linear-gradient(244deg, rgba(13, 77, 112, 0.9), rgba(0, 123, 189, 0.9));
  --color-box-shadow:var(--color-box-shadow);
  --color-white:#fff;
  --font-theme:  "Ubuntu Sans", sans-serif;
      --wp--preset--gradient--tint: linear-gradient(180deg, #ddf1fb73 0%, #b9e1f782 100%);


}

.xtlbody_CU { background-image: url('../img/backgroundimgcontactusnew.png'); background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; position: relative;}


.xtlbg-xtlbody { background-image: url('../img/xtlbgbody.jpg'); background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; position: relative;}

.xtlbg-xtlbody_dd { background-image: url('../img/backgroundimgcontactus.png'); background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; position: relative;}
/* .xtlbg-xtlbody::before{position: fixed; content:''; left: 0; top: 0; width:100%; height:100%; background-color: #0c2282a1;} */
.warrap{position: relative; z-index: 11;   min-height: 100vh;}
.logo img{max-width:170px; min-width:170px;}
header{padding:20px 0; }
.borbtn{padding:10px 20px; border-radius:50px; color: #fff; background-color: #0219760d; border:1px solid #fff; cursor: pointer; transition: 0.5s ease-in-out; line-height: 22px;}
.customflex{display: flex; align-items: center; justify-content: space-between;}
.borbtn:hover{background-color:#fff !important; color:#000 !important; }
.loginform { position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%);}
.loginhead {display: flex; flex-direction: column; row-gap:8px; align-items: center;}
.loginhead h2{color: var(--color-white); margin-bottom: 0; font-size:35px; text-align: center;}
.loginhead p{font-size:17px; color:var(--color-white);}
.login{ min-width:450px; width:100%; padding:37px 30px; background: #0F1053;
background: linear-gradient(180deg,rgba(15, 16, 83, 1) 0%, rgba(17, 20, 105, 1) 94%); border-radius:5px; display: flex; flex-direction: column; row-gap:15px;}
.inputfiles{width:100%; height:45px; border:4px; background-color:#161A78; color: #AFB3F3; padding-left:45px;}
input::placeholder{color:#AFB3F3;}
.lockicon{ position: absolute; left: 10px; top: 9px; max-width: 20px; min-width: 20px;}
.emailicon{ position: absolute; left: 10px; top: 14px; max-width: 22px; min-width: 22px;}
.inputs{position: relative;}
.inputfiles:focus{outline: 0;}
.loginbtn{display: block; width:100%; color:#fff; background-color:#CF2E4F; /*text-transform: uppercase; */ height:50px; display: flex; align-items: center; justify-content: center; border: none; border-radius: 5px; font-size: 18px; margin-top:20px;}
.forgotpassword{color: var(--color-white); text-align: center; margin-top: 10px;}
.forgotpassword:hover{color:#fff; text-decoration: underline;}
.headinghome h1{ color: #fff; font-size: 45px; text-align: center;}
.headinghome p{ color: #fff; text-align: center; font-size: 18px; max-width:450px;}
.headinghome {display: flex; flex-direction: column; align-items: center; row-gap:12px; margin-top:22px;}
.desktopoption
{background: #0F1053;
background: linear-gradient(180deg,rgba(15, 16, 83, 1) 0%, rgba(17, 20, 105, 1) 94%); display: flex; flex-direction: column; row-gap:25px; align-items: center; justify-content: center;  padding:25px; width:100%; height:240px; border-radius:5px;}
.desktopoption img{max-width:60px; min-width:60px;}
.desktopoption h3{color: #fff;}
.sectionpadding{padding-top:60px;}
.vishide{visibility: hidden;}
.visishow{color:#fff;}
.rwgap{row-gap:24px;}
.headingmodule{}
.headingmodule h2{color: #fff;word-break: break-all;}
.headingmodule p{color: #fff; margin-bottom: 0;}
.modulecard{background: #0F1053; height: 100%; width: 100%;
background: linear-gradient(180deg,rgba(15, 16, 83, 1) 0%, rgba(17, 20, 105, 1) 94%); padding:25px; border-radius:5px; display: flex; align-items: self-start; column-gap: 25px;}
.modulecontent h3{color: #fff; font-size:22px; margin-bottom: 22px; word-break: break-all;}
.modulecontent ul li{color: #fff; font-size:16px; word-break: break-all;}
.moduleimg img{max-width:35px; min-width:35px;}
.modulecontent ul{ padding-left: 19px;}
.moduleminwidth{max-width:490px;} /* max-width:490px; */
/*.modulecontent p{color: #fff; word-break: break-all;}*/

.modulecontent p{color: #fff; word-break: break-all;margin-bottom: 0.1rem !important;}
 .modulecontent p::before {
  content: "• ";   /* Unicode bullet */
  font-size: 1.2em; /* Optional: make bullet bigger */
   
}
.moduleimg2 img {
    max-width: 70px;
    min-width: 70px;
}
.modulecontent2 h3 {font-size: 44px;}
.modulecontent2 p { color: #fff; word-break: break-all;  font-size: 21px;}
.moduleoption { font-size: 21px; color: #fff; text-transform: uppercase; font-weight: 500;}



/* Pagination Wrapper */
.pagination-wrapper {
  display: flex;
  align-items: center;
  justify-content:center;
  gap: 15px;
  margin-top: 20px;
  font-family: sans-serif;
 width: 100%;
}

/* Page Indicator */
.page-indicator {
    font-size:20px;
    font-weight:500;
    color: #ffffff;
}

/* Next Button */
.next-btn{ background: none; font-size: 19px;  font-weight: 400; color: #ffffff; border: 1px solid #fff; border-radius: 4px; padding: 10px 20px; cursor: pointer; transition: 0.5s ease-in-out;}
.next-btn:hover{background-color:#fff; color:#000;}
.next-btn img{max-width:30px; min-width: 30px;}
.pagi{column-gap:25px;}
.qizehad{ max-width: 678px;  word-break: break-all; width:100%;}
.qutions{ max-width: 620px; display: flex; justify-content: center; width: 100%; column-gap: 8px;}
.qutions h3{ color: #fff; margin-bottom: 0;}
.qutions p{font-weight: 500; color:#fff; word-break: break-all; font-size: 20px; margin-bottom: 0;}
.custom-checkbox span{color: #fff; font-weight: 600; font-size: 17px;}
.qutionsmain{max-width:620px; width:100%; row-gap: 35px;}
.rwgaps{row-gap:38px;}
  .custom-checkbox {
    position: relative;
    display: flex
;
    padding-left: 0;
    cursor: pointer;
    font-size: 18px;
    user-select: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width:250px;
}

    /* Hide the default checkbox */
    .custom-checkbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }

    /* Custom box */
    .checkmark {
    position: relative;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 3px;
    display: block;
}

    /* Tick sign */
    .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 5px;
      top: 1px;
      width: 5px;
      height: 10px;
      border: solid red;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
    }

    /* Show the tick when checked */
    .custom-checkbox input:checked ~ .checkmark:after {
      display: block;
    }
     .custom-checkbox input:checked ~ .checkmark {
      border-color: red;
    }
    .sectionpaddings{padding-top:60px;}
    .bgwqui{background: linear-gradient(180deg,rgba(15, 16, 83, 1) 0%, rgba(17, 20, 105, 1) 94%); max-width:700px; width:100%; margin: 0 auto; padding:36px 0; margin-top:40px;}
.bgdkt {
    background: linear-gradient(180deg, rgba(15, 16, 83, 1) 0%, rgba(17, 20, 105, 1) 94%);
    max-width: 640px;
    margin: 0 auto;
    padding: 39px;
    margin-top: 38px;
}
.btborder{border-bottom:1px solid #fff; padding-bottom: 35px;}
.profileimg{width:200px; height:200px; background-color: #0F1053; flex-basis:30%; border-radius:4px; position: relative; overflow: hidden; }
.contactusimg{width:500px; height:489px; background-color: #0F1053; flex-basis:30%; border-radius:4px; position: relative; overflow: hidden;margin-top:103px; }
.profilemain{display: flex; align-items: flex-start; justify-content: start; column-gap:40px;}
.profiletext{display: flex; flex-direction:column;  }
.profiletext label{color: #fff; font-weight:500;}
.profiletext span{color: #fff; word-break: break-all;}
.bgdkts {
 
    max-width: 640px;
    margin: 0 auto;
    padding: 39px 0;
    margin-top: 38px;
}

.bgdkts1 {
 
    max-width: 1000px;
    margin: 0 auto;
    padding: 39px 0;
    margin-top: 38px;
}

.profiledetails{display: flex; flex-direction: column; row-gap:15px; flex-basis:70%; }
.profileimg img{max-width:100%; min-width:100%; max-height:100%; min-height:100%; object-fit: cover;}
.openbutn{
    width: 100%;
    height: 41px;
    color: #fff;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    background-color: #2020208f;
    position: absolute;
    bottom: 0px;
    cursor: pointer;
    transition: 0.5s ease-in-out;
}
.openbutn:hover{background-color: #CF2E4F;}
.downloadbtn{
   padding: 10px 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #0219760d;
    border: 1px solid #fff;
    cursor: pointer;
    transition: 0.5s ease-in-out;
    line-height: 22px;
    display:flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .downloadbtn:hover{background-color: #CF2E4F; border-color:#CF2E4F ;}
  .dslkd{display: flex; flex-direction: column; justify-content: space-between; flex-basis: 70%;}
  .profilemains{display: flex; align-items: normal; justify-content: start; column-gap:40px;}
  .headcer{
    margin-bottom: 0;
    color: #fff;
    padding-bottom: 39px;
}