@import url(styleFontIran.css);
::-moz-selection {color: #fff;background: #1B99DA;}
::selection {color: #fff;background: #1B99DA;}
:focus {outline: none;}
* {margin: 0;padding: 0;}
html {overflow-x: hidden; scroll-behavior: smooth; scroll-padding-top: 50px; /* scroll-snap-type: both mandatory;*/}
html,body,button,input,optgroup,a,span,form,div,ul,li,p,strong,em,div,h1,h2,h3,h4,h5,h6,section,main,select,textarea {}
a{transition:all .3s;text-decoration: none;}
/*    start code here   */

body{background: #fff;position: relative;}
.wrapper{position: relative;}
.wrapper>header{background-color: #C0D2E0;padding-top: 50px;position: relative;overflow: hidden;}
.wrapper>header>.circle-background{
    position: absolute;
    right: -5%;
    top: -20%;
    background-color: #d0e1ee;
    width: 55%;
    aspect-ratio: 2 / 2;
    border-radius: 100%;
    z-index: 0;
    transition: all 1s;
}
.wrapper>header>.container{
    position: relative;
    z-index: 1;
}
.wrapper>header nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wrapper>header nav>ul.items{
    display: flex;
}
.wrapper>header nav>ul.items>li.item{}
.wrapper>header nav>ul.items>li.item>a{
    font-size: 15px;
    color: #5e5e5e;
    font-family: "IRANSans";
    padding: 16px;
    font-weight: 300;
}
.wrapper>header nav>ul.items>li.item>a:hover{
    color: #4698D4;
    font-weight: bold;
}
.wrapper>header nav>.logo{}
.wrapper>header nav>.logo img{
    width: 100px;
}
.wrapper>header .header{
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.wrapper>header .header>.content{
    margin-top: 100px;
}
.wrapper>header .header>.content h1{
    font-size: 40px;
    color: #385e72;
    font-weight: 500;
    line-height: 1.6;
    /* margin-bottom: 20px; */
}
.wrapper>header .header>.content h1 span{
    font-size: 40px;
    text-decoration: underline;
    color: #ffffff;
    font-weight: 900;
    font-family: "IRAnSans";
    display: inline-block;
    position: relative;
    z-index: 1;
}

.wrapper>header .header>.content h1 span::before{content: '';background-image: url(../images/back-text.svg);background-repeat: no-repeat;z-index: -1;background-size: contain;width: 100%;height: 35px;position: absolute;top: 25px;}
.wrapper>header .header>.content p{
    font-size: 14px;
    color: #80939c;
    font-weight: 500;
    font-family: "IRANSans";
    line-height: 4;
}
.wrapper>header .header>.content .infoo{
    display: flex;
    align-items: center;
    align-content: center;
}
.wrapper>header .header>.content .infoo img{
    max-width: 20px;
}
.wrapper>header .header>.content .infoo span{
    color: #f66363;
    font-weight: 500;
    font-family: "IRANSans";
    margin-right: 10px;
    font-size: 14px;
}
.wrapper>header .header>.content a{
    display: flex;
    width: 150px;
    height: 48px;
    border-radius: 7px;
    background-color: #ffffff;
    font-size: 17px;
    color: #fabb04;
    font-weight: bold;
    font-family: "IRANSans";
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    position: relative;
    overflow: hidden;
}

#buyButton::before{
    content: '';
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0px;
    height: 0px;
    transition: all .5s;
    background: #fabb04;
    z-index: -1;
    border-radius: 7px;
}
#buyButton:hover::before{
    width: 100%;
    height: 100%;
}
.wrapper>header .header>.content a:hover{
    color: white;
    transform: scale(1.05);
}

.wrapper>header .header>.img{
    text-align: left;
    margin-bottom: 80px;
    max-width: 450px;
}
.wrapper>header .header>.img div{
    
}

.wrapper>header .header>.img canvas{
    max-width: 70%;
}

.wrapper>main{}

/*section,.wrapper>header{scroll-snap-stop: normal; scroll-snap-align: center;}*/
#sec_1{
    padding-top: 70px;
}
#sec_1>.container{}
#sec_1>.container>.form{}
#sec_1>.container>.form>.main{
    display: flex;
    position: relative;
    margin-bottom: 100px;
    justify-content: space-between;
}
#sec_1>.container>.form>.main>.content{
    width: 45%;
}
#sec_1>.container>.form>.main>.content>h3{
    font-size: 35px;
    color: #494949;
    font-weight: bold;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.3;
/* or 37px */
    text-align: right;
    letter-spacing: 0.025em;
    color: #000000;
    margin-bottom: 15px;
    width: 80%;
}
#sec_1>.container>.form>.main>.content>span{
    font-size: 13px;
    color: #34a753;
    font-weight: 500;
    font-family: "IRANSans";
    margin: 20px 0 10px 0;
    display: inline-block;
}
#sec_1>.container>.form>.main>.content>p{
    font-size: 14px;
    line-height: 2;
    max-width: 90%;
    color: #404040;
    font-family: "IRANSans";
    font-weight: 300;
}
#sec_1>.container>.form>.main>.content>ul{
    margin-top: 20px;
}
#sec_1>.container>.form>.main>.content>ul>li{}
#sec_1>.container>.form>.main>.content>ul>li>i{}
#sec_1>.container>.form>.main>.content>ul>li>i.icon{}
#sec_1>.container>.form>.main>.content>ul>li>i.tick{
    color: #2a9447;
    font-size: 15px;
}
#sec_1>.container>.form>.main>.content>ul>li>i.info{
    color: #fabb04;
}
#sec_1>.container>.form>.main>.content>ul>li>span{
    font-size: 15px;
    color: #404040;
    font-weight: 300;
    font-family: "IRANSans";
    display: inline-block;
    margin-right: 10px;
    line-height: 2;
}
#sec_1>.container>.form>.main>.content>ul>li>span.info{
    font-size: 14px;
    color: #fabb04;
    font-family: 'IRANSans';
}
#next_button{
    width: 135px;
    height: 52px;
    border-radius: 7px;
    background-color: #ebebeb;
    color: #ffffff;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-top: 50px;
    cursor: default;
    position: absolute;
    right: 0;
    bottom: -40px;
}
#next_button.enable{background-color: #fabb04 !important;cursor:pointer !important;}
#next_button.enable:hover{background-color: #e6b200 !important;}
#next_button.disable{display:none;}
#next_button>i{
    font-size: 16px;
    margin-top: 5px;
}
#next_button>span{
    font-size: 17px;
    font-weight: 900;
    font-family: "IRANSans";
    margin-right: 10px;
}
#next_button.active{}
#next_button.unactive{}
#sec_1>.container>.form>.main>.formItems{
    width: 50%;
    min-height: 420px;
}
#sec_1>.container>.form>.main>.formItems>.formItem{}
.formItem.hidden{display: none}
#selectItems{}
#selectItems>ul.items{}
#selectItems>ul.items>li.item{
    padding: 10px 30px;
}
#selectItems>ul.items>li.item>.main{
    border: 2px solid #FABB04;
    border-radius: 22px;
    padding: 21px;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    font: normal normal normal 23px/35px IRANSans;
    letter-spacing: 0px;
    color: #777474;
    text-decoration: none;
}
#selectItems>ul.items>li.item>.main>.circle{
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 1px solid #FABB04;
    background-color: white;
}
/*
#selectItems>ul.items>li.item>.main>.circle.unactive{}
#selectItems>ul.items>li.item>.main>.circle.active{}
*/
#selectItems>ul.items>li.item>.main>span{font-weight: 300;font-size: 20px;}
#selectItems>ul.items>li.item>.main>span>b{
    font-weight: 900;
    font-size: 21px;
}
#selectItems>ul.items>li.item>.main>i{}
#selectItems>ul.items>li.item>.main>.promotion{
    display: flex;
    flex-direction: column;
}
#selectItems>ul.items>li.item>.main>.promotion>span{
    font-weight: 300;
    font-size: 20px;
}
#selectItems>ul.items>li.item>.main>.promotion>span>b{
    font-weight: 900;
    font-size: 25px;
}
#selectItems>ul.items>li.item>.main>.promotion>span.first{
    color: #FABB04;
}
#selectItems>ul.items>li.item>.main>.promotion>span.second{}
#selectItems>ul.items>li.item>.main>.Vertical.line{
    height: 70px;
    width: .1px;
    background-color: #b7b7b7;
    display: inline-block;
    position: relative;
}
#selectItems>ul.items>li.item>.main>.cost{
    font-size: 16px;
}


#selectItems>ul.items>li.item>.selectItem.active{background-color: #fabb04;}
#selectItems>ul.items>li.item>.selectItem.active>.circle{}
#selectItems>ul.items>li.item>.selectItem.active>span{color:white !important;}
#selectItems>ul.items>li.item>.selectItem.active>span>b{color:white !important;}
#selectItems>ul.items>li.item>.selectItem.active>i{color:white !important;}
#selectItems>ul.items>li.item>.selectItem.active>.promotion{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span>b{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span.first{color:#434343 !important;}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span.second{color:white !important;}
#selectItems>ul.items>li.item>.selectItem.active>.Vertical.line{background-color:white !important;}
#selectItems>ul.items>li.item>.selectItem.active>.cost{}

#formInputs{
    padding: 10px 30px;
}
#formInputs>.icon{
    border-radius: 15px;
    background-color: #34a753;
    display: flex;
    align-items: center;
    justify-content: center;
}
#formInputs>.icon>img{
    margin: 35px;
    max-width: 100px;
}
#formInputs>table{}
#formInputs>form{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
#formInputs>form>table{
    width: 100%;
}
#formInputs>form>table tr{}
#formInputs>form>table tr>td.fullWidth{}
#formInputs>form>table tr>td.fullWidth input{
    width: 98%;
}
#formInputs>form>table tr>td.fullWidth select{
    width: 98%;
}
#formInputs>form>table tr>td{
    line-height: 4;
    padding-top: 10px;
    position: relative;
    text-align: center;
}
#formInputs>form>table tr>td>input::placeholder{
font-size: 14px;
color: #b9b9b9;
font-family: "IRANSans";
}
#formInputs>form>table tr>td>input{
    height: 100%;
    padding: 20px;
    position: relative;
    width: 96%;
    border-radius: 8px;
    background-color: #fff;
    border: 1.5px solid #d2d2d2;
}
#formInputs>form>table tr>td>input[type="text"]{}
#formInputs>form>table tr>td>input[type="tel"]{}
#formInputs>form>table tr>td>input[type="url"]{}
#formInputs>form>table tr>td>input[type="text"]#keysName{}
#formInputs>form>table tr>td select{
    height: 100%;
    cursor: pointer;
    color: #b9b9b9;
    padding: 20px;
    position: relative;
    width: 96%;
    border-radius: 8px;
/*    background-color: #fff;*/
    border: 1.5px solid #d2d2d2;
    background: transparent;
  -webkit-appearance: none;
}
#formInputs>form>table tr>td select option{
font-size: 14px;
color: #b9b9b9;
font-family: "IRANSans";
}
#formInputs>form>table tr>td .selectStyle{
    position: relative;
}
#formInputs>form>table tr>td .selectStyle::before{
    content:'';
    background: url(../images/Polygon-icon.svg) no-repeat right white;
    position: absolute;
    background-size: 20px;
    background-position: left;
    width: 30px;
    left:20px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#formInputs>form>table tr>td>#costs{}
#formInputs>form>table tr>td select>option{}
#registeredItems {
    background: #F3C937;
    border-radius: 19px;
    padding: 80px 40px 30px 40px;
    min-width: 100%;
    text-align: center;
    transition: all .3s;
    display: inline !important;
    position: absolute;
    top: 0;
    right: -100%;
    height: 100%;
}
#registeredItems.active{right:0;z-index:3;}
#registeredItems div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.back_button{
    border: 2px solid #FFFFFF;
    border-radius: 14px;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 104.79%;
/* identical to box height, or 21px */
    text-align: center;
    color: #FFFFFF;
    background: inherit;
    display: flex;
    width: 200px;
    height: 60px;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 40px;
    right: 0;
    left: 0;
    margin: auto;
}
#registeredItems img{}
#registeredItems span{
    font-size: 25px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: "IRANSans";
    margin: 10px 0px;
    width: 190px;
    text-align: center;
}
#registeredItems p{
    font-family: "IRANSans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #494949;
    width: 180px;
    text-align: center;
}

#sec_1>.container>.form>.states{
    width: 95%;
    margin: 40px auto 80px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: row-reverse;
}
#sec_1>.container>.form>.states>.state{
    width: 100%;
    display: flex;
    align-items: center;
}
#sec_1>.container>.form>.states>.state div{}
#sec_1>.container>.form>.states>.state .uncheck{}
#sec_1>.container>.form>.states>.state.checked div{background-color: #fabb04 !important;}
#sec_1>.container>.form>.states>.state.checked div::before{color:#fabb04 !important;}
#sec_1>.container>.form>.states>.state.checked .circle{}
#sec_1>.container>.form>.states>.state.selection{}
#sec_1>.container>.form>.states>.state.inquiry{}
#sec_1>.container>.form>.states>.state.register{}
#sec_1>.container>.form>.states>.state .circle{
    border: 1px solid #DCDCDC;
    position: relative;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
#sec_1>.container>.form>.states>.state .line{
    width: 100%;
    height: 2px;
    background-color: #DCDCDC;
}
#sec_1>.container>.form>.states>.state .circle::before{position: absolute;top: 20px;right: -23px;width: 100px;font-size: 13px;color: #d0d0d0;font-family: "IRANSans";}
#sec_1>.container>.form>.states>.state.selection .circle::before{content:'انتخاب پلن';}
#sec_1>.container>.form>.states>.state.inquiry .circle::before{content:'استعلام سایت';}
#sec_1>.container>.form>.states>.state.register .circle::before{content:'ثبت سفارش';}

#sec_2{}
#sec_2>.main{
    border-radius: 15px;
    background-color: #faeaba;
    width: 90%;
    margin: auto;
    padding: 40px;
    display: flex;
}
#sec_2>.main>.container{
    padding: 0 50px;
}
#sec_2>.main>.container>.methods{
}
#sec_2>.main>.container>.methods>h2{
    font-size: 25px;
    color: #43300a;
    font-weight: bold;
    text-align: center;
}
#sec_2>.main>.container>.methods>ul.items{
    margin-top: 50px;
}
#sec_2>.main>.container>.methods>ul.items.desktop{}
#sec_2>.main>.container>.methods>ul.items>.item{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow{
    overflow:hidden;
    border-radius: 12px;
    font-size: 14px;
    color: #faeaba;
    font-weight: 200;
    font-family: "IRANSans";
    text-align: center;
    position: relative;
    line-height: 1.6;
    min-height: 290px;
    padding: 15px;
    }
#sec_2>.main>.container>.methods>ul.items>.item>.overflow::before{position: absolute;top: 60px;left: -77px;opacity: 0.220;font-size: 230px;font-weight: 900;color: #faeaba;font-family: "IRANSans";}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(1)>.overflow::before{content: '04';}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(2)>.overflow::before{content: '03';}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(3)>.overflow::before{content: '02';}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(4)>.overflow::before{content: '01';}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(1)>.overflow{background-color: #845e12;}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(2)>.overflow{background-color: #dc5252;}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(3)>.overflow{background-color: #e76f22;}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(4)>.overflow{background-color: #5583d2;}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>.icon{
    max-width: 80px;
    text-align: center;
    margin: auto;
    margin-top: 17px;
}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>.icon>img{
}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>h3{
    margin: 20px 0 10px 0;
    position: relative;
    z-index: 2;
}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>p{
    font-weight: 200;
    position: relative;
    z-index: 2;
}
#sec_2>.main>.container>.dotslines{
    width: 77%;
    margin: auto;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#sec_2>.main>.container>.dotslines>.up{
    border-bottom: 2px dashed #845f12;
    border-left: 2px dashed #845f12;
    border-right: 2px dashed #845f12;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    height: 100%;
    display: flex;
}
#sec_2>.main>.container>.dotslines>.up div{
    width: 100%;
    height: 100%;
}
#sec_2>.main>.container>.dotslines>.up div:nth-child(1){
    border-left: 2px dashed #845f12;
}
#sec_2>.main>.container>.dotslines>.up div:nth-child(2){
    border-left: 2px dashed #845f12;
}
#sec_2>.main>.container>.dotslines>.up div:nth-child(3){}
#sec_2>.main>.container>.dotslines>.down{
    width: 100%;
    height: 100%;
    display: flex;
    padding-top: 2px;
}
#sec_2>.main>.container>.dotslines>.down div{
    width: 100%;
    height: 100%;
}
#sec_2>.main>.container>.dotslines>.down div:nth-child(1){
    border-left: 2px dashed #845f12;
}
#sec_2>.main>.container>.dotslines>.down div:nth-child(2){}
#sec_2>.main>.container>.Results{
    margin-top: 20px;
}
#sec_2>.main>.container>.Results>h2{
    font-size: 20px;
    color: #43300a;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #A48427;
}
#sec_2>.main>.container>.Results>ul{}
#sec_2>.main>.container>.Results>ul>li{}
#sec_2>.main>.container>.Results>ul>li>.overflow{
    border-radius: 11px;
    border: 1px solid #4f4f50;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding: 20px;
    min-height: 160px;
}
#sec_2>.main>.container>.Results>ul>li>.overflow>img{
    max-width: 60px;
    margin-bottom: 15px;
    filter: grayscale(1);
}
#sec_2>.main>.container>.Results>ul>li>.overflow>span{
    font-size: 15px;
    color: #4f4f50;
    font-weight: 500;
    font-family: "IRANSans";
}

#sec_3{
    padding: 50px;
}
#sec_3>.container{}
#sec_3>.container>h2{
    font-size: 30px;
    color: #3e3e3e;
    text-align: center;
    font-weight: bold;
}
#sec_3>.container>.items{
    margin-top: 50px;
    display: flex;
    width: 100%;
}
#sec_3>.container>.items .panel-group{
    width: 100%;
    padding: 10px;
}
#sec_3>.container>.items .panel-group .panel-default{
    border-radius: 9px;
    margin-top: 20px;
}
#sec_3>.container>.items .panel-group .panel-default>div{}
#sec_3>.container>.items .panel-group .panel-default .panel-title{
    font-size: 15px;
    color: #3e3e3e;
    font-weight: 500;
}
#sec_3>.container>.items .panel-group .panel-default .panel-title a{text-decoration: none;}
#sec_3>.container>.items .panel-group .panel-default .panel-title a>div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin: 25px 10px;
}
#sec_3>.container>.items .panel-group .panel-default .panel-title a>div span{
    font-weight: 500;
    color: #3e3e3e;
    line-height: 2;
    width: 90%;
}
#sec_3>.container>.items .panel-group .panel-default .panel-title a>div img{}
#sec_3>.container>.items .panel-group .panel-default .panel-collapse{}
#sec_3>.container>.items .panel-group .panel-default .panel-collapse .panel-body{}
#sec_3>.container>.items .panel-group .panel-default .panel-collapse .panel-body p{
    line-height: 2;
    color: #848484;
    font-weight: 400;
    font-size: 14px;
}

.wrapper>footer{
    background-color: #2e2e2e;
}
.wrapper>footer>.container{display: flex;font-size: 15px;color: #ffffff;font-family: "IRANSans";justify-content: space-between;align-items: center;padding: 30px 0;}
.wrapper>footer>.container:after{
    content: none;
}
.wrapper>footer>.container:before{
    content: none;
}
.wrapper>footer>.container>.logo{}
.wrapper>footer>.container>.logo>img{width: 150px;}
.wrapper>footer>.container>nav{
    width: 100%;
    text-align: center;
}
.wrapper>footer>.container>nav>ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrapper>footer>.container>nav>ul>li{}
.wrapper>footer>.container>nav>ul>li>a{
    padding: 10px;
    font-weight: 200;
    font-size: 14px;
}
.wrapper>footer>.container>nav>ul>li>a:hover{color: #fabb04;}


.wrapper>footer>.container>.contact{
    width: 34%;
}
.wrapper>footer>.container>.contact>.address{}
.wrapper>footer>.container>.contact>.address a{
    cursor: default;
}
.wrapper>footer>.container>.contact>.address a span{
    font-weight: 200;
    font-size: 15px;
}
.wrapper>footer>.container>.contact>.address a:hover{color:white;}
.wrapper>footer>.container>.contact>.social{
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-top: 20px;
}
.wrapper>footer>.container>.contact>.social>a{
    text-decoration: none;
    align-content: center;
    display: flex;
}
.wrapper>footer>.container>.contact>.social span{
    font-weight: 200;
    align-content: center;
    line-height: 2;
}
.wrapper>footer>.container>.contact>.social img{
    transition:all .4s;
    width: 30px;
}
.wrapper>footer>.container>.contact>.social a:hover img{transform:scale(1.1);}



/* new edit */

.fpkgs{
    display: flex;
    position: relative;
    width: 55%;
    justify-content: space-between;
}
.fpkgs .slctform{
    overflow: hidden;
    position: relative;
}
.fpkgs .slctform .circles{
    display: flex;
    position: relative;
}
.fpkgs .slctform .circles .active{}
.fpkgs .slctform .circles .active .dots{}
.fpkgs .slctform .circles .active .dots .dot,.fpkgs .slctform .circles .active2 .dots .dot{
    background: #F3C937;
}
.fpkgs .slctform .circles>div{
    display: flex;
}
.fpkgs .slctform .circles>div .dots{}
.fpkgs .slctform .circles>div .dots .dot{
    background: #E9E9E9;
    width: 35px;
    height: 35px;
    border-radius: 25px;
    margin: 5px;
    transition: all .3s;
}
.fpkgs .slctform .circles .csections1{}
.fpkgs .slctform .circles .csections1 .dots{}
.fpkgs .slctform .circles .csections1 .dots .dot{}
.fpkgs .slctform .circles .csections2{}
.fpkgs .slctform .circles .csections2 .dots{}
.fpkgs .slctform .circles .csections2 .dots .dot{}
.fpkgs .slctform .circles .csections3{}
.fpkgs .slctform .circles .csections3 .dots{}
.fpkgs .slctform .circles .csections3 .dots .dot{}
.fpkgs .slctform .circles .csections4{}
.fpkgs .slctform .circles .csections4 .dots{}
.fpkgs .slctform .circles .csections4 .dots .dot{}
.fpkgs .slctform .fpkgsitems{
    margin-top: 30px;
    position: relative;
}
.fpkgs .slctform .fpkgsitems .realitem{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.fpkgs .slctform .fpkgsitems .realitem>div{
    border: 1px solid #E3C351;
    border-radius: 10px;
    width: 110px;
    height: 110px;
    margin: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 34px;
    text-align: center;
    color: #E3C351;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    cursor: pointer;
}
.fpkgs .slctform .fpkgsitems .realitem>div:hover{background: #F3C937;color: white;}
.fpkgs .slctform .fpkgsitems .realitem>div:nth-child(2){}
.fpkgs .slctform .fpkgsitems .realitem>div span{
    align-items: center;
    flex-direction: column-reverse;
}
.fpkgs .slctform .fpkgsitems .realitem>div span strong{}

.fpkgs .slctform .fpkgsitems .realitem .active{
    background: #F3C937;
    color: white;
}
.fpkgs .slctform .fpkgsitems .realitem .active span{}
.fpkgs .slctform .fpkgsitems .neunaxelform{}
.fpkgs .slctform .fpkgsitems .neunaxelform form{
    display: flex;
    flex-direction: column;
}
.fpkgs .slctform .fpkgsitems .neunaxelform form #website{
}
.fpkgs .slctform .fpkgsitems .neunaxelform form input{
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    height: 50px;
    text-indent: 10px;
    margin: 5px;
}
.fpkgs .slctform .fpkgsitems .neunaxelform form input::placeholder{color: #D3D3D3;}
.fpkgs .slctform .fpkgsitems .neunaxelform form #phone{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #new_next_button{
    background: #D9D9D9;
    border-radius: 10px;
    height: 50px;
    margin: 5px;
    border: none;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: #999999;
    transition: all .3s;
}
.fpkgs .slctform .fpkgsitems .neunaxelform form #new_next_button.enable{background: #F3C937;color: #000000;}
.fpkgs .slctform .fpkgsitems .neunaxelform form #new_next_button:hover{}
.fpkgs .slctform .registeredItems{}
.fpkgs .slctform .registeredItems>div{}
.fpkgs .slctform .registeredItems>div img{}
.fpkgs .slctform .registeredItems>div span{}
.fpkgs .slctform .registeredItems>div p{}
.fpkgs .slctform .registeredItems .back_button{}
.fpkgs .slctform .registeredItems .back_button:hover{}
.fpkgs .formInfo{
    display: flex;
    flex-direction: column;
    width: auto;
    margin-right: 80px;
    justify-content: center;
    align-items: center;
}
.fpkgs .formInfo .formInfoIcon{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}
.fpkgs .formInfo .formInfoIcon img{
    width: 90%;
    margin-bottom: 15px;
}
.fpkgs .formInfo .formInfoIcon span{
    text-align: center;
}
.fpkgs .formInfo .formInfoIcon span b{
    font-size: 20px;
    margin-left: 4px;
}
.fpkgs .formInfo .formInfoIcon span strong{
    color: #FBBF44;
    display: block;
    text-align: center;
    font-size: 16px;
}
.fpkgs .formInfo .formInfoIcon span strong{}
.fpkgs .formInfo .formInfoText{
    border: 1px solid #ECECEC;
    border-radius: 14px;
    padding: 20px 40px;
    min-width: 200px;
    transition: all .3s;
    opacity:0;
}

.fpkgs .formInfo .formInfoText.two{
    padding: 8px 20px;
    margin-top: 10px;
    opacity:0;
}
.fpkgs .formInfo .formInfoText:not(.two).active, .fpkgs .formInfo .formInfoText.active2{opacity:1;}
.fpkgs .formInfo .formInfoText.two.active3{opacity:1}
.fpkgs .formInfo .formInfoText.two .topCost{
    text-align: center;
}
.fpkgs .formInfo .formInfoText.two .topCost ul{
    display: flex;
    flex-direction: column;
    margin-top: 12px;
}
.fpkgs .formInfo .formInfoText.two .topCost ul li{
    display: flex;
    justify-content: space-between;
    margin: 7px 0;
}
.fpkgs .formInfo .formInfoText.two .topCost ul li span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 104.79%;
/* identical to box height, or 15px */
    text-align: center;
    color: #000000;
}
.fpkgs .formInfo .formInfoText .topCost{
    
/* identical to box height, or 15px */
    
/* identical to box height, or 19px */
    text-align: center;
}
.fpkgs .formInfo .formInfoText .topCost span,.fpkgs .formInfo .formInfoText .bottomCost span{
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    text-align: center;
    color: #747474;
    display: block;
    font-size: 14px;
    
/* identical to box height, or 15px */
}
.fpkgs .formInfo .formInfoText .topCost strong,.fpkgs .formInfo .formInfoText .bottomCost strong{
    margin: 3px;
    display: inline-block;
}
.fpkgs .formInfo .formInfoText .bottomCost{text-align: center;margin-top: 10px;border-top: 1px solid #C0C0C0;padding-top: 10px;}

#sec_new{
    background: #D6EAFE;
    border-radius: 29px;
    padding: 50px 10px;
    margin-bottom: 150px;
    width: 90%;
    margin: 0 auto 100px auto;
    display: flex;
}
#sec_new h2{
    font-style: normal;
    font-weight: 700;
    font-size: 27px;
    line-height: 36px;
    color: #3E3E3E;
    text-align: center;
}
#sec_new .cover{
    display: flex;
    margin-top: 35px;
}
#sec_new .cover .content{
    width: 65%;
}
#sec_new .cover .content p{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 29px;
    text-align: justify;
    color: #000000;
    white-space: pre-line;
    width: 85%;
}
mark { 
  background-color: #FFF7B0;
/*   color: black; */
}
#sec_new .cover .img{
    width: 35%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#sec_new .cover .img img{
    width: 90%;
}

footer.site-footer .center{
    width: 50%;
}
footer.site-footer .center nav{}
footer.site-footer .center nav ul{
    display: flex;
    width: 100%;
    justify-content: space-evenly;
}
footer.site-footer .center nav ul li{}
footer.site-footer .center nav ul li a{
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #FFFFFF;
}
footer.site-footer .center nav ul li a:hover{}
footer.site-footer .center nav .contact{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #474747;
    padding-top: 12px;
    margin-top: 12px;
}
footer.site-footer .center nav .contact .address{}
footer.site-footer .center nav .contact .address a{}
footer.site-footer .center nav .contact .address a span{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}
footer.site-footer .center nav .contact .social{}
footer.site-footer .center nav .contact .social a{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}
footer.site-footer .center nav .contact .social a span{}
footer.site-footer .enamad{}
footer.site-footer .enamad .enamads{}
footer.site-footer .enamad .enamads a{
    margin: 5px;
}
footer.site-footer .enamad .enamads img{
    height: 100px;
}

.whatsapp-call{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 20;
}
.whatsapp-call a{
    transition:all .3s;
    position: relative;
    background-color: #0baf5d;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    box-shadow: 0px 0px 5px #003e02;
}
.whatsapp-call a:hover{
    box-shadow: 0px 0px 20px #003e02;
    transform:scale(1.1);
}
.whatsapp-call img{
    width: 50px;
}

#dr_price{display:none;}

/* New edit 31 jul 2023 */ 

#sec1_new{
    margin-top: 80px;
    margin-bottom: 60px;
}
#sec1_new>.container>.content{ 
    margin-bottom:50px;
}
#sec1_new>.container>.content>h2{
    color: #3E3E3E;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}
#sec1_new #adsPrices{
    margin-top: 40px;
    display: flex;
    align-items: center;
}
#sec1_new #adsPrices>li{}
#sec1_new #adsPrices>li>.box{
    border-radius: 19px;
    border: 1px solid #E3C351;
    background: #FFF;
    padding: 29px 20px 23px 20px;
}
#sec1_new #adsPrices>li>.box>.content{}
#sec1_new #adsPrices>li>.box>.content>.title{
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
#sec1_new #adsPrices>li>.box>.content>.title>h3{
    color: #E3C351;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 5px;
}
#sec1_new #adsPrices>li>.box>.content>.title>h3 .topCostText{
    font-weight: 500;
    font-size: 36px;
    margin: 0 5px;
}
#sec1_new #adsPrices>li>.box>.content>.title>span{
    display: block;
    color: #646464;
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
}
#sec1_new #adsPrices>li>.box>.content>.title>span .bottomCostText{
    margin: 0 5px;
    font-weight: 500;
}
#sec1_new #adsPrices>li>.box>.content>.info{}
#sec1_new #adsPrices>li>.box>.content>.info>ul{}
#sec1_new #adsPrices>li>.box>.content>.info>ul>li{
    margin-bottom: 5px;
}
#sec1_new #adsPrices>li>.box>.content>.info>ul>li>i{
    /* display: inline-block; */
    margin-left: 8px;
}
#sec1_new #adsPrices>li>.box>.content>.info>ul>li>span{
    color: #434343;
    font-family: IRANSans;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
}
#sec1_new #adsPrices>li>.box>.content>.btn{
    width: 100%;
    margin: 24px 0 0 0;
    padding: 0;
}
#sec1_new #adsPrices>li>.box>.content>.btn>a{
    border-radius: 13px;
    background: #D4A94E;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: center;
    transition: all .2s;
    cursor: pointer;
}
#sec1_new #adsPrices>li>.box>.content>.btn>a:hover{box-shadow: 2px 2px 1px #7d5707;
    transform: translate(-2px, -2px);}
#sec1_new #adsPrices>li>.attentionBox{}
#sec1_new #adsPrices>li>.attentionBox span{
    border-radius: 13px 13px 0 0;
    transform: translateX(-23%);
    background: #BC9714;
    padding: 0 25px;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 2;
    display: inline-block;
}
#sec1_new #adsPrices>li>.box.custom{
    border: 2px solid #BC9714;
    background: linear-gradient(225deg, #E3C351 19.59%, #BB8049 78.68%);
    padding: 16px 20px 23px 20px;
}
#sec1_new #adsPrices>li>.box.custom>.content{}
#sec1_new #adsPrices>li>.box.custom>.content>.title{
    text-align: center;
    border: none;
    margin-bottom: 0;
    padding-bottom: 20px;
}
#sec1_new #adsPrices>li>.box.custom>.content>.title>p{
    color:white;
    font-size: 22px;
}
#sec1_new #adsPrices>li>.box.custom>.content>.title>p>strong{
    font-weight: 500;
    font-size: 32px;
    color: white;
    text-align: center;
    display: inline-block;
    line-height: 1.1;
}
#sec1_new #adsPrices>li>.box.custom>.content>.title>strong:nth-child(2){font-size: 23px;}
#sec1_new #adsPrices>li>.box.custom>.content>.title>h3{
    color: #484848;
    font-size: 22px;
}
#sec1_new #adsPrices>li>.box.custom>.content>.title>h3 .topCostText{
    font-size: 32px;
}
#sec1_new #adsPrices>li>.box.custom>.content>.title>span{
    color: white;
}
#sec1_new #adsPrices>li>.box.custom>.content>.title>span .bottomCostText{}
#sec1_new #adsPrices>li>.box.custom>.content>.attentionText{
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    padding: 14px 0;
    margin-bottom: 20px;
}
#sec1_new #adsPrices>li>.box.custom>.content>.attentionText p{
    color: #404040;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}
#sec1_new #adsPrices>li>.box.custom>.content>.attentionText p strong{}
#sec1_new #adsPrices>li>.box.custom>.content>.info{}
#sec1_new #adsPrices>li>.box.custom>.content>.info>ul{}
#sec1_new #adsPrices>li>.box.custom>.content>.info>ul>li{}
#sec1_new #adsPrices>li>.box.custom>.content>.info>ul>li>i{}
#sec1_new #adsPrices>li>.box.custom>.content>.info>ul>li>span{
    color: #3b3b3b;
}
#sec1_new #adsPrices>li>.box.custom>.content>.btn{
    margin: 11px 0 0 0;
}
#sec1_new #adsPrices>li>.box.custom>.content>.btn>a{
    color: #D4A94E;
    background-color: white;
}

#sec1_new #contentForm{
    border-radius: 20px;
    background: #ECECEC;
    /*padding: 15px 30px;*/
    overflow: hidden;
    height: 0;
    padding: 0;
    transition: all .3s;
    position: relative;
}
#sec1_new #contentForm.success{min-height: 270px;}
#sec1_new #contentForm>.overflow{}
#sec1_new #contentForm>.overflow>p{
    text-align: center;
    color: #5C5C5C;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}
#sec1_new #contentForm>.overflow>.form{
    display: flex;
}
#sec1_new #contentForm>.overflow>.form>form{
    display: flex;
    flex-direction: row;
    width: 75%;
}
#sec1_new #contentForm>.overflow>.form>form .inputs{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: flex-start;}
#sec1_new #contentForm>.overflow>.form>form .inputs input{
    width: 48%;
    text-indent: 15px;
    padding: 15px;
    border-radius: 14px;
    margin: 0px 0px 5px 10px;
}
#sec1_new #contentForm>.overflow>.form>form .inputs button{
    border-radius: 13px;
    background: #D4A94E;
    border: none;
    width: 48%;
    padding: 15px;
}
#new_next_button.pending,#new_next_button.disable{background-color: #727272 !important;opacity: 0.35;}
#sec1_new #contentForm>.overflow>.form>form .inputs button span{
    color: #FFF;
}
#sec1_new #contentForm>.overflow>.form>.info{
    border-radius: 13px;
    background: #3F556A;
    color: white;
    width: 25%;
    text-align: center;
    padding: 25px;
}
#sec1_new #contentForm>.overflow>.form>.info>.top{}
#sec1_new #contentForm>.overflow>.form>.info>.top>span{
    color: #A5BDD4;
    text-align: center;
    font-family: IRANSans(FaNum);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
#sec1_new #contentForm>.overflow>.form>.info>.top>p{
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
}
#sec1_new #contentForm>.overflow>.form>.info>.top>p strong{
    font-weight: 500;
}
#sec1_new #contentForm>.overflow>.form>.info>.bottom{margin-top: 17px;}
#sec1_new #contentForm>.overflow>.form>.info>.bottom>span{
    color: #A5BDD4;
    text-align: center;
    font-family: IRANSans(FaNum);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
#sec1_new #contentForm>.overflow>.form>.info>.bottom>p{
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
}
#sec1_new #contentForm>.overflow>.form>.info>.bottom>p strong{
    font-weight: 500;
}


#newRegisteredItems {
    background: #F3C937;
    border-radius: 19px;
    padding: 15px;
    min-width: 100%;
    text-align: center;
    transition: all .3s;
    /* display: inline !important; */
    position: absolute;
    top: -100%;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#sec1_new .contentForm.success #newRegisteredItems{top:0;z-index:3;}
#newRegisteredItems div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.back_button{
    border: 2px solid #FFFFFF;
    border-radius: 14px;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 104.79%;
/* identical to box height, or 21px */
    text-align: center;
    color: #FFFFFF;
    background: inherit;
    display: flex;
    width: 200px;
    height: 60px;
    align-items: center;
    justify-content: center;
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 5px;
}
#newRegisteredItems img{
    width: 70px;
}
#newRegisteredItems span{
    font-size: 25px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: "IRANSans";
    margin: 10px 0px;
    /* width: auto; */
    text-align: center;
}
#newRegisteredItems p{
    font-family: "IRANSans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #494949;
    /* width: 180px; */
    text-align: center;
}