html, body {
    /* // Smooth scroll always for html tag */
    scroll-behavior: smooth;
    /* // scroll-snap-type: y; // <-- snap in y axis */
  }
  
 

@font-face {
    font-family: 'SharpSansMedium';
    src: url('../font/SharpSansMedium.eot');
    src: url('../font/SharpSansMedium.eot') format('embedded-opentype'),
         url('../font/SharpSansMedium.woff2') format('woff2'),
         url('../font/SharpSansMedium.woff') format('woff'),
         url('https://www.isurveyworld.com/isurvey4/css/fonts/SharpSansMedium.otf') format('truetype'),
         url('../font/SharpSansMedium.svg') format('svg');
         font-display: swap;
        }
@font-face {
    font-family: 'SharpSansSemibold';
    src: url('../font/SharpSansSemibold.eot');
    src: url('../font/SharpSansSemibold.eot') format('embedded-opentype'),
         url('../font/SharpSansSemibold.woff2') format('woff2'),
         url('../font/SharpSansSemibold.woff') format('woff'),
         url('https://www.isurveyworld.com/isurvey4/css/fonts/SharpSansSemibold.otf') format('truetype'),
        
         url('../font/SharpSansSemibold.svg') format('svg');
         font-display: swap;
        }


@font-face {
    font-family: 'SharpSansExtrabold';
    src: url('../font/SharpSansExtrabold.eot');
    src: url('../font/SharpSansExtrabold.eot') format('embedded-opentype'),
         url('../font/SharpSansExtrabold.woff2') format('woff2'),
         url('../font/SharpSansExtrabold.woff') format('woff'),
         url('../font/SharpSansExtrabold.ttf') format('truetype'),
         url('../font/SharpSansExtrabold.svg') format('svg');
         font-display: swap;
        }





input:-internal-autofill-selected {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #FFF;
  outline: none;
  width: 100%;
  max-width: 320px

}

.headPollCont {
	width: 100%;
	height: 100vh;
    min-height: 680px;
	display: flex;
    flex-direction: column;
}

.logoContSec {
    padding: 15px 25px;
	z-index: 99;
}

a.linkLogo {
    text-decoration: none;
    display: block;
}

a.linkLogo img {
	width: 100%;
	max-width: 200px;
}

.sectionHeaderCont {
    padding: 15px 65px;
    display: flex;-
    height: 100%;
    width: 100%;
    align-content: center;
    flex-wrap: wrap;
    position: relative;
}

.headPageTitle {
	margin-top: 120px !important;
	width: 80%;
    font-family: 'SharpSansSemibold';
    font-size:50px;
    color: #FFF;
}

.headPageDesc {
    padding-top:30px;
    /* font-family: 'SharpSansMedium'; */
    font-size: 30px;
    color: #FFF;
    width:55%;
}

.formInputHead {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #FFF;
    outline: none;
    /* display: block;  commented aligned content*/
    width: 100%;
    max-width: 320px;
} 

::placeholder {
    color:white;
    font-size:20px;
}

.btnJoinFree {
    background: #0068ff;
    border: 0;
    width: 100%;
    max-width: 280px;
    margin-top: 50px;
    color: #FFF;
    border-radius: 25px;
    padding: 8px;
    font-family: 'SharpSansSemibold';
    font-size: 20px;
}

.formInputHead {
    font-family: 'SharpSansMedium';
    color: #FFF;
}

.promo {
    width: 100%;
    margin-top:50px;
    margin-left:10px;
    /* font-family: 'SharpSansMedium'; */
    font-size: 22px;
    color: #FFF;
}

.formInputHead::-webkit-input-placeholder,
.formInputHead:-ms-input-placeholder,
.formInputHead::-moz-placeholder {
    font-family: 'SharpSansMedium';
}

.opinionCont {
    position: absolute;
    right: 0;
    top: -65px;
    display: flex;
    flex-direction: column;
    height: calc(100% + 65px);
    justify-content: center;
    width: 50%;
    text-align: center;
}

.middleContRight {
    height: 1px;
}

.formSectionHeader {
    padding-top: 40px;
     width: auto;
}

.titlePoinion {
    font-size: 35px;
    color: #FFF;
    font-family: 'SharpSansMedium';
    margin-bottom: 25px;
}

img.iconOpinion {
    width: 80px;
    margin-left:100px;
}

.iconOpinionBlock {
    font-size: 60px;
    color: #FFF;
    font-family: 'SharpSansExtrabold';
}

.iconOpinionBlock span {
    width: 40%;
    display: inline-block;
}

.iconDescriptionContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

img.iconMiddleRows {
    width: fit-content;
    height: 200px;
    margin-bottom: 0px;
}
.iconDescription {
    width: 70%;
    font-size: 20px;
    padding-top: 1em;
    /* //font-family: 'SharpSansMedium'; */
}

.fndsContent{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
}

.imgbox{
  display: flex; 
  align-items: center;
  height: 100%;
  width: 100%;
  background-position: center center;
  background-size: cover; 
}

.img1 {
  z-index:1000;     
  min-height: 100vh;
  height: auto;
  background: url(../image/desk.jpg) no-repeat top center;
  background-size: cover;
}
#img1{
    top:40px;
  position: absolute;
  z-index: 0;
  /* animation: xfade 20s -0s infinite; */
  /* animation-timing-function: ease-in-out; */
}

#img2{
  position: absolute;
  z-index: ;
  animation: xfade 20s -5s infinite;
  animation-timing-function: ease-in-out;
}

#img3{
  position: absolute;
  z-index: 2;
  animation: xfade 20s -10s infinite;
  animation-timing-function: ease-in-out;
}

#img4{
  position: absolute;
  z-index: 1;
  animation: xfade 20s -15s infinite;
  animation-timing-function: ease-in-out;
}

.imgBotomComCues {
	width: 100%;
}


.img100 {
	width: 100%;
}

.img100 img {
	width: 100%!important;
}

.imgBotomComCues img {
	width: 100%!important;
}

body{
    overflow-x: hidden;
}


@keyframes xfade{

     0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}

.world {

    padding:   5rem 0 8rem 0 !important; 
}

.w-1 {
    width: 0.25rem !important;
  }

  .w-15 {
    width: 8rem !important;
  }




/* margin adding */
.mb-0 {
    margin-bottom: 0 !important;
  }
  .mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-3 {
    margin-bottom: 0.75rem !important;
  }
  .mb-4 {
    margin-bottom: 1rem !important;
  }
  .mb-5 {
    margin-bottom: 1.25rem !important;
  }
  .mb-6 {
    margin-bottom: 1.5rem !important;
  }
  .mb-7 {
    margin-bottom: 1.75rem !important;
  }
  .mb-8 {
    margin-bottom: 2rem !important;
  }
  .mb-9 {
    margin-bottom: 2.25rem !important;
  }
  .mb-10 {
    margin-bottom: 2.5rem !important;
  }
  .mb-11 {
    margin-bottom: 3rem !important;
  }
  .mb-12 {
    margin-bottom: 3.5rem !important;
  }
  .mb-13 {
    margin-bottom: 4rem !important;
  }
  .mb-14 {
    margin-bottom: 4.5rem !important;
  }
  .mb-15 {
    margin-bottom: 5rem !important;
  }
  .mb-16 {
    margin-bottom: 6rem !important;
  }
  .mb-17 {
    margin-bottom: 7rem !important;
  }
  .mb-18 {
    margin-bottom: 8rem !important;
  }
  .mb-19 {
    margin-bottom: 9rem !important;
  }
  .mb-20 {
    margin-bottom: 10rem !important;
  }
  .mb-21 {
    margin-bottom: 12.5rem !important;
  }
  .mb-22 {
    margin-bottom: 15rem !important;
  }
  .mb-23 {
    margin-bottom: 17.5rem !important;
  }
  .mb-24 {
    margin-bottom: 20rem !important;
  }
  .mb-25 {
    margin-bottom: 22.5rem !important;
  }
  .mb-auto {
    margin-bottom: auto !important;
  }

  .pt-0 {
    padding-top: 0 !important;
  }
  .pt-1 {
    padding-top: 0.25rem !important;
  }
  .pt-2 {
    padding-top: 0.5rem !important;
  }
  .pt-3 {
    padding-top: 0.75rem !important;
  }
  .pt-4 {
    padding-top: 1rem !important;
  }
  .pt-5 {
    padding-top: 1.25rem !important;
  }
  .pt-6 {
    padding-top: 1.5rem !important;
  }
  .pt-7 {
    padding-top: 1.75rem !important;
  }
  .pt-8 {
    padding-top: 2rem !important;
  }
  .pt-9 {
    padding-top: 2.25rem !important;
  }
  .pt-10 {
    padding-top: 2.5rem !important;
  }
  .pt-11 {
    padding-top: 3rem !important;
  }
  .pt-12 {
    padding-top: 3.5rem !important;
  }
  .pt-13 {
    padding-top: 4rem !important;
  }
  .pt-14 {
    padding-top: 4.5rem !important;
  }
  .pt-15 {
    padding-top: 5rem !important;
  }
  .pt-16 {
    padding-top: 6rem !important;
  }
  .pt-17 {
    padding-top: 7rem !important;
  }
  .pt-18 {
    padding-top: 8rem !important;
  }
  .pt-19 {
    padding-top: 9rem !important;
  }
  .pt-20 {
    padding-top: 10rem !important;
  }
  .pt-21 {
    padding-top: 12.5rem !important;
  }
  .pt-22 {
    padding-top: 15rem !important;
  }
  .pt-23 {
    padding-top: 17.5rem !important;
  }
  .pt-24 {
    padding-top: 20rem !important;
  }
  .pt-25 {
    padding-top: 22.5rem !important;
  }
  .pe-0 {
    padding-right: 0 !important;
  }
  .pe-1 {
    padding-right: 0.25rem !important;
  }
  .pe-2 {
    padding-right: 0.5rem !important;
  }
  .pe-3 {
    padding-right: 0.75rem !important;
  }
  .pe-4 {
    padding-right: 1rem !important;
  }
  .pe-5 {
    padding-right: 1.25rem !important;
  }
  .pe-6 {
    padding-right: 1.5rem !important;
  }
  .pe-7 {
    padding-right: 1.75rem !important;
  }
  .pe-8 {
    padding-right: 2rem !important;
  }
  .pe-9 {
    padding-right: 2.25rem !important;
  }
  .pe-10 {
    padding-right: 2.5rem !important;
  }
  .pe-11 {
    padding-right: 3rem !important;
  }
  .pe-12 {
    padding-right: 3.5rem !important;
  }
  .pe-13 {
    padding-right: 4rem !important;
  }
  .pe-14 {
    padding-right: 4.5rem !important;
  }
  .pe-15 {
    padding-right: 5rem !important;
  }
  .pe-16 {
    padding-right: 6rem !important;
  }
  .pe-17 {
    padding-right: 7rem !important;
  }
  .pe-18 {
    padding-right: 8rem !important;
  }
  .pe-19 {
    padding-right: 9rem !important;
  }
  .pe-20 {
    padding-right: 10rem !important;
  }
  .pe-21 {
    padding-right: 12.5rem !important;
  }
  .pe-22 {
    padding-right: 15rem !important;
  }
  .pe-23 {
    padding-right: 17.5rem !important;
  }
  .pe-24 {
    padding-right: 20rem !important;
  }
  .pe-25 {
    padding-right: 22.5rem !important;
  }
  .pb-0 {
    padding-bottom: 0 !important;
  }
  .pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-3 {
    padding-bottom: 0.75rem !important;
  }
  .pb-4 {
    padding-bottom: 1rem !important;
  }
  .pb-5 {
    padding-bottom: 1.25rem !important;
  }
  .pb-6 {
    padding-bottom: 1.5rem !important;
  }
  .pb-7 {
    padding-bottom: 1.75rem !important;
  }
  .pb-8 {
    padding-bottom: 2rem !important;
  }
  .pb-9 {
    padding-bottom: 2.25rem !important;
  }
  .pb-10 {
    padding-bottom: 2.5rem !important;
  }
  .pb-11 {
    padding-bottom: 3rem !important;
  }
  .pb-12 {
    padding-bottom: 3.5rem !important;
  }
  .pb-13 {
    padding-bottom: 4rem !important;
  }
  .pb-14 {
    padding-bottom: 4.5rem !important;
  }
  .pb-15 {
    padding-bottom: 5rem !important;
  }
  .pb-16 {
    padding-bottom: 6rem !important;
  }
  .pb-17 {
    padding-bottom: 7rem !important;
  }
  .pb-18 {
    padding-bottom: 8rem !important;
  }
  .pb-19 {
    padding-bottom: 9rem !important;
  }
  .pb-20 {
    padding-bottom: 10rem !important;
  }
  .pb-21 {
    padding-bottom: 12.5rem !important;
  }
  .pb-22 {
    padding-bottom: 15rem !important;
  }
  .pb-23 {
    padding-bottom: 17.5rem !important;
  }
  .pb-24 {
    padding-bottom: 20rem !important;
  }
  .pb-25 {
    padding-bottom: 22.5rem !important;
  }
  .ps-0 {
    padding-left: 0 !important;
  }
  .ps-1 {
    padding-left: 0.25rem !important;
  }
  .ps-2 {
    padding-left: 0.5rem !important;
  }
  .ps-3 {
    padding-left: 0.75rem !important;
  }
  .ps-4 {
    padding-left: 1rem !important;
  }
  .ps-5 {
    padding-left: 1.25rem !important;
  }
  .ps-6 {
    padding-left: 1.5rem !important;
  }
  .ps-7 {
    padding-left: 1.75rem !important;
  }
  .ps-8 {
    padding-left: 2rem !important;
  }
  .ps-9 {
    padding-left: 2.25rem !important;
  }
  .ps-10 {
    padding-left: 2.5rem !important;
  }
  .ps-11 {
    padding-left: 3rem !important;
  }
  .ps-12 {
    padding-left: 3.5rem !important;
  }
  .ps-13 {
    padding-left: 4rem !important;
  }
  .ps-14 {
    padding-left: 4.5rem !important;
  }
  .ps-15 {
    padding-left: 5rem !important;
  }
  .ps-16 {
    padding-left: 6rem !important;
  }
  .ps-17 {
    padding-left: 7rem !important;
  }
  .ps-18 {
    padding-left: 8rem !important;
  }
  .ps-19 {
    padding-left: 9rem !important;
  }
  .ps-20 {
    padding-left: 10rem !important;
  }
  .ps-21 {
    padding-left: 12.5rem !important;
  }
  .ps-22 {
    padding-left: 15rem !important;
  }
  .ps-23 {
    padding-left: 17.5rem !important;
  }
  .ps-24 {
    padding-left: 20rem !important;
  }
  .ps-25 {
    padding-left: 22.5rem !important;
  }
  .gap-0 {
    gap: 0 !important;
  }
  .gap-1 {
    gap: 0.25rem !important;
  }
  
 
  @media all and (max-width: 440px) 

   
  {

    * {
      margin: 0;
      padding: 0;
      }
       body{
         width: 100%;
          overflow-x: hidden;
         }
    .headPollCont {
          
      min-height: 100vh;
      height: auto;

                }
    .img1 {
          
      min-height: 100vh;
      height: auto;
      background: url(../image/mobile.jpg) no-repeat top center;
      background-size: cover;
    }
    
    .colPhantom {
      padding-top: 60px;
      width: 100%;
    }
    
    .sectionHeaderCont {
      padding: 115px 0 0 0 ;
    }
    
    .headPageTitle {
      margin-top: -80px !important;
      width: 100%;
          font-family: 'SharpSansSemibold';
      font-size: 45px;
      text-align: center;
          padding-bottom: 10px;
    }
    
    .headPageDesc {
          padding:30px 20px 20px 20px;
          width:auto;
          font-family: 'SharpSansSemibold';
      font-size: 1em;
      text-align: center;
    }
  
      .btnJoinFree {
          background: #0068ff;
          border: 0;
          width: 100%;
          max-width: 280px;
          margin-top: 40px;
          color: #FFF;
          border-radius: 25px;
          padding: 8px;
          font-family: 'SharpSansSemibold';
          font-size: 20px;
      }
  
      .promo {
          
          width: 100%;
      margin-top:50px;
      
  
      /* font-family: 'SharpSansMedium'; */
      font-size: 22px;
      color: #FFF;
      }
      
    
    .middleContRight {
      height: auto;
    }
    
    .iconContOpinionBlock {
      display: flex;
      justify-content: space-around;
      padding:  30px 0 30px 0 !important;
    }
    
    .formSectionHeader {
      text-align: center;
          padding-top: 100px;
          /* width: 380px; */
    }
  
    .formInputHead::-webkit-input-placeholder,
    .formInputHead:-ms-input-placeholder,
    .formInputHead::-moz-placeholder {
      text-align: center;
          font-size: 20px !important;
    }
    
    .formInputHead::-webkit-input-placeholder {
      text-align: center;
    }
    
    .formInputHead:-moz-placeholder {
      text-align: center;
    }
    
    .titlePoinion {
      display: none;
    }
    
    .opinionCont {
      position: relative;
      top: 40px;
      right: auto;
      height: auto;
      width: 100%;
    }
    
    .iconOpinionBlock {
      font-size: 30px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    img.iconOpinion {
      width: 45px;
    }
    
    .iconOpinionBlock span {
      display: block;
      width: auto;
    }
    
    .iconDescriptionContent {
      margin-bottom: 25px;
    }
    
    .contSecGreyMB {
        padding-top: 35px!important;
      padding-bottom: 35px!important;
    }
      .iconDescription {
          /* padding: 0 0 20px 0px; */
          font-size: 17px;
          width: 85%;
          /* font-family: 'SharpSansMedium'; */
      }
  
      #img1{
          top:5px;
          min-width: 440px;
          /* width: fit-content; */
          overflow-x: hidden;
          
       
        /* animation: xfade 20s -0s infinite; */
        /* animation-timing-function: ease-in-out; */
      }
      .world {
  
          padding:  8rem 0rem 8rem 0 !important; 
      }
  }