header ,footer                                { display:none !important; }
.primary-logo                           { position:absolute; max-width:15%; margin:0 auto; top:20px; left:50%; transform: translate(-50%); }
.thankyou-page-template ,.time-line-what-next-section                { position: relative; overflow: hidden; }
.thankyou-page-template .container      { position: relative; z-index:15; }
.thankyou-page-template .container > .row { display:flex;  justify-content: center; }
.thankyou-banner h1                     { margin-bottom:24px; color: #0C1D3D; font-family: 'Montserrat'; font-size: 60px; font-weight: 800; line-height: 72px;  }
.thankyou-banner h2                     { color: #0C1D3D; text-align: center; font-family: 'Montserrat'; font-size: 60px; font-weight: 700; line-height: 72px;  }
.thankyou-banner h5                     { margin-bottom:16px; color: #0C1D3D; font-family: 'Montserrat'; font-size: 32px; font-weight: 600; line-height: 48px;  }
.thankyou-banner ul                     { margin-bottom:40px; }
.thankyou-banner ul li                  { margin-bottom: 16px; display:flex; align-items: center; }
.thankyou-banner ul li:last-child       { margin-bottom: 0; }
.thankyou-banner ul li img              { margin-right: 16px; }
.thankyou-banner ul li a                { color: rgba(0, 0, 0, 0.80); font-family: Poppins; font-size: 22px; font-weight: 500; line-height: 38px;  }
.thankyou-banner ul li a:hover          { text-decoration: underline; }
.pattern-img img                        { position: absolute; }
.pattern-right                          { top:-2%; right:-5%; } 
.pattern-left                           { bottom:-10%; left:0; }
.tl-content  h5                         { position: relative; padding:15px 40px; border-radius: 4px 4px 0px 0px; background: #0487FF; color: #FFF; font-family: Poppins; font-size: 32px; font-weight: 600; line-height: 48px;  }
.tl-content p                           { padding:25px 40px; color: #516385; font-family: Poppins; font-size: 22px; font-style: normal; font-weight: 400; line-height: 38px;  }
.tl { position: relative;margin: 0 auto; }
.tl::after { content: ""; position: absolute; width: 2.4px; height:calc(100% - 40px); transform:translate(50%); background-color: #0487FF;  bottom: 1px; left: 50%; margin-left: -3px; }
.tl::before { content: ""; position: absolute; width: 5px; height:5px; transform:rotate(45deg) translateY(100%); background-color: #0487FF; bottom: 2px; left:50%; margin-left: 0; }
.tl-container { margin-bottom:24px; padding: 0px 30px; position: relative; background-color: inherit; width: 50%; }
.tl-container::after { content: ""; position: absolute; width: 25px; height: 25px; right: 0; transform:translate(50% , 50%); background:#fff url('https://www.yudiz.com/wp-content/uploads/2023/09/blue-right-circle.svg')no-repeat center center/cover; top: 15px; border-radius: 50%; z-index: 18; }
.tl-left { left: 0; padding-left: 0 !important; }
.tl-right { left: 0%; padding-right: 0 !important;  }
.tl-left .tl-content  h5::before { content: " "; height: 0; transform: translate(100%,-50%); position: absolute; top: 50%; width: 0; z-index: 1; right: 0; border: medium solid #0487FF; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #0487FF; }
.tl-right .tl-content  h5::before { content: " "; height: 0; position: absolute; transform: translate(-100%,-50%); top: 50%;  width: 0; z-index: 1; left: 0; border: medium solid #0487FF; border-width: 10px 10px 10px 0; border-color: transparent #0487FF transparent transparent; }
.tl-right::after { left: 0; transform:translate(-50% , 50%);}
.tl-steps-coutner { position: relative; padding-left:160px; display: flex; align-items: center; }
.tl-steps-coutner::before { content: ""; position: absolute; width:135px; height:2px; left:5px; top:50%; transform: translateY(-50%); border:2px dashed #D7D7D7; }
.tl-steps-coutner::after { content: ""; position: absolute; width:10px; height:10px; left:135px; top:50%; transform: translateY(-50%); background:#D7D7D7; border-radius: 50%; }
.tl-steps-coutner h4 { margin-right: 20px; color: #D7D7D7; font-family: Montserrat; font-size: 60px; font-weight: 800; line-height: 72px;  }
.tl-wrapper { display:flex; align-items:center; }
.tl-wrapper:nth-child(even) { flex-direction: row-reverse; }
.tl-wrapper:nth-child(even) .tl-steps-coutner   {  padding-left:0; padding-right: 160px; }
.tl-wrapper:nth-child(even) .tl-steps-coutner::before  { left:auto; right:5px; }
.tl-wrapper:nth-child(even) .tl-steps-coutner::after  { left:auto; right:135px; }
.tl-content {  position: relative;  border-radius: 4px; background: #FFF; box-shadow: 0px 3px 34px 0px rgba(0, 0, 0, 0.20); }
.tl-pattern-right { right:0; top:0; }
@media(max-width:1599px) {
    .primary-logo                           { top:20px; max-width:16%; }
    .thankyou-banner h1                     { margin-bottom:20px; }
    .thankyou-banner h2 ,.thankyou-banner h1 { font-size: 50px; line-height: 62px;  }
    .thankyou-banner h5                     { margin-bottom:16px; font-size: 26px; line-height: 40px;  }
    .thankyou-banner ul                     { margin-bottom:30px; }
    .thankyou-banner ul li                  { margin-bottom: 16px; }
    .thankyou-banner ul li img              { margin-right: 16px; }
    .thankyou-banner ul li a                { font-size: 20px; line-height: 34px;  }
    .tl-content  h5                         { padding:12px 30px; font-size: 26px; line-height: 40px;  }
    .tl-content p                           { padding:20px 30px; font-size:20px; line-height: 34px;  }
    .tl::after                              { width: 2.4px; height:calc(100% - 40px);  margin-left: -3px; }
    .tl::before                             { width: 5px; height:5px;   bottom: 2px; }
    .tl-container                           { margin-bottom:20px; padding: 0px 30px;  }
    .tl-container::after                    { width: 25px; height: 25px; top: 8px;  }
    .tl-left .tl-content  h5::before        { border-width: 10px 0 10px 10px; }
    .tl-right .tl-content  h5::before       { border-width: 10px 10px 10px 0; }
    .tl-steps-coutner                       { padding-left:135px;  }
    .tl-steps-coutner::before               { width:110px; height:2px; left:5px; border:2px dashed #D7D7D7; }
    .tl-steps-coutner::after                { width:10px; height:10px; left:110px;  }
    .tl-steps-coutner h4                    { margin-right: 20px;  font-size: 60px;  line-height: 72px;  }
    .tl-wrapper:nth-child(even) .tl-steps-coutner   { padding-right: 135px; }
    .tl-wrapper:nth-child(even) .tl-steps-coutner::before  { right:5px; }
    .tl-wrapper:nth-child(even) .tl-steps-coutner::after  { right:110px; }
    .pattern-right                          { top:0; right:-6%; width:300px; } 
    .pattern-left                           { bottom:0; left:0; width:300px; }
    .tl-pattern-right                       { right:0; top:0; width:200px; }
}  
@media(max-width:1399px) {
    .thankyou-banner h1                     { margin-bottom:16px; }
    .thankyou-banner h2 ,.thankyou-banner h1 { font-size: 40px; line-height: 52px;  }
    .thankyou-banner h5                     { margin-bottom:12px; font-size: 22px; line-height: 32px;  }
    .thankyou-banner ul                     { margin-bottom:20px; }
    .thankyou-banner ul li                  { margin-bottom: 12px; }
    .thankyou-banner ul li img              { margin-right: 12px; }
    .thankyou-banner ul li a                { font-size: 16px; line-height: 24px;  }
    .tl-content  h5                         { padding:10px 22px; font-size: 22px; line-height: 34px;  }
    .tl-content p                           { padding:12px 20px; font-size:16px; line-height: 30px;  }
    .tl::after                              { width: 2px; height:calc(100% - 40px);  margin-left: -3px; }
    .tl::before                             { width: 4px; height:4px;   bottom: 2px; }
    .tl-container                           { margin-bottom:14px; padding: 0px 25px;  }
    .tl-container::after                    { width: 20px; height: 20px; top: 8px;  }
    .tl-left .tl-content  h5::before        { border-width: 8px 0 8px 8px; }
    .tl-right .tl-content  h5::before       { border-width: 8px 8px 8px 0; }
    .tl-steps-coutner                       { padding-left:100px;  }
    .tl-steps-coutner::before               { width:80px; height:2px; left:5px; border:2px dashed #D7D7D7; }
    .tl-steps-coutner::after                { width:6px; height:6px; left:80px;  }
    .tl-steps-coutner h4                    { margin-right: 14px;  font-size: 42px;  line-height: 52px;  }
    .tl-steps-coutner img                   { max-width: 40px; }
    .tl-wrapper:nth-child(even) .tl-steps-coutner   { padding-right: 100px; }
    .tl-wrapper:nth-child(even) .tl-steps-coutner::before  { right:5px; }
    .tl-wrapper:nth-child(even) .tl-steps-coutner::after  { right:80px; }
    .pattern-right                          { top:0; right:-6%; width:200px; } 
    .pattern-left                           { bottom:0; left:0; width:200px; }
    .tl-pattern-right                       { right:0; top:0; width:150px; }
}
@media(max-width:1199px) {
    .primary-logo                           { top:20px; max-width:20%; }
    .thankyou-banner h1                     { margin-bottom:12px; }
    .thankyou-banner h2 ,.thankyou-banner h1 { font-size: 30px; line-height: 40px;  }
    .thankyou-banner h5                     { margin-bottom:10px; font-size: 20px; line-height: 30px;  }
    .thankyou-banner ul                     { margin-bottom:14px; }
    .thankyou-banner ul li                  { margin-bottom: 10px; }
    .thankyou-banner ul li img              { margin-right: 10px; }
    .thankyou-banner ul li a                { font-size: 16px; line-height: 24px;  }
    .tl-content  h5                         { padding:8px 16px; font-size: 20px; line-height: 30px;  }
    .tl-content p                           { padding:10px 14px; font-size:16px; line-height: 24px;  }
    .tl::after                              { width: 2px; height:calc(100% - 40px);  margin-left: -3px; }
    .tl::before                             { width: 4px; height:4px;   bottom: 2px; }
    .tl-container                           { margin-bottom:12px; padding: 0px 20px;  }
    .tl-container::after                    { width: 15px; height: 15px; top: 8px;  }
    .tl-left .tl-content  h5::before        { border-width: 8px 0 8px 8px; }
    .tl-right .tl-content  h5::before       { border-width: 8px 8px 8px 0; }
    .tl-steps-coutner                       { padding-left:80px;  }
    .tl-steps-coutner::before               { width:60px; height:2px; left:5px; border:2px dashed #D7D7D7; }
    .tl-steps-coutner::after                { width:6px; height:6px; left:60px;  }
    .tl-steps-coutner h4                    { margin-right: 14px; font-size: 30px;  line-height: 40px;  }
    .tl-steps-coutner img                   { max-width: 50px; }
    .tl-wrapper:nth-child(even) .tl-steps-coutner   { padding-right: 80px; }
    .tl-wrapper:nth-child(even) .tl-steps-coutner::before  { right:5px; }
    .tl-wrapper:nth-child(even) .tl-steps-coutner::after  { right:60px; }
    .pattern-right                          { top:0; right:-6%; width:200px; } 
    .pattern-left                           { bottom:0; left:0; width:200px; }
    .tl-pattern-right                       { right:0; top:0; width:120px; }
}
@media(max-width:991px) {
    .primary-logo                           { top:20px; max-width:22%; }
    .thankyou-banner h1                     { margin-bottom:12px; }
    .thankyou-banner h2 ,.thankyou-banner h1 { font-size: 26px; line-height: 34px;  }
    .thankyou-banner h5                     { margin-bottom:10px; font-size: 18px; line-height: 24px;  }
    .thankyou-banner ul                     { margin-bottom:12px; }
    .thankyou-banner ul li                  { margin-bottom: 10px; }
    .thankyou-banner ul li img              { margin-right: 10px; }
    .thankyou-banner ul li a                { font-size: 16px; line-height: 24px;  }
    .tl-content  h5                         { padding:8px 16px; font-size: 18px; line-height: 26px;  }
    .tl-content p                           { padding:10px 14px; font-size:16px; line-height: 24px;  }
    .tl::after                              { width: 2px; height:calc(100% - 20px);  margin-left: -3px; }
    .tl::before                             { width: 4px; height:4px;   bottom: 2px; }
    .tl-container                           { margin-bottom:12px; padding: 0px 20px;  }
    .tl-container::after                    { width: 12px; height: 12px; top: 8px;  }
    .tl-left .tl-content  h5::before        { border-width: 8px 0 8px 8px; }
    .tl-right .tl-content  h5::before       { border-width: 8px 8px 8px 0; }
    .tl-steps-coutner                       { padding-left:80px;  }
    .tl-steps-coutner::before               { width:60px; height:2px; left:5px; border:1px dashed #D7D7D7; }
    .tl-steps-coutner::after                { width:6px; height:6px; left:60px;  }
    .tl-steps-coutner h4                    { margin-right: 14px; font-size: 30px;  line-height: 40px;  }
    .tl-steps-coutner img                   { max-width: 50px; }
    .tl-wrapper:nth-child(even) .tl-steps-coutner   { padding-right: 80px; }
    .tl-wrapper:nth-child(even) .tl-steps-coutner::before  { right:5px; }
    .tl-wrapper:nth-child(even) .tl-steps-coutner::after  { right:60px; }
    .pattern-right                          { top:0; right:-6%; width:200px; } 
    .pattern-left                           { bottom:0; left:0; width:100px; }
    .tl-pattern-right                       { right:0; top:0; width:100px; }
}
@media(max-width:767px) {
    .primary-logo                           { top:30px; max-width:40%; }
    .thankyou-banner                        { margin-bottom:34px; }
    .thankyou-page-template img             { max-width: 80%; }
    .thankyou-banner h1                     { margin-bottom:12px; }
    .thankyou-banner h2 ,.thankyou-banner h1 { font-size: 24px; line-height: 32px;  }
    .thankyou-banner h5                     { margin-bottom:12px; font-size: 18px; line-height: 24px;  }
    .thankyou-banner ul                     { margin-bottom:12px; }
    .thankyou-banner ul li                  { margin-bottom: 10px; }
    .thankyou-banner ul li img              { margin-right: 10px; }
    .thankyou-banner ul li a                { font-size: 16px; line-height: 24px;  }
    .tl-wrapper                             { flex-direction: column-reverse; }
    .tl-wrapper:nth-child(even)             { flex-direction: column-reverse; }
    .tl-content  h5                         { padding:8px 16px; font-size: 18px; line-height: 26px;  }
    .tl-content p                           { padding:10px 14px; font-size:16px; line-height: 24px;  }
    .tl::after                              { width: 2px; height:calc(100% - 20px);  margin-left: -3px; }
    .tl::before                             { width: 4px; height:4px;  left:0; bottom: 2px; }
    .tl-container                           { margin-bottom:36px; padding: 0px 20px;  }
    .tl-container::after                    { width: 20px; height: 20px; top: 2px;  }
    .tl-left .tl-content  h5::before        { border-width: 5px 5px 5px 0; }
    .tl-right .tl-content  h5::before       { border-width: 5px 5px 5px 0; }
    .tl-steps-coutner                       { display:none; /* padding-left:80px;  */ }
    .tl-wrapper:last-child .tl-container  { margin-bottom: 0 !important; }
    /*  .tl-steps-coutner::before               { width:60px; height:2px; left:5px; border:1px dashed #D7D7D7; }
    .tl-steps-coutner::after                { width:6px; height:6px; left:60px;  }
    .tl-steps-coutner h4                    { margin-right: 14px; font-size: 30px;  line-height: 40px;  }
    .tl-steps-coutner img                   { max-width: 50px; } */
    .tl-wrapper:nth-child(even) .tl-steps-coutner   { padding-right: 80px; }
    .tl-wrapper:nth-child(even) .tl-steps-coutner::before  { right:5px; }
    .tl-wrapper:nth-child(even) .tl-steps-coutner::after  { right:60px; }
    .tl::after                              { left: 0px; }
    .tl-container                           { width: 100%; padding-left: 30px !important; padding-right: 0px !important; }
    .tl-container::before                   { left: 60px; border: medium solid #fff; border-width: 5px 5px 5px 0; border-color: transparent #fff transparent transparent; }
    .tl-left::after, .tl-right::after       { left:0px; }
    .tl-right                               { left: 0%; }
    .tl-left .tl-content h5::before         { transform: translate(-100%,-50%);  left: 0;  border-width: 5px 5px 5px 0; border-color: transparent #0487FF transparent transparent; }
    .tl-container::after                    { transform: translate(-50% , 50%); }
    .tl-container.tl-right::after           { transform: translate(-50% , 100%); }
    .pattern-right                          { top:0; right:-6%; width:100px; } 
    .pattern-left                           { bottom:0; left:0; width:100px; }
    .tl-pattern-right                       { right:0; top:0; width:100px; }
}