﻿.intro .is-bg{top:0;right:0;z-index:-1;opacity:.2;height:100%}
.intro:before{content:"";width:100%;float:right;height:100%;position:absolute;top:0;right:0;background:linear-gradient(to bottom,var(--body),transparent,var(--body))}
.intro .elm{top:30px;width:600px;right:-200px;z-index:-1}
.intro .entery{padding-top:80px}
.intro .inside{width:50%}
.intro .inside .title{line-height:1.85;margin-top:50px}
.intro .inside .desc{line-height:1.85}
.intro .inside .text{line-height:2;text-align:justify;margin:15px 0 10px}
.intro .inside .btns{padding:19px 0}
.intro .inside .btns .btn{padding:11px 22px;margin-left:15px}
.intro .inside .btns .btn i{margin:3px 8px 0 0}
.intro .inside .tabl{margin-top:20px;padding:12px}
.intro .last-updates{width:calc(50% - 45px);padding-right:29px;border-right:1px var(--blur) solid}
.intro .last-updates .icon{margin:1px 0 15px 7px}
.intro .last-updates li{width:calc(50% - 20px);margin:10px}
.intro .last-updates li a{box-shadow:2px 2px 21px 3px var(--rb-color120);padding:10px;backdrop-filter:blur(10px);background-color:var(--rb-color60)}
.intro .last-updates li a img{width:60px;height:60px}
.intro .last-updates li a .ins{width:calc(100% - 75px);padding-left:25px}
.intro .last-updates li a .ins .name{margin:7px 0}
.intro .last-updates li a .arrow{width:24px;height:24px;left:10px;top:calc(50% - 12px);opacity:.7}


.why-roz,.pic-text,.faqs,.emkanaat,.index-prof,.comments{background:linear-gradient(to bottom,var(--body),var(--rb-color3),var(--body))}
.why-roz .entery .item{width:33.33%;padding:20px 50px 0;line-height:1.9}
.why-roz .entery .item .title{margin:8px 0}

.pic-text{padding:30px 0}
.pic-text .pic{width:45%}
.pic-text .inside{width:calc(55% - 50px);margin-top:80px}
.pic-text .inside .desc{line-height:2;text-align:justify;margin:20px 0 5px}
.pic-text .inside .rt-more{box-shadow:none;padding-right:0}


.deg{width:auto;height:93%;margin-left:-100px;margin-right:-100px;top:7%;background-color:var(--rb-color121);-moz-transform:rotate(-4deg);-webkit-transform:rotate(-4deg);z-index:1;right:0;left:0}
.deg.is2{-moz-transform:rotate(4deg);-webkit-transform:rotate(4deg);height:100%;top:0}
.deg.is3{height:100%;top:0}

.faqs .main{width:750px}
.faqs .entery{margin-top:10px}
.faqs .entery ul.accordion>li{box-shadow:0 2px 20px var(--rb-color122);margin:12.5px 0}
.faqs .entery ul.accordion>li>.submenu{display:none;padding:20px 25px;border-top:1px var(--rb-color38) solid;line-height:2.2;text-align:justify}
.faqs .entery ul.accordion>li>.link{padding:15px 25px}
.faqs .entery ul.accordion>li>.link>span{width:calc(100% - 20px);line-height:1.8}
.faqs .entery ul.accordion>li>.link i{font-size:25px;opacity:0.5}
.faqs .entery ul.accordion>li.open>.link i{transform:rotate(180deg)}
.faqs .entery ul.accordion>li.open>.link{color:var(--color)}


.emkanaat .entery{margin:20px 0}
.emkanaat .entery .item{width:50%;padding:30px 40px;line-height:2}
.emkanaat .entery .item img{width:60px;margin-top:10px}
.emkanaat .entery .item .inside{width:calc(100% - 90px)}



.index-prof{margin-top:30px}
.index-prof .slider-auto{width:100%}
.index-prof .slider-auto .owl-nav{display:none}

.index-prof .item::before{width: 100%;padding-top:12.085%;display:block;background-size:cover;background-repeat: no-repeat;background-image: url("../img/template-browser.png");border-radius: 10px 10px 0 0;content:''}
.index-prof .item{width:320px;margin:20px 15px 30px 15px}
.index-prof .item .hover{opacity:0;background-color:var(--rb-color123);height:87.915%;bottom:0;right:0;padding:25px;border-radius:0 0 10px 10px}
.index-prof .item .hover .btn{width:150px;margin:20px calc(50% - 75px) 0}
.index-prof .item input{left:88px;top:11px;text-align:left;border:0;background:none}
.index-prof .allprof .item{width:calc(33.33% - 30px);margin:25px 15px}
.index-prof .allprof .item input{left:26%;top:4.5%}
.index-prof .allprof{margin:10px 0 20px 0}
.index-prof .item:hover .hover,.index-prof .allprof .item:hover .hover{backdrop-filter:blur(10px);opacity:1}



.comments .main .main{width:800px}
.comments .item{width:calc(100% - 30px);margin:15px;padding:30px;box-shadow:0 5px 10px var(--rb-color124)}
.comments .item .icon{font-size:40px;left:25px;opacity:.1;top:40px}
.comments .item .inside{width:calc(100% - 90px)}
.comments .item .inside h5{margin:6px 0}
.comments .item p{line-height:2.2;margin:20px 0;text-align:justify}
.comments .owl-dots{display:none}

.intro .last-updates li a:hover{background-color:var(--rb-color3)}
.intro .last-updates li a:hover .arrow{opacity:0}


@media only screen and (max-width:1080px){
.intro .inside{width:45%}
.intro .last-updates{width:calc(55% - 40px)}
}
@media only screen and (max-width:920px){
.rt-more{font-size:14px;padding:8px 15px}
.rt-more i{font-size:13px}
.intro:before,.intro .is-bg,.intro .last-updates .icon{display:none}
.intro .elm{top:0;right:0;opacity:.3}
.intro .inside,.intro .last-updates{width:100%;padding:0;border-right:0}
.intro .entery{padding:0}
.intro .inside .title{font-size:18px;text-align:center;margin-top:40px}
.intro .inside .desc{font-size:13px;text-align:center;margin-top:5px}
.intro .inside .text{font-size:13px;margin-top:10px}
.intro .inside .btns{font-size:13px;padding:10px 0 15px;text-align:center}
.intro .inside .btns .btn{padding:8px 15px;margin:0 3px;display:inline-block;float:none}
.intro .inside .btns .btn i{font-size:13px}
.intro .inside{margin-bottom:50px}
.intro .inside .tabl{padding:8px}
.intro .last-updates>div.rt-17{color:var(--rb-color7);font-size:17px}
.intro .last-updates .inlx::-webkit-scrollbar{display:none}
.intro .last-updates .inlx{-ms-overflow-style:none;scrollbar-width:none;width:calc(100% + 36px);transform:translateX(18px);overflow-x:auto}
.intro .last-updates .inlx ul{display:flex;flex-wrap:wrap;justify-content:space-between;min-width:1595px;padding:10px 10px 25px}
.intro .last-updates li{width:300px;margin:7.5px}


.why-roz .entery .item,.emkanaat .entery .item{width:250px;padding:15px;background-color:var(--rb-color125);margin:7.5px;border-radius:10px}
.why-roz .entery .item img{height:80px}
.why-roz .entery .item .title,.emkanaat .entery .item .inside .title{font-size:14px}
.why-roz .entery .item p,.emkanaat .entery .item .inside p{font-size:13px}

.emkanaat .entery .item .inside .title{margin:15px 0 8px}
.emkanaat .entery .item .inside{width:100%;text-align:center}
.emkanaat .entery .item img{height:50px;width:auto;float:none;display:block;margin:0 auto}

.index-prof{margin-top:0}
.index-prof .title-asli .desc{margin-bottom:10px}
.index-prof .itemm{width:250px;margin:10px 7.5px 30px;box-shadow:2px 2px 21px 3px var(--rb-color120)}
.index-prof .rt-flex{margin:0 !important;width:100% !important}
.index-prof .rt-more{margin-top:0}


.deg,.pic-text .inside .rt-more{display:none}
.pic-text .pic{width:70%;margin:0 15% 20px}
.pic-text .inside{width:100%;margin-top:0;text-align:center}
.pic-text .inside .title-asli .name{font-size:16px}
.pic-text .inside .desc{font-size:14px;margin:10px 0 0}

.comments{padding-bottom:10px}
.comments .title-asli .desc{margin-bottom:5px}
.comments .item{text-align:center}
.comments .item .icon{font-size:32px;top:15px;left:15px}
.comments .item img{width:60px;margin:0 calc(50% - 30px);height:60px}
.comments .main .main{max-width:100%;float:right;margin:0}
.comments .item .inside{width:100%}
.comments .item .inside h5{font-size:14px;margin-top:15px}
.comments .item .inside h6{font-size:12px;opacity:.5}
.comments .item p{font-size:13px;margin:10px 0 5px}
.comments .owl-carousel .owl-nav .owl-prev,.comments .owl-carousel .owl-nav .owl-next{top:100px;opacity:1;box-shadow:var(--rb-color126) 0 0 20px;color:var(--rb-color13)}
.comments .owl-carousel .owl-nav .owl-prev{right:-5px}
.comments .owl-carousel .owl-nav .owl-next{left:-5px}


.faqs .entery ul.accordion > li > .link{font-size:14px;padding:10px 15px}
.faqs .entery ul.accordion > li{margin:7.5px 0}
.faqs .entery ul.accordion > li:first-child{margin-top:0}
.faqs .entery ul.accordion > li > .submenu{font-size:13px;padding:15px 20px}
}
.index-prof {margin-top: 0;}
@media only screen and (max-width:600px)
{
	.index-prof .itemm input{left:88px;top:11px;text-align:left;border:0;background:none}
}
