/*html,body
{
    overflow-x: hidden;
} */

.dds__maincardcontainer .dds__card__footer {
    margin: 12px -0.25rem !important;
}
.dds__maincardcontainer .dds__button--md {
    border-radius: .125rem !important;
    font-size: .875rem !important;
    line-height: 1.5rem !important;
    padding: .4375rem .9375rem !important;
    margin-right: 4px !important;
    margin-top: 12px !important;
}
.dds__maincardcontainer .dds__button.dds__mr-3 {
  margin-right: 8px !important;
  margin-top: 12px !important;
    margin-left:0px !important;
}


.dds__maincardcontainer{
    display:flex;
    font-family: 'Roboto' !important;
       align-items:center;
margin:32px 0px  !important;
width:100%;


}
 .dds__maincardcontainer .dds__card__image{
  width:50% ;
    height:60%;

}


.dds__maincardcontainer .dds__card{
    width:58% ;
 height:50%;

     text-align:center;
font-family:'Roboto';
}
.dds__maincardcontainer .dds__card__content {
align-items: center;
    padding: 3rem ;
    display: flex;
    flex-direction: column;
    flex: auto;
    justify-content: center;
    font-family:'Roboto';
}

.dds__maincardcontainer .dds__card__header__title {
         font-size: 26px ;
  width:100%;
font-weight:200;
    line-height: 30px;
font-family:'Roboto';

    }
.dds__maincardcontainer .dds__card__header__subtitle {
     font-size: 18px;
        line-height: 26px;

      width:100%;
font-family:'Roboto';
}
.dds__maincardcontainer .dds__card__body {

font-family:'Roboto';
 width:100%;
        font-size:14px !important;
}
.dds__maincardcontainer .dds__card__footer {
    display:block;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}

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

    .dds__maincardcontainer{
display:block;
margin:0px;

}
 .dds__maincardcontainer .dds__card__image{
width:100%;

}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100% !important;
        }

.dds__maincardcontainer .dds__card{
    border:0 !important;
margin-left:0px !important;

width:100% !important;
    margin-top: 0px !important;
  text-align:center !important;
margin-top:42px !important;
}
.dds__maincardcontainer .dds__card__content {
    padding: 40px;
    align-items: center;
    padding: 3rem ;
    display: flex;
    flex-direction: column;
    flex: auto;
    justify-content: center;
    margin-top:-35px  !important;
    width:100% !important;
}
.dds__maincardcontainer .dds__card__action, .dds__card__footer {
    display:block;

}

.dds__maincardcontainer .dds__card__header__title {

    font-size: 26px !important;
 width:100% !important;
font-weight:300;
    line-height: 30px;

font-family:'Roboto';
    margin:0 auto 20px auto;

}
 .dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 22px;
        line-height: 26px;
font-weight:300;
     width:100% !important;
font-family:'Roboto';


}
.dds__maincardcontainer .dds__card__body {

font-family:'Roboto';
 width:100%;
        font-size:14px !important;
font-weight:400;
    line-height:20px;
}

}


@media only screen
and (min-width : 601px)
and (max-width : 900px) {
    .dds__maincardcontainer{
    display:block;
          align-items:center;
margin:0px ;
width:100%;
}
 .dds__maincardcontainer .dds__card__image{
width:100% !important;


}
 .dds__maincardcontainer .dds__card__image #img-alt{
 width:100% !important;

        }

.dds__maincardcontainer .dds__card{
 border:0 !important;
   width:100% !important;
    margin-left: 0px !important;

}
.dds__maincardcontainer .dds__card__content {

 margin-top:-35px  !important;
    padding: 60px ;
    display: flex;
    flex-direction: column;
    flex: auto;
font-family:'Roboto';
     justify-content: center ;
    text-align:center !important;
    align-items: center !important;
}
.dds__maincardcontainer .dds__card__header__title {
  text-align:center !important;
    font-size: 26px !important;
    margin-bottom:10px;
width:100% !important;
font-weight:300;
    line-height: 30px;
font-family:'Roboto';

}
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 22px;
        line-height: 26px;
font-weight:300;
width:100% !important;
    font-family:'Roboto';


}
.dds__maincardcontainer .dds__card__body {
width:100% ;
font-weight:400;
  line-height: 20px;
 font-size:14px !important;
font-family:'Roboto';
}

.dds__maincardcontainer .dds__card__action, .dds__card__footer {
    display:block;
 text-align:center !important;
}
}
@media only screen
and (min-width : 901px)
        and (max-width : 1000px){

 .dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:480px !important;
        }

.dds__maincardcontainer .dds__card{
   width:50% !important;
position:absolute;
  z-index: 3;
    right:0;
min-height:320px;

margin-right:32px;
}
.dds__maincardcontainer .dds__card__content {

padding:1rem !important;
    display: flex;
    flex-direction: column;
    flex: auto;

    text-align:center !important;

}
.dds__maincardcontainer .dds__card__header__title {
        font-family: 'Roboto' !important;
        font-size: 26px !important;
        width: 100% !important;
        font-weight: 300;
        line-height: 30px;

        margin: 0 auto 20px auto;
    }

.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 22px;
        line-height: 26px;
font-weight:300;
width:100% !important;
font-family:'Roboto';

}
.dds__maincardcontainer .dds__card__body {
width:100% ;
font-weight:400;
line-height:20px;
 font-size:14px !important;
font-family:'Roboto' !important;
}
.dds__maincardcontainer .dds__card__action, .dds__card__footer {
    display:block;

    text-align:center !important;

}
}
@media only screen
and (min-width : 1001px)
        and (max-width : 1100px){

.dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:400px;
        }

.dds__maincardcontainer .dds__card{
   width:50% !important;
position:absolute;
  z-index: 3;
    right:0;
min-height:330px;

margin-right:32px;
}
.dds__maincardcontainer .dds__card__content {
 

    align-items: center;
 
    display: flex;
    flex-direction: column;
    flex: auto;
    justify-content: center;
}
.dds__maincardcontainer .dds__card__header__title {
        font-size: 28px !important;
        width: 100% !important;
        font-weight: 300;
        line-height: 32px;
        margin-bottom: 10px;
       margin: -20px auto 10px auto;
    }
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 22px;
        line-height: 26px;
font-weight:300;
width:100% !important;
 
 
}
.dds__maincardcontainer .dds__card__body {
 width:100% ;
font-weight:400;
line-height:20px;
font-size:14px !important;
 
}
.dds__maincardcontainer .dds__card__action, .dds__card__footer {
    display:block;
 
}
}
@media only screen
and (min-width : 1101px)
        and (max-width : 1292px){

 .dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:400px;
        }

.dds__maincardcontainer .dds__card{
   width:50% !important;
position:absolute;
  z-index: 3;
    right:0;
min-height:310px;

margin-right:32px;
}
.dds__maincardcontainer .dds__card__content {


align-items: center;

    display: flex;
    flex-direction: column;
    flex: auto;
    justify-content: center;




}
.dds__maincardcontainer .dds__card__header__title {
        font-family: 'Roboto' !important;
        font-size: 26px !important;
        width: 100% !important;
        font-weight: 300;
        line-height: 30px;

        margin: -20px auto 20px auto;
    }
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 22px;
        line-height: 26px;
font-weight:300;
width:100% !important;

}
.dds__maincardcontainer .dds__card__body {
width:100% !important;
font-weight:400;
line-height:20px;
 font-size:14px !important;

   font-family:'Roboto';
}
.dds__maincardcontainer .dds__card__action, .dds__card__footer {
    display:block;
justify-content: start !important;
        align-items: start !important;
    font-family:'Roboto';
}

}
@media only screen
and (min-width : 1293px)
        and (max-width : 1300px){

  .dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:400px;
        }

.dds__maincardcontainer .dds__card{
   width:50% !important;
position:absolute;
  z-index: 3;
    right:0;
min-height:380px ;

margin-right:32px;
}
.dds__maincardcontainer .dds__card__content {


justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    display: flex;
    flex-direction: column;
    flex: auto;

}
.dds__maincardcontainer .dds__card__header__title {
        font-size: 40px !important;
        width: 100% !important;
        font-weight: 400 !important;
        line-height: 48px !important;
        margin-bottom: 30px !important;
        font-family: 'Roboto' !important;
        text-align: center !important;
        margin: -20px auto 30px auto !important;

    }
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 24px;
        line-height: 32px;
font-weight:400;
width:100% !important;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
   font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__body {
width:100%;
font-weight:400;
  font-size:14px !important;
line-height:20px;
       justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto';
          flex: auto;
}
.dds__maincardcontainer .dds__card__footer {
    display:block;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto';
       margin-left:30px;
}
}
@media only screen
and (min-width : 1301px)
        and (max-width : 1400px){

   .dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:400px;
        }

.dds__maincardcontainer .dds__card{
   width:50% ;
position:absolute;
  z-index: 3;
    right:0;
min-height:360px;

margin-right:32px;
}
.dds__maincardcontainer .dds__card__content {

padding:30px !important;
justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    display: flex;
    flex-direction: column;
    flex: auto;

}
.dds__maincardcontainer .dds__card__header__title {
        font-size: 40px !important;
        width: 100% !important;
        font-weight: 400 !important;
        line-height: 48px !important;
        margin-bottom: 30px !important;
        font-family: 'Roboto' !important;
        text-align: center !important;
       margin: -20px auto 30px auto !important;

    }
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 24px;
        line-height: 32px;
font-weight:400;
width:100% !important;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__body {
width:100%;
font-weight:400;

 font-size:14px !important;
line-height:20px;
       justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__footer {
    display:block;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
}
@media only screen
and (min-width : 1401px)
        and (max-width : 1500px){

 .dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:400px;
        }

.dds__maincardcontainer .dds__card{
   width:50% !important;
position:absolute;
  z-index: 3;
    right:0;
min-height:390px;

margin-right:32px;
}

.dds__maincardcontainer .dds__card__content {


justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    display: flex;
    flex-direction: column;
    flex: auto;

}
.dds__maincardcontainer .dds__card__header__title {
        font-size: 40px !important;
        width: 100% !important;
        font-weight: 400 !important;
        line-height: 48px !important;
        margin-bottom: 30px !important;
        font-family: 'Roboto' !important;
        text-align: center !important;
        margin: -20px auto 30px auto !important;

    }
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 24px;
        line-height: 32px;
font-weight:400;
width:100% !important;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__body {
width:100%;
font-weight:400;

 font-size:14px !important;
line-height:20px;
       justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__footer {
    display:block;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
}
@media only screen
and (min-width : 1501px)
        and (max-width : 1600px){

  .dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:400px;
        }

.dds__maincardcontainer .dds__card{
   width:50% !important;
position:absolute;
  z-index: 3;
    right:0;
min-height:400px;

margin-right:32px;
}

.dds__maincardcontainer .dds__card__content {
 padding: 5rem ;

justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    display: flex;
    flex-direction: column;
    flex: auto;

}
.dds__maincardcontainer .dds__card__header__title {
        font-size: 40px !important;
        width: 100% !important;
        font-weight: 400 !important;
        line-height: 48px !important;
        margin-bottom: 30px !important;
        font-family: 'Roboto' !important;
        text-align: center !important;
        margin: -20px auto 30px auto !important;


    }
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 24px;
        line-height: 32px;
font-weight:400;
width:100% !important;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__body {
width:100% ;
font-weight:400;

 font-size:14px !important;
line-height:20px;
       justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__footer {
    display:block;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
}

@media only screen
and (min-width : 1601px)
        and (max-width : 1700px){

  .dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:400px;
        }

.dds__maincardcontainer .dds__card{
   width:50% !important;
position:absolute;
  z-index: 3;
    right:0;
min-height:400px;

margin-right:32px;
}

.dds__maincardcontainer .dds__card__content {
  padding: 5rem ;

justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    display: flex;
    flex-direction: column;
    flex: auto;

}
.dds__maincardcontainer .dds__card__header__title {
        font-size: 40px !important;
        width: 100% !important;
        font-weight: 400 !important;
        line-height: 48px !important;
        margin-bottom: 30px !important;
        font-family: 'Roboto' !important;
        text-align: center !important;
        margin:-20px auto 30px auto !important;

    }
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 24px;
        line-height: 32px;
font-weight:400;
width:100% !important;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__body {
width:100% ;
font-weight:400;

 font-size:14px !important;
line-height:20px;
       justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__footer {
    display:block;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
}
@media only screen
and (min-width : 1701px)
        and (max-width : 1800px){

  .dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:400px;
        }

.dds__maincardcontainer .dds__card{
   width:50% !important;
position:absolute;
  z-index: 3;
    right:0;
min-height:430px;

margin-right:32px;
}
.dds__maincardcontainer .dds__card__content {

padding:6rem !important;
justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    display: flex;
    flex-direction: column;
    flex: auto;

}
.dds__maincardcontainer .dds__card__header__title {
        font-size: 40px !important;
        width: 100% !important;
        font-weight: 400 !important;
        line-height: 48px !important;
        margin-bottom: 30px !important;
        font-family: 'Roboto' !important;
        text-align: center !important;
        margin:-20px auto 30px auto !important;

    }
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 24px;
        line-height: 32px;
font-weight:400;
width:100% !important;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__body {
width:100% ;
font-weight:400;

 font-size:14px !important;
line-height:20px;
       justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__footer {
    display:block;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
}
@media only screen
and (min-width : 1801px)
        and (max-width : 1900px){

  .dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:400px;
        }

.dds__maincardcontainer .dds__card{
   width:50% !important;
position:absolute;
  z-index: 3;
    right:0;
min-height:450px;

margin-right:32px;
}



.dds__maincardcontainer .dds__card__content {

padding:7rem !important;
justify-content: start ;
    text-align:start ;
    align-items: start ;
    display: flex;
    flex-direction: column;
    flex: auto;

}
.dds__maincardcontainer .dds__card__header__title {
        font-size: 40px !important;
        width: 100% !important;
        font-weight: 400 !important;
        line-height: 48px !important;
        margin-bottom: 30px !important;
        font-family: 'Roboto' !important;
        text-align: center !important;
        margin:-20px auto 30px auto !important;

    }
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 24px;
        line-height: 32px;
font-weight:400;
width:100% !important;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__body {

font-weight:400;
width:100% ;
 font-size:14px !important;
line-height:20px;
       justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__footer {
    display:block;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
}
@media only screen
and (min-width : 1901px)
        and (max-width : 2000px){

   .dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:400px;
        }

.dds__maincardcontainer .dds__card{
   width:50% !important;
position:absolute;
  z-index: 3;
    right:0;
min-height:450px;

margin-right:32px;
}

.dds__maincardcontainer .dds__card__content {
 padding: 7rem ;

justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    display: flex;
    flex-direction: column;
    flex: auto;

}
.dds__maincardcontainer .dds__card__header__title {
        font-size: 40px !important;
        width: 100% !important;
        font-weight: 400 !important;
        line-height: 48px !important;
        margin-bottom: 30px !important;
        font-family: 'Roboto' !important;
        text-align: center !important;
        margin:-20px auto 30px auto !important;

    }
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 24px;
        line-height: 32px;
font-weight:400;
width:100% !important;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__body {
width:100% ;
font-weight:400;

 font-size:14px !important;
line-height:20px;
       justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}

.dds__maincardcontainer .dds__card__footer {
    display:block;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
}
@media only screen
and (min-width : 2001px)
        and (max-width : 2100px){

   .dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:400px;
        }

.dds__maincardcontainer .dds__card{
   width:50% !important;
position:absolute;
  z-index: 3;
    right:0;
min-height:500px;

margin-right:32px;
}
.dds__maincardcontainer .dds__card__content {
padding:7rem !important;

justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    display: flex;
    flex-direction: column;
    flex: auto;

}

.dds__maincardcontainer .dds__card__header__title {
        font-size: 40px !important;
        width: 100% !important;
        font-weight: 400 !important;
        line-height: 48px !important;
        margin-bottom: 30px !important;
        font-family: 'Roboto' !important;
        text-align: center !important;
        margin:-20px auto 30px auto !important;

    }
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 24px;
        line-height: 32px;
font-weight:400;
width:100% !important;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__body {
width:100% ;
font-weight:400;

 font-size:14px !important;
line-height:20px;
       justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__footer {
    display:block;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
}
@media only screen
and (min-width : 2101px)
        and (max-width : 2200px){

   .dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:400px;
        }

.dds__maincardcontainer .dds__card{
   width:50% !important;
position:absolute;
  z-index: 3;
    right:0;
min-height:500px;

margin-right:32px;
}

.dds__maincardcontainer .dds__card__content {
padding:7rem !important;

justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    display: flex;
    flex-direction: column;
    flex: auto;

}


.dds__maincardcontainer .dds__card__header__title {
        font-size: 40px !important;
        width: 100% !important;
        font-weight: 400 !important;
        line-height: 48px !important;
        margin-bottom: 30px !important;
        font-family: 'Roboto' !important;
        text-align: center !important;
        margin:-20px auto 30px auto !important;

    }
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 24px;
        line-height: 32px;
font-weight:400;
width:100% !important;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__body {
width:100% ;
font-weight:400;

 font-size:14px !important;
line-height:20px;
       justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__footer {
    display:block;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
}
@media only screen
and (min-width : 2201px)
        and (max-width : 2300px){
 .dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:400px;
        }

.dds__maincardcontainer .dds__card{
   width:50% !important;
position:absolute;
  z-index: 3;
    right:0;
min-height:500px;

margin-right:32px;
}
.dds__maincardcontainer .dds__card__content {
padding:7rem !important;

justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    display: flex;
    flex-direction: column;
    flex: auto;

}


.dds__maincardcontainer .dds__card__header__title {
        font-size: 40px !important;
        width: 100% !important;
        font-weight: 400 !important;
        line-height: 48px !important;
        margin-bottom: 30px !important;
        font-family: 'Roboto' !important;
        text-align: center !important;
        margin:-20px auto 30px auto !important;

    }
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 24px;
        line-height: 32px;
font-weight:400;
width:100% !important;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__body {
width:100% ;
font-weight:400;

 font-size:14px !important;
line-height:20px;
       justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__footer {
    display:block;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
}
@media only screen
and (min-width : 2301px)
        and (max-width : 2400px){
 .dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:400px;
        }

.dds__maincardcontainer .dds__card{
   width:50% !important;
position:absolute;
  z-index: 3;
    right:0;
min-height:500px;

margin-right:32px;
}
.dds__maincardcontainer .dds__card__content {
padding:7rem !important;

justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    display: flex;
    flex-direction: column;
    flex: auto;

}


.dds__maincardcontainer .dds__card__header__title {
        font-size: 40px !important;
        width: 100% !important;
        font-weight: 400 !important;
        line-height: 48px !important;
        margin-bottom: 30px !important;
        font-family: 'Roboto' !important;
        text-align: center !important;
        margin:-20px auto 30px auto !important;

    }
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 24px;
        line-height: 32px;
font-weight:400;
width:100% !important;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__body {
width:100% ;
font-weight:400;

 font-size:14px !important;
line-height:20px;
       justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__footer {
    display:block;
   justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    font-family:'Roboto'
}
}
@media only screen
and (min-width : 2401px)
        and (max-width : 2500px){

  .dds__maincardcontainer{
    display:flex;


width:100%;

position:relative;

}
 .dds__maincardcontainer .dds__card__image{
width:50% ;

margin-left:32px;
}
 .dds__maincardcontainer .dds__card__image #img-alt{
width:100%;
min-height:400px;
        }

.dds__maincardcontainer .dds__card{
   width:50% !important;
position:absolute;
  z-index: 3;
    right:0;
min-height:500px;

margin-right:32px;
}
.dds__maincardcontainer .dds__card__content {
padding:7rem !important;

justify-content: start ;
    text-align:start !important;
    align-items: start !important;
    display: flex;
    flex-direction: column;
    flex: auto;

}


.dds__maincardcontainer .dds__card__header__title {
        font-size: 40px !important;
        width: 100% !important;
        font-weight: 400 ;
        line-height: 48px ;
        margin-bottom: 30px ;
        font-family: 'Roboto' ;
        text-align: center ;
        margin:-20px auto 30px auto ;

    }
.dds__maincardcontainer .dds__card__header__subtitle {
        font-size: 24px;
        line-height: 32px;
font-weight:400;
width:100% ;
   justify-content: start ;
    text-align:start ;
    align-items: start ;
font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__body {
width:100% ;
font-weight:400;

 font-size:14px ;
line-height:20px;
       justify-content: start ;
    text-align:start ;
    align-items: start ;
    font-family:'Roboto'
}
.dds__maincardcontainer .dds__card__footer {
    display:block;
   justify-content: start ;
    text-align:start ;
    align-items: start ;
    font-family:'Roboto'
}
}