@font-face {
 font-family: Proxima-Nova-Font;
 font-style: normal; 
 font-weight:300;
src: url("../font/Proxima-Nova-Font/Proxima Nova Font.otf"); 
}


body {font-size: 1rem;font-family: Proxima-Nova-Font;overflow-x: clip;user-select: none;}

p {
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}
ul {
    margin: 0;
    padding: 0;
}
html {
    font-size: 16px
}


a { text-decoration:none; color: inherit;}
a:hover { text-decoration:none; color: inherit;}
img {max-width:100%;}
.container {max-width:1200px!important;margin:0 auto;position:relative;}

section.iffcoTop{
    background: url('../../assets/img/background.png');
    position: relative;
    padding: 28px 0px 134px 0px;
    background-size: 100% 100%;
    text-align: center;
    margin-bottom: -30px;
}

section.iffcoTop .backTop-img {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
}

section.iffcoTop .backTop-img img {
    width: 100%;
}

section.iffcoTop .contentArea .logo {}

.logo {}

section.iffcoTop .contentArea .logo img {
    height: 85px;
}

section.iffcoTop .contentArea .main-heading {padding-bottom: 22px;}

section.iffcoTop .contentArea .main-heading img {
    background: #ffffff96;
    padding: 15px 25px;
    height: 54px;
}

section.iffcoTop .contentArea .heading h2 {
    color: #333333;
    font-size: 27px;
    font-weight: 700;
    padding-bottom: 15px;
    margin: 0px;
}

section.iffcoTop .contentArea .txt p {
    color: #333333;
    font-size: 17px;
    margin-bottom: 16px;
    }

.dap-urae {
    position: relative;
    width: 100%;
}

.dap-urae:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 100%;
    background-color: #fff0df;
    z-index: -1;
}
.dap-urae:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
    height: 100%;
    background-color: #E7F2EC;
    z-index: -1;
}

.dap-urae .dapUrea:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 49%;
    background: url('../../assets/img/shape2.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    z-index: 0;
}

.dap-urae {}

.dapUrea {
    position: relative;
}

.dap-urae .dapUrea-flex {
    z-index: 2;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dapUrea-shape {
    padding: 42px 0px;
    position: relative;
}

.dap-urae .dapUrea-flex .dap, .dap-urae .dapUrea-flex .urea {
    width: 44%;
}


.dap-urae .dapUrea-flex .dap {
    text-align: left;
}

.dap-urae .dapUrea-flex .urea {
    text-align: right;
}

.dapUrea-shape:after {
    content: "";
    background: url('../../assets/img/shape1.png');
      position: absolute;
    bottom: -24px;
    left: 0px;
    width: 50%;
    height: 25px;
}

.dapUrea-shape:before {
    content: "";
    background: url('../../assets/img/shape3.png');
    position: absolute;
    bottom: -24px;
    right: 0px;
    width: 50%;
    height: 25px;
}

section.main-dap-urae{
     /* background: url('../../assets/img/background2.png'); */
     background-repeat: no-repeat;
     background-size: cover;
     background-position: bottom;
     z-index: 1;
     position: relative;
     padding-bottom: 56px;
}

section.main-dap-urae .flex-img {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: -290px;
    position: absolute;
    width: 100%;
}

section.main-dap-urae .flex-img .dapUreaImg {
    width: 50%;
    text-align: left;
}

section.main-dap-urae .flex-img .dapUreaImg .img {
    position: relative;
}

section.main-dap-urae .flex-img .dapUreaImg .img img:first-child {
    position: relative;
    z-index: 2;
}

section.main-dap-urae .flex-img .dapUreaImg .img .stoneImg {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: -62px;
    z-index: 0;
}

section.copy-right {
    padding: 25px 0px;
    text-align: center;
    color: #999999;
    font-size: 18px;
}

section.copy-right p{
    margin: 0px;
}

.blockContent .heading h2 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 28px;
}

.blockContent .txt p {
    color: #333333;
    font-size: 17px;
    line-height: 24px;
}

.blockContent .clickButton {
    margin-top: 38px;
}

.blockContent .clickButton a {
    color: #fff;
    background: #F48B00;
    text-transform: uppercase;
    padding: 14px 28px;
    border-radius: 62px;
    font-size: 15px;
}

.dap .blockContent .heading h2 {
    color: #F48B00;
}

.urea .blockContent .heading h2 {
    color: #00B501;
}

.urea .blockContent .clickButton a {
    background: #00B501;
}

.mobileImg{
    display: none;
}

section.main-dap-urae .flex-img .dapUreaImg:last-child {
    text-align: right;
}
.click-btn{
    margin-bottom: 22px;
}

.click-btn a {
    color: #fff;
    background: #F48B00;
    text-transform: uppercase;
    padding: 12px 26px;
    border-radius: 6px;
    font-size: 16px;
}

.click-btn.urea a {
    background: #00b501;
}

section.iffcoTop .content-section {
    width: 72%;
    position: relative;
    margin: 0px auto;
}
.flex-img {
    display: flex;
    justify-content: space-between;
}

.overImg {
    position: absolute;
    bottom: 42px;
    width: 100%;
    left: 0px;
}

.flex-logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

.lan-list ul li {
    list-style: none;
    position: relative;
    border: 1px solid #3ba320;
    margin: 4px 4px;
    border-radius: 6px;
}

.lan-list ul {
    padding: 0px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.lan-list ul li:after {
    content: "\2714";
    position: absolute;
    left: 0px;
    color: #117529;
    display: none;
}

.lan-list ul li:hover a {
    color: #177e0f;
}



h4.modal-title {
    color: #ffffff;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
    font-size: 21px;
}

.lan-list ul li a {
    font-size: 14px;
    width: 100%;
    display: block;
    padding: 5px 12px;
}

.modal-header {
    background: #00b501;
    color: #fff;
    padding: 9px 20px;
}


div#myDAP .modal-header {
    background: #F48B00;
}

div#myDAP .lan-list ul li {
    border: 1px solid #F48B00;
}
div#myDAP .lan-list ul li:hover a {
    color: #F48B00;
}

button.btn-close {
    background: #fff;
    opacity: 1;
    line-height: 20px;
}

button.btn-close:after {
    content: "\2716";
    color: #00b501;
}

div#myDAP button.btn-close:after {
    content: "\2716";
    color: #F48B00;
}