/* --------------------------------------------------------- cards ----------------------------------------------------------------  */

.crm_cards{
    overflow-x: hidden;
    /* width: 100%; */
    /* background-color: rgb(121, 68, 157); */
    font-family: "Poppins", sans-serif;
}

.crm_cards .container{
    margin-top: 50px;
    max-width: 1500px;

}

.crm_cards .card_container{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 40px;
  padding: 40px 60px;
  /* max-width: 100%; */
  /* margin-top: 50px; */
}
.crm_cards .design_1 { top: 50px; left: -30px; }
.crm_cards .design_2 { top: 70px; right: -156px; }
.crm_cards .design_3 { top: 660px; left: -98px; }
.crm_cards .design_4 { top: 25%; right: -264px; }
.crm_cards .design_5 { bottom: 50%; left: -79px; }
.crm_cards .design_6 { bottom: 48%; right: -245px; }
.crm_cards .design_7 { bottom: 290px; left: -40px; }
.crm_cards .design_8 { bottom: 200px; right: -50px; }
.crm_cards .design_9 { bottom: 26%; right: -40px; }
.crm_cards .design_10 { bottom: 32%; left: -40px; }

.crm_cards .card_1{
  box-shadow: 0px 8px 16px 0px rgba(71, 71, 71, 0.08);
  background: linear-gradient(to top, #D2EFFD 10%, #DEF3FD 20%, #F1FAFF 30%,#F8FCFE 60%);
  border-radius: 27px;
  /* padding: 20px; */
  /* width:auto; */
  /* margin: 0 auto; */
  padding: 0px;
  border: 2px solid rgba(29, 29, 29, 0.82);
}
.crm_cards .card_1 .btn_div{
  margin-top: auto;
  border-radius: 7px;
  margin-right: 0px;
  /* background-color: red; */
}
.crm_cards .card_1:hover {
  box-shadow: 0px 3px 25px 2px #0000006f;
}
.crm_cards .img_div_1{
  height: 237px;
  width: 100%;
  /* margin-bottom: 8px; */
  position: relative;
  align-items: flex-start;
  background-color: #f8fcfef0;
  border-radius: 25px;
}

.crm_cards .img_div_1 img{
  height: 200px;
  align-self: end;
  width: 220px;
}
.crm_cards .inner_div{
    padding: 18px;
    /* background-color: rgb(190, 237, 221); */
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    flex-direction: column;
    padding-bottom: 59px;
    border-radius: 25px;
    min-height: 300px;
}
.crm_cards .card_1 h2{
  font-size: 22px;
  padding-top: 18px;
  font-weight: 700;
  letter-spacing: 0.74px;
  height: 2em;
  /* max-width: 19ch; */
  margin-bottom: 52px;
  flex-grow: 1; 
}
.crm_cards .card_1 p{
  max-width: unset;
  font-size: 17px;
  /* padding-top: 86px; */
  line-height: 1.7;
  padding-bottom: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  margin-bottom: 74px;
}

@media only screen and (max-width:1707px){
  .unacademy .inner_div h2{
    padding-bottom:53px;
    /* background-color: aqua; */
  }
  .unacademy .inner_div p{
    margin-bottom: 46px;
  }
}
@media only screen and (max-width:1304px){
  .unacademy .inner_div h2{
    padding-bottom:53px;
    /* background-color: aqua; */
  }
  .unacademy .inner_div p{
    margin-bottom: 46px;
  }
  .crm_cards .card_1 h2 {
    font-size: 20px;
  }
}

@media only screen and (max-width:1195px){
  .crm_cards .card_1 h2 {
    margin-bottom: 45px;
    font-size: 20px;
  }
  .unacademy .inner_div h2{
    padding-bottom:74px;
    /* background-color: aqua; */
  }
  .unacademy .inner_div p{
    margin-bottom: 27px;
  }
}


@media only screen and (max-width:1140px){
  .crm_cards .card_1 h2 {
    /* background-color: #1a75ff; */
    margin-bottom: 71px;
  }
  .unacademy .inner_div h2{
    padding-bottom: 43px;
  }
  .unacademy .inner_div p{
    margin-bottom: 55px;
  }
}



@media only screen and (max-width:1025px){
  /* .crm_cards .card_1 { padding: 26px; } */
  .crm_cards .card_1 h2 { margin-bottom: 12px; max-width: unset;}
  .crm_cards .card_1 p { font-size: 15px; max-width: unset; padding-top: 50px;}
  .crm_cards .card_container{ grid-template-columns: repeat(2,1fr); }
}

@media only screen and (max-width:768px){
  .banner .section_text { padding-right: unset; }
  .crm_cards .inner_div{
    min-height: 200px;
  }
  .crm_cards .card_container { padding: 40px 35px; gap: 40px 30px; }
  /* .crm_cards .card_1 { padding: 16px 8px;} */
  .crm_cards .card_1 h2 { height: 1em; font-size: 19px; padding-top:0px;}
  .crm_cards .img_div_1 img { transform: scale(1); width: 180px; padding: 10px 0px; }
}

@media only screen and (max-width:420px){
  .crm_cards .card_1 h2 {font-size: 12px; padding-bottom: 20px; }
  .unacademy .inner_div h2{
    padding-bottom:108px;
  }
  .crm_cards .img_div_1{
    height: 185px;
  }
  .crm_cards .card_1 p { font-size: 15px !important;}
  .crm_cards .img_div_1 img {width: 120px; height: 163px;}
}

@media only screen and (max-width:300px){
  .crm_cards .img_div_1 img {width: 75px; height: 92px;}
  .crm_cards .img_div_1{
    height: 108px;
  }
  .crm_cards .inner_div{
    padding-bottom: 40px;
  }
  .crm_cards .card_1 .btn_div{
    padding: 6px 9px;
    font-size: 11px !important;
  }
  .crm_cards .card_container { padding: 6px 12px;}
}

.styled_link{
  color: #1a75ff;
  text-decoration: underline;
  font-weight:700;
}

.styled_link a{
  color: #1a75ff;
  text-decoration: underline;
}

.banner{
  /* background: linear-gradient(to left, #3266aa, #1a4988, #023678, #0a1866); */
  width:100%;
  background: none;
  /* background-color: aqua; */
  padding: 160px 0 55px 0;
}

.banner_div{
  margin: 0px !important;
  max-width: 100%;
}

.banner .section_text p span {
  font-weight: 500;
}

.banner .section_text h1,.banner .section_text p {color: #060606;  }
.banner .section_text h1{
  margin-bottom: 0;
  font-size: 42px;
}
.banner .section_img { 
  justify-content: center;
  margin-top: 0px;
  padding-right: 10px;
  /* background-color: red; */
}
.banner .section_img img{
  max-width: 720px;
  width:109%;
  height: 400px;
  margin-left: 10px;
  margin-right: 197px;
  /* background-color: red; */
}
.banner .section_text { 
  text-align: left; 
  margin-top: unset;
  padding: 27px 51px 68px 85px;
  /* background-color: #1a75ff; */
}

.banner .section_text p { 
  /* margin: auto;  */
  max-width: 100%;
  padding-top: 50px;
}

.banner .design_1{ top: 0px; left: 320px; }
.banner .design_2{ top: 50px; right: 60px ; }
.banner .design_3{ top: 156px; left: 0; }
.banner .design_4{ top: 310px; right: 90px; }


.topic{
  background-color: #F1FAFE;
  padding: 110px 0px;
}
.topic .heading h2{
  font-size: 43px;
}
.topic .content {
  font-size: 22px;
  font-weight: 400;
  letter-spacing: .84px;
  line-height: 42px;
  padding-top: 55px;
}

.topic .content p span {
  font-weight: 500;
}


@media only screen and (max-width: 1222px) {
  .banner .section_img img{
    width: 631px;
    height: 350px;
    margin-right: 190px;
    /* background-color: red; */
  }
  .banner .section_text {
    margin-right: 44px;
    /* background-color: cadetblue; */
  }
  .banner .section_text p { 
    /* margin: auto;  */
    font-size:19px;
  }
  .banner .section_text h1{
    font-size: 28px;
  }
  .topic{
    padding: 110px 28px;
  }
}


@media only screen and (max-width:1025px){
  .banner { padding: 93px 0 30px 0; }
  .banner .section_text p {margin: auto;}
  .banner .section_text h1{ font-size: 24px; }
  .banner .section_img {
    justify-content: center;
    margin-left: unset;
  }
  .banner .section_img img{
    transform: scale(.8);
    align-items: center;
    /* background-color: red; */
  }

}

/* @media only screen and (max-width:1010px){
  .banner .section_text h1{ font-size: 20px; }
  .banner .section_img img {
    margin: 16px 0;
    width: 720px;
    background-color: #1a75ff;
  }
} */

@media only screen and (max-width:768px){
  .banner { padding: 93px 0 0px 0; width:100%; }
  .banner .section_text{
    padding: 0px 13px 33px 21px;
  }
  .banner .section_text p { font-size: 16px; }
  .banner .section_text h1{ font-size: 20px; }
  .banner .section_img img {
    transform: scale(.8);
    width: 453px;
    height:250px;
    margin: 16px 0;
  }
  .topic .heading h2{
    font-size: 23px;
  }
  .topic .content{
    font-size:16px;
    padding-top: 30px;
    margin-bottom: -10px;
  }

}



/* @media (min-width: 992px) {
  .col-lg-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
  }
}

@media (min-width: 992px) {
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
} */