:root {
--blue: #1d70b7;
--skyblue: #2c78ab;
--dark: #1f1c3e;
--deepDark:#1f1b3e;
--gray: #454544;
--grayLight: #989897;
--yellow: #ffed00;
--white: #ffffff;
--dim:#f6f6f6;
--indigo: #1f1c3e;
--indigoLight: #022460f5;
--skyblueLight: #0d85eec0;
--black:#000000;  
--footer:#3c3c3b;
--formColor:#6e6e6d;
}

.blue{
   color:var(--blue);
}
.dark{
   color:var(--dark);
}

.deepDark{
   color:var(--deepDark);
}
.gray{
   color:var(--gray);
}

.grayLight{
   color:var(--grayLight);
}
.yellow{
   color:var(--yellow);
}

.white{
   color:var(--white);
}

.black{
   color:var(--black) !important;
}

.formColor{
   color:var(--formColor) !important;
}

.whiteBG{
   background:var(--white);
}

.dimBG{
   background:var(--dim);
}

.blueBG{
   background:var(--blue);
}

.yellowBG{
   background:var(--yellow);
}

.darkwBG{
   background:var(--dark);
}

.graywBG{
   background:var(--grya);
}

.indigowBG{
   background:var(--indigo);
}
.indigoLightBG{
   background:var(--indigoLight);
}

.skyblueLightBG{
   background:var(--skyblueLight);
}

 * {
    outline: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
 }
 
 a{
    text-decoration: none;
    outline: none;
 }
 
 a:hover {
    text-decoration: none;
 }
 
 .autoImg {
    width: 100%;
    height: auto;
    display: block;
 }

 img{
    width:100%;
    height:auto;
    display: block;
  }
  
 
 ul,li{
    padding: 0;
    margin: 0;
    list-style: none;
 }
 
 input{
   cursor: pointer;
   display:block;
   width: 100%;
   padding:10px 10px 5px 5px;
    border: none;
    font-family: Helvetica;
    color:var(--black) !important;
 }

 input::placeholder {
    color: var(--gray);
 }
 
 /* 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;
 }
 
 label {
    display: block;
    cursor: pointer;
 }
 
 .clear {
    clear: both;
    display: block;
 }

 .inlineBlk{
    display: inline-block;
   }


.verMid{
   vertical-align: baseline;
}

.floatLft{
    float: left;
}

.floatRgt{
    float:right;
}

.flex{
   display: flex;
}

.flexWrap{
   display: flex;
   flex-wrap:wrap;
}

.flexCenter{
   display: flex;
   align-items: center;
}

.flexDirectionRow {
    display: flex;
    flex-direction: row;
  }
  
  .flexDirectionCol {
    display: flex;
    flex-direction: column;
  }

  .flexWrapSpc{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
  
.spcBtwn {
    justify-content: space-between;
  }

section{
   width:100%;
   position: relative;
 }
 
 /*....... Font sizes ......*/

 .ltrSpc{
   letter-spacing:0.5px;
 }

.ltrSpc2{
   letter-spacing:2px;
 }
 
 .ltxJustify {
   text-align: justify;
   text-justify: inter-word;
 }

/*....... Font sizes ......*/
.vLargeTxt {
   font-size:90px !important;
}

.largeTxtXl {
   font-size:50px !important;
}

.largeTxt {
   font-size:45px !important;
}

.largeTitle {
   font-size: 25px !important;
}

.font22{
   font-size:22px !important;
}
.font23{
   font-size:23px !important;
}
.font24{
   font-size:24px !important;
}

.font25{
   font-size:25px !important;
}

.font27{
   font-size:27px !important;
}

.font30{
   font-size:30px !important;
}

.font35{
   font-size:35px !important;
}

.font38{
   font-size:38px !important;
}

.subTitle {
   font-size: 20px !important;
}

.midTitle {
   font-size: 18px !important;
}

.mainNormal {
   font-size: 17px !important;
}

.smallTitle {
   font-size: 16px !important;
}

.subNormal {
   font-size: 15px !important;
}

.small {
   font-size: 14px !important;
}

.smallest {
   font-size: 13px !important;
}

.vSmall {
   font-size: 12px !important;
}

.extraSmall {
   font-size: 11px !important;
}

.superSmall {
   font-size: 9px !important;
}

.fntMedWgt{
   font-weight: 500;
}

.fntMedWgt6{
   font-weight:600;
}

.fntMedWgt9{
   font-weight:900;
}


.uppercase {
   text-transform: uppercase;
}

.textLeft{
   text-align: left;
}

.textCenter{
   text-align: center;
}

.textRight{
   text-align: right;
}

.lineHeight20{
   line-height:20px;
}
.lineHeight25{
   line-height:25px;
}

.lineHeight30{
   line-height:30px;
}

.lineHeight40{
   line-height:40px;
}

/*....... positions  ......*/

.relative{
   position: relative;
}

.absolute{
   position: absolute;
}

.autoImg {
   width: 100%;
   height: auto;
   display: block;
}

/*....... Margin ......*/
.marginAuto {
   margin: 0px auto !important;
}

.marginTBLarge{
   margin-top:50px !important;
   margin-bottom:50px !important;
}

.marginLarge {
   margin-top:35px !important;
   margin-bottom:20px !important;
}

.marginTB {
   margin-top: 20px !important;
   margin-bottom: 20px !important;
}

.marginTBMid {
   margin-top: 15px !important;
   margin-bottom: 15px !important;
}

.marginTBSml {
   margin-top: 10px;
   margin-bottom: 10px;
}

.marginTopXxl {
   margin-top:80px !important;
}

.marginTopXl {
   margin-top:50px !important;
}

.marginTop {
   margin-top:30px !important;
}

.marginTopLarge {
   margin-top:20px !important;
}

.marginTopMid {
   margin-top: 15px !important;
}

.marginTopSml {
   margin-top: 10px !important;
}

.marginTopSrt {
   margin-top: 5px !important;
}

/* ---------------margin-right--------------- */
.marginRgt60 {
   margin-right:60px;
}

.marginRgt50 {
   margin-right:50px;
}

.marginRgt {
   margin-right: 30px;
}

.marginRgtMid {
   margin-right: 20px !important;
}

.marginRgtSml {
   margin-right: 10px !important;
}

.marginRgtSrt {
   margin-right: 5px !important;
}

.marginTBSrt {
   margin-top: 5px !important;
   margin-bottom: 5px !important;
}

/* ---------------margin-bottom--------------- */
.marginBtm80 {
   margin-bottom:80px !important;
}

.marginBtm60 {
   margin-bottom:60px !important;
}

.marginBtm50 {
   margin-bottom:50px !important;
}

.marginBtm40 {
   margin-bottom: 40px !important;
}

.marginBtmSec {
   margin-bottom: 30px !important;
}

.marginBtm {
   margin-bottom: 20px !important;
}

.marginBtmMid {
   margin-bottom: 15px !important;
}

.marginBtmSml {
   margin-bottom: 10px !important;
}

.marginBtmSrt {
   margin-bottom: 5px !important;
}
.marginBtmVSrt {
   margin-bottom: 2px !important;
}

.marginLR {
   margin-left:20px !important;
   margin-right:20px !important;
}

/*................... Padding ..................*/
.paddingFull {
   padding:50px 45px !important;
}

.paddingFullMid {
   padding: 15px 30px !important;
}

.paddingFullSml {
   padding: 10px 30px !important;
}

.paddingFullSrt {
   padding:5px 10px !important;
}

/*................... Padding  top and bottom..................*/
.paddingTB100{
   padding-top:100px !important;
   padding-bottom:100px !important;
}

.paddingTB150{
   padding-top:150px !important;
   padding-bottom:150px !important;
}

.paddingTBLarge{
   padding-top:50px !important;
   padding-bottom:50px !important;
}

.paddingTBMed{
   padding-top:30px !important;
   padding-bottom:30px !important;
}

.paddingTBSml {
   padding-left: 10px !important;
   padding-right: 10px !important;
}

.paddingTBSrt {
   padding-left: 5px !important;
   padding-right: 5px !important;
}

/*................... Padding  left and right..................*/
.paddingLR {
   padding-left:80px !important;
   padding-right:80px !important;
}

.paddingLRLarge{
   padding-left:50px !important;
   padding-right:50px !important;
}

.paddingLRMid {
   padding-left: 20px !important;
   padding-right: 20px !important;
}

.paddingLR15 {
   padding-left: 15px !important;
   padding-right: 15px !important;
}

.paddingLRSml {
   padding-left: 10px !important;
   padding-right: 10px !important;
}

.paddingLRSrt {
   padding-left: 5px !important;
   padding-right: 5px !important;
}


/*................... Padding  top..................*/

.paddingTopXL {
   padding-top:90px !important;
}


.paddingTop50 {
   padding-top:50px !important;
}

.paddingTop {
   padding-top: 20px !important;
}

.paddingTopMid {
   padding-top: 15px !important;
}

.paddingTopSml {
   padding-top: 10px !important;
}

.paddingTopSrt {
   padding-top: 5px !important;
}

/*................... Padding  right..................*/
.paddingRgt {
   padding-right: 30px !important;
}

.paddingRgtMid {
   padding-right: 20px !important;
}

.paddingRgtSml {
   padding-right: 10px !important;
}

.paddingRgtSrt {
   padding-right: 10px !important;
}

.paddingLftBig {
   padding-left:80px !important;
}


/*................... Padding  bottom..................*/

.paddingBtmXL {
   padding-bottom:70px !important;
}

.paddingBtm25 {
   padding-bottom:25px !important;
}

.paddingBtm {
   padding-bottom: 20px !important;
}

.paddingBtmMid {
   padding-bottom: 15px !important;
}

.paddingBtmSml {
   padding-bottom: 10px !important;
}

.paddingBtmSrt {
   padding-bottom: 5px !important;
}

/*................... Padding  left..................*/
.paddingLft {
   padding-left: 30px !important;
}

.paddingLftMid {
   padding-left: 20px !important;
}

.paddingLftSml {
   padding-left: 10px !important;
}

.paddingLftSrt {
   padding-left: 5px !important;
}

/*................... Padding Top and bottom..................*/
.paddingTB {
   padding-top: 20px !important;
   padding-bottom: 20px !important;
}

.paddingTBMid {
   padding-top: 15px !important;
   padding-bottom: 15px !important;
}

.paddingTBSml {
   padding-top: 10px !important;
   padding-bottom: 10px !important;
}

.paddingTBSrt {
   padding-top: 5px !important;
   padding-bottom: 5px !important;
}

.paddingBtmMore {
   padding-bottom: 60px !important;
}

.noPadding {
   padding: 0 !important;
}

/* ------ icon size ------- */

.bigImg{
   width:165px;
}

.bigImg img{
   width:100%;
   height: auto;
}

.icon120{
   width:180px !important;
}

.icon.icon90{
   width:90px !important;
}

.icon.icon80{
   width:80px !important;
}

.icon.iconLarge{
   width:60px !important;
}

.icon.icon50{
   width:50px !important;
}

.icon.icon40{
   width:40px !important;
}

.icon.icon30{
   width:30px !important;
}

.icon{
   width:25px !important;
}

.iconSmall{
   width:15px !important;
}

.icon img{
   width:100%;
   height: auto;
   display: block;
}

.smallCurv{
   border-radius:5px;
}

.list>li{
   width:100%;
}


.button{
   width:150px;
   margin:0 auto;
   padding:8px 5px;
   text-align: center;
   border-radius:25px;
   color:var(--dark);
   background:var(--yellow);
   cursor: pointer;
 }

 .buttonlarge{
   width:300px;
   /* padding:15px 5px; */
   border-radius:35px;
 }
 
 .button:hover{   
   box-shadow:0 2px 2px #1d70b7;
 }

.border-btm{
   border-bottom:solid 1px;
   border-color:var(--grayLight);
}

.button.buttonlarge:hover{   
   box-shadow:none;
 }