@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:#222;color:#eee;font-family:Poppins,sans-serif;font-size:14px;overflow-x:hidden}button,h1,h2,h3,h4,h5,h6,p{font-family:Open Sans,sans-serif;font-style:normal;font-weight:600}::-webkit-scrollbar{height:0;width:0}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:transparent}.nav{align-items:flex-end;background:#523232;border-radius:50px;display:flex;height:60px;justify-content:center;left:30px;overflow:hidden;padding-bottom:35px;position:fixed;top:30px;transition:all .2s;transition-delay:.1s;width:60px;z-index:9999}.nav ul{list-style:none}.nav ul li a{align-items:center;color:#fff;display:flex;position:relative;text-decoration:none}.body_click{height:auto;position:absolute;width:100%}.menu_icon{display:flex;font-size:18px}.menu_icon,.menu_text{opacity:0;transition-delay:0s;visibility:hidden}.menu_text{font-size:19px;font-weight:400;left:30px;position:absolute}.nav ul li:not(.nav ul li:nth-child(5)){padding-bottom:33px}.nav ul{transition-delay:.5s;z-index:-999}.menu_icon:after{background:#fff;border-radius:20px;content:"";height:0;opacity:0;position:absolute;right:-30px;transition:.5s;transition-delay:0s;visibility:hidden;width:0}.menu_toggle_icon{align-items:center;border-radius:100%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:60px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:99}.nav.menu_toggled{height:326px;overflow:visible;transition-delay:0s}.nav.menu_toggled .menu_text{left:50px}.nav.menu_toggled ul li:first-child .menu_text{transition-delay:.2s}.nav.menu_toggled ul li:nth-child(2) .menu_text{transition-delay:.22s}.nav.menu_toggled ul li:nth-child(3) .menu_text{transition-delay:.24s}.nav.menu_toggled ul li:nth-child(4) .menu_text{transition-delay:.26s}.nav.menu_toggled ul li:nth-child(5) .menu_text{transition-delay:.28s}.nav.menu_toggled .menu_icon,.nav.menu_toggled .menu_icon:after,.nav.menu_toggled .menu_text{opacity:1;transition-delay:.2s;visibility:visible}.nav.menu_toggled .menu_text{transition:all .2s ease-out}.nav.menu_toggled ul{transition-delay:0s;z-index:9}.nav ul li.activeLi a .menu_icon:after{background:#ffb400}.nav ul li.activeLi a{color:#ffb400}.nav.menu_toggled .menu_icon:after{height:100%;opacity:0;position:absolute;right:-21px;width:3px}.nav.menu_toggled ul li.activeLi .menu_icon:after{opacity:1}.hover_box{height:110%;left:0;position:absolute;top:0;width:115px;z-index:9999999}.nav.menu_toggled ul li a .hover_box:hover+.menu_icon:after{opacity:1}.main_section_titles{padding-bottom:50px;text-align:center}.page_title h2,.page_title span{color:#fff;font-size:55px;font-weight:900;margin-bottom:0;text-transform:uppercase}.page_title span{padding-left:15px}.page_title{align-items:center;display:flex;gap:10px;justify-content:center}.page_desc p{color:#fff;display:inline-block;font-family:Open Sans,sans-serif;font-size:15px;font-weight:400;margin:20px 0 0;opacity:.8;position:relative;text-transform:uppercase}.page_desc p:after,.page_desc p:before{content:"";height:2px;position:absolute;right:-50px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.page_desc p:before{left:-50px;right:auto}@media only screen and (max-width:499px){.page_title h2,.page_title span{font-size:35px}}.Personal_Info{display:flex;gap:75px;position:relative;width:100%}.about_page .about_img_box{width:45%}.about_page .about_info{align-self:center;display:flex;flex-direction:column;width:50%}.about_page .about_info .infos{align-items:center;display:flex}.about_page .about_info ul{list-style:none;width:55%}.about_page .about_info ul li h4{color:#fff;font-family:Open Sans,sans-serif;font-size:16px;font-weight:400;margin:5px 0 7px;opacity:.8;text-transform:capitalize}.about_page .about_info ul li h4 span{font-weight:600;opacity:1!important;padding-left:20px}.about_page .about_info ul li:not(.about_info ul li:last-child){padding-bottom:15px}.about_img{position:relative;z-index:1}.about_img,.about_img img{height:100%;width:100%}.about_img:after{border:5px solid #ff0;content:"";height:calc(100% - 10px);left:25px;position:absolute;top:25px;width:calc(100% - 10px);z-index:-9}.about_info .section_btns{padding-top:25px}@media only screen and (max-width:992px){.Personal_Info{display:grid}.about_page .about_img_box,.about_page .about_info{margin:0 auto;width:567px}}@media only screen and (max-width:666px){.about_page .about_img_box,.about_page .about_info{width:100%}.about_img:after,.page_desc p:after,.page_desc p:before{content:none}}@media only screen and (max-width:470px){.about_page .about_info .infos{grid-gap:10px;display:grid;gap:10px}.about_page .about_info ul{text-align:center;width:100%}.about_page .section_btns{justify-content:center}}.header_area{background-image:url(/static/media/hero-bg.2169f67dd9aabab9987b.jpg);background-position:0 0;background-repeat:no-repeat;background-size:cover;padding:0}.header_area .container{display:table;height:100%;margin-left:50vw;max-width:550px;width:100%}.header_contents_right{color:#fff}.header_contents{align-items:center;display:flex;height:100vh;justify-content:end;width:100%}.sm_title h4{font-size:19px;font-weight:400}.big_title h1{color:#fff;font-family:Poppins,sans-serif;font-size:42px;font-weight:700;line-height:42px;line-height:55px;margin:19px 0 10px}.big_title .typed{text-transform:uppercase}.about_myselft p{font-family:Open Sans,sans-serif;font-size:16px;font-weight:400;line-height:32px;margin:11px 0 23px}.main_btn a{align-items:center;border-radius:100px;display:flex;overflow:hidden;padding:13px 33px;position:relative;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.main_btn span{color:#fff;display:flex;font-size:16px;padding-right:10px}.main_btn a h4{color:#fff;font-size:15px;font-weight:600;text-transform:uppercase;transition:.3s}.section_btns{display:flex;gap:15px}.section_btns .main_btn:nth-child(2) a{background:transparent}.main_btn a:after{background:#555;border:1px solid #555;border-radius:100%;content:"";height:300px;left:-300px;position:absolute;top:-180px;transition:all .4s ease-out;width:300px;z-index:-1}.main_btn:nth-child(2) a:hover h4,.main_btn:nth-child(2) a:hover span{color:#fff;transition:.3s}.main_btn a:hover:after{left:-10px;top:-100px}.main_btn:first-child a:hover,.main_btn:nth-child(2) a:hover{border:1px solid #555}@media only screen and (max-width:1050px){.header_area .container{margin-left:0;max-width:100%}}@media only screen and (max-width:499px){.header_area .section_btns{grid-gap:15px;display:grid;gap:15px}}.App{background:#222;height:auto;overflow-x:hidden;width:100%}@media only screen and (min-width:1300px){.App{height:100vh}}.container{margin:0 auto;max-width:1170px;padding:0 15px}section{padding:60px 0 80px}img{width:100%}.preload{position:relative}.preload:after,.preload:before{background:#daa520;color:#222;content:"";font-family:Poppins,sans-serif;font-size:50px;font-weight:800;height:100vh;left:0;position:fixed;top:0;transition:.5s;width:100vw;z-index:999999999}.hide.preload:before{top:100%}.hide.preload:after{top:-100%}.preloader{align-items:center;display:flex;justify-content:center;left:50%;position:fixed;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:999999999999}.preloader span{animation:flipfade .7s linear alternate-reverse forwards;color:#222;font-size:60px;font-weight:700;letter-spacing:10px}@-webkit-keyframes flipfade{0%{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{opacity:0;-webkit-transform:rotateY(45deg);transform:rotateY(45deg)}}@keyframes flipfade{0%{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{opacity:0;-webkit-transform:rotateY(45deg);transform:rotateY(45deg)}}.preloader span:first-child{-webkit-animation-delay:.2s;animation-delay:.2s}.preloader span:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.preloader span:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}.preloader span:nth-child(4){-webkit-animation-delay:.8s;animation-delay:.8s}.preloader span:nth-child(5){-webkit-animation-delay:1s;animation-delay:1s}.preloader span:nth-child(6){-webkit-animation-delay:1.2s;animation-delay:1.2s}.preloader span:nth-child(7){-webkit-animation-delay:1.4s;animation-delay:1.4s}.colors ul{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;list-style:none;padding:5px 0 25px}.Color_change{background:#eee;height:auto;padding:20px;position:fixed;right:-220px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.3s;width:220px;z-index:999}.color_box_slide{right:0}.Color_change .main_btn a{background:#daa520;border-radius:6px;height:45px;justify-content:center;padding:0;width:100%}.Color_change .main_btn{display:flex;width:100%}.colors button{border:none;outline:none}.color_heading h3{border-bottom:1px solid #ccc;color:#333;font-size:15px;font-weight:700;margin:0 0 10px;padding:5px 0;text-transform:uppercase}.colors ul li button,.toggle{cursor:pointer}.toggle{align-items:center;background:#fff;border-radius:5px 0 0 5px;display:flex;height:50px;justify-content:center;left:-50px;position:absolute;top:0;width:50px}.toggle span{color:#000;display:flex;font-size:25px}.spinner{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{rotate:1turn}to{rotate:0deg}}@keyframes spin{0%{rotate:1turn}to{rotate:0deg}}.blue{color:blue}.goldenrod{color:#daa520}.green{color:green}.orange{color:orange}.red{color:red}.yellow{color:#ff0}.magenta{color:#f0f}.App.blue .big_title .typed{color:blue}.App.blue .main_btn:first-child a{background:blue;border:1px solid blue}.App.blue .main_btn:nth-child(2) a{border:1px solid blue}.App.blue .main_btn:nth-child(2) a h4,.App.blue .main_btn:nth-child(2) a span{color:blue}.App.blue .main_btn:nth-child(2) a:hover h4,.App.blue .main_btn:nth-child(2) a:hover span{color:#fff}.App.blue .main_btn a:hover{border:1px solid #555}.App.blue .nav ul li.activeLi a{color:blue}.App.blue .nav ul li.activeLi a .menu_icon:after{background:blue}.App.blue .nav ul li a .hover_box:hover+.menu_icon{color:blue;transition-delay:0s}.App.blue .nav ul li a .hover_box:hover+.menu_icon:after{background:blue;transition-delay:0s}.App.blue .nav ul li a .hover_box:hover+.menu_icon+.menu_text{color:blue!important;transition-delay:0s}.App.blue .main_section_titles .page_title span{color:blue}.App.blue .main_section_titles .page_desc p:after,.App.blue .main_section_titles .page_desc p:before{background:blue}.App.blue .about_page .about_img:after{border:5px solid blue}.App.blue .blog_area .blog_box .main_btn a{background:blue}.App.blue .blogtitle a h2:hover{color:blue}.App.blue .contact_info .social_links span a{border:1px solid blue;border-width:0 2px;color:blue}.App.goldenrod .big_title .typed{color:#daa520}.App.goldenrod .main_btn:first-child a{background:#daa520;border:1px solid #daa520}.App.goldenrod .main_btn:nth-child(2) a{border:1px solid #daa520}.App.goldenrod .main_btn:nth-child(2) a h4,.App.goldenrod .main_btn:nth-child(2) a span{color:#daa520}.App.goldenrod .main_btn:nth-child(2) a:hover h4,.App.goldenrod .main_btn:nth-child(2) a:hover span{color:#fff}.App.goldenrod .main_btn a:hover{border:1px solid #555}.App.goldenrod .nav ul li.activeLi a{color:#daa520}.App.goldenrod .nav ul li.activeLi a .menu_icon:after{background:#daa520}.App.goldenrod .nav ul li a .hover_box:hover+.menu_icon{color:#daa520;transition-delay:0s}.App.goldenrod .nav ul li a .hover_box:hover+.menu_icon:after{background:#daa520;transition-delay:0s}.App.goldenrod .nav ul li a .hover_box:hover+.menu_icon+.menu_text{color:#daa520!important;transition-delay:0s}.App.goldenrod .main_section_titles .page_title span{color:#daa520}.App.goldenrod .main_section_titles .page_desc p:after,.App.goldenrod .main_section_titles .page_desc p:before{background:#daa520}.App.goldenrod .about_page .about_img:after{border:5px solid #daa520}.App.goldenrod .blog_area .blog_box .main_btn a{background:#daa520}.App.goldenrod .blogtitle a h2:hover{color:#daa520}.App.goldenrod .contact_info .social_links span a{border:1px solid #daa520;border-width:0 2px;color:#daa520}.App.green .big_title .typed{color:green}.App.green .main_btn:first-child a{background:green;border:1px solid green}.App.green .main_btn:nth-child(2) a{border:1px solid green}.App.green .main_btn:nth-child(2) a h4,.App.green .main_btn:nth-child(2) a span{color:green}.App.green .main_btn:nth-child(2) a:hover h4,.App.green .main_btn:nth-child(2) a:hover span{color:#fff}.App.green .main_btn a:hover{border:1px solid #555}.App.green .nav ul li.activeLi a{color:green}.App.green .nav ul li.activeLi a .menu_icon:after{background:green}.App.green .nav ul li a .hover_box:hover+.menu_icon{color:green;transition-delay:0s}.App.green .nav ul li a .hover_box:hover+.menu_icon:after{background:green;transition-delay:0s}.App.green .nav ul li a .hover_box:hover+.menu_icon+.menu_text{color:green!important;transition-delay:0s}.App.green .main_section_titles .page_title span{color:green}.App.green .main_section_titles .page_desc p:after,.App.green .main_section_titles .page_desc p:before{background:green}.App.green .about_page .about_img:after{border:5px solid green}.App.green .blog_area .blog_box .main_btn a{background:green}.App.green .blogtitle a h2:hover{color:green}.App.green .contact_info .social_links span a{border:1px solid green;border-width:0 2px;color:green}.App.orange .big_title .typed{color:orange}.App.orange .main_btn:first-child a{background:orange;border:1px solid orange}.App.orange .main_btn:nth-child(2) a{border:1px solid orange}.App.orange .main_btn:nth-child(2) a h4,.App.orange .main_btn:nth-child(2) a span{color:orange}.App.orange .main_btn:nth-child(2) a:hover h4,.App.orange .main_btn:nth-child(2) a:hover span{color:#fff}.App.orange .main_btn a:hover{border:1px solid #555}.App.orange .nav ul li.activeLi a{color:orange}.App.orange .nav ul li.activeLi a .menu_icon:after{background:orange}.App.orange .nav ul li a .hover_box:hover+.menu_icon{color:orange;transition-delay:0s}.App.orange .nav ul li a .hover_box:hover+.menu_icon:after{background:orange;transition-delay:0s}.App.orange .nav ul li a .hover_box:hover+.menu_icon+.menu_text{color:orange!important;transition-delay:0s}.App.orange .main_section_titles .page_title span{color:orange}.App.orange .main_section_titles .page_desc p:after,.App.orange .main_section_titles .page_desc p:before{background:orange}.App.orange .about_page .about_img:after{border:5px solid orange}.App.orange .blog_area .blog_box .main_btn a{background:orange}.App.orange .blogtitle a h2:hover{color:orange}.App.orange .contact_info .social_links span a{border:1px solid orange;border-width:0 2px;color:orange}.App.red .big_title .typed{color:red}.App.red .main_btn:first-child a{background:red;border:1px solid red}.App.red .main_btn:nth-child(2) a{border:1px solid red}.App.red .main_btn:nth-child(2) a h4,.App.red .main_btn:nth-child(2) a span{color:red}.App.red .main_btn:nth-child(2) a:hover h4,.App.red .main_btn:nth-child(2) a:hover span{color:#fff}.App.red .main_btn a:hover{border:1px solid #555}.App.red .nav ul li.activeLi a{color:red}.App.red .nav ul li.activeLi a .menu_icon:after{background:red}.App.red .nav ul li a .hover_box:hover+.menu_icon{color:red;transition-delay:0s}.App.red .nav ul li a .hover_box:hover+.menu_icon:after{background:red;transition-delay:0s}.App.red .nav ul li a .hover_box:hover+.menu_icon+.menu_text{color:red!important;transition-delay:0s}.App.red .main_section_titles .page_title span{color:red}.App.red .main_section_titles .page_desc p:after,.App.red .main_section_titles .page_desc p:before{background:red}.App.red .about_page .about_img:after{border:5px solid red}.App.red .blog_area .blog_box .main_btn a{background:red}.App.red .blogtitle a h2:hover{color:red}.App.red .contact_info .social_links span a{border:1px solid red;border-width:0 2px;color:red}.App.yellow .big_title .typed{color:#ff0}.App.yellow .main_btn:first-child a{background:#ff0;border:1px solid #ff0}.App.yellow .main_btn:nth-child(2) a{border:1px solid #ff0}.App.yellow .main_btn:nth-child(2) a h4,.App.yellow .main_btn:nth-child(2) a span{color:#ff0}.App.yellow .main_btn:nth-child(2) a:hover h4,.App.yellow .main_btn:nth-child(2) a:hover span{color:#fff}.App.yellow .main_btn a:hover{border:1px solid #555}.App.yellow .nav ul li.activeLi a{color:#ff0}.App.yellow .nav ul li.activeLi a .menu_icon:after{background:#ff0}.App.yellow .nav ul li a .hover_box:hover+.menu_icon{color:#ff0;transition-delay:0s}.App.yellow .nav ul li a .hover_box:hover+.menu_icon:after{background:#ff0;transition-delay:0s}.App.yellow .nav ul li a .hover_box:hover+.menu_icon+.menu_text{color:#ff0!important;transition-delay:0s}.App.yellow .main_section_titles .page_title span{color:#ff0}.App.yellow .main_section_titles .page_desc p:after,.App.yellow .main_section_titles .page_desc p:before{background:#ff0}.App.yellow .about_page .about_img:after{border:5px solid #ff0}.App.yellow .blog_area .blog_box .main_btn a{background:#ff0}.App.yellow .blogtitle a h2:hover{color:#ff0}.App.yellow .contact_info .social_links span a{border:1px solid #ff0;border-width:0 2px;color:#ff0}.App.magenta .big_title .typed{color:#f0f}.App.magenta .main_btn:first-child a{background:#f0f;border:1px solid #f0f}.App.magenta .main_btn:nth-child(2) a{border:1px solid #f0f}.App.magenta .main_btn:nth-child(2) a h4,.App.magenta .main_btn:nth-child(2) a span{color:#f0f}.App.magenta .main_btn:nth-child(2) a:hover h4,.App.magenta .main_btn:nth-child(2) a:hover span{color:#fff}.App.magenta .main_btn a:hover{border:1px solid #555}.App.magenta .nav ul li.activeLi a{color:#f0f}.App.magenta .nav ul li.activeLi a .menu_icon:after{background:#f0f}.App.magenta .nav ul li a .hover_box:hover+.menu_icon{color:#f0f;transition-delay:0s}.App.magenta .nav ul li a .hover_box:hover+.menu_icon:after{background:#f0f;transition-delay:0s}.App.magenta .nav ul li a .hover_box:hover+.menu_icon+.menu_text{color:#f0f!important;transition-delay:0s}.App.magenta .main_section_titles .page_title span{color:#f0f}.App.magenta .main_section_titles .page_desc p:after,.App.magenta .main_section_titles .page_desc p:before{background:#f0f}.App.magenta .about_page .about_img:after{border:5px solid #f0f}.App.magenta .blog_area .blog_box .main_btn a{background:#f0f}.App.magenta .blogtitle a h2:hover{color:#f0f}.App.magenta .contact_info .social_links span a{border:1px solid #f0f;border-width:0 2px;color:#f0f}.portfolio_boxes{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.portfolio_box{border-radius:5px;cursor:pointer;overflow:hidden;position:relative}.portFoimg{display:flex}.portfolio_box:hover .portFoimg img{-webkit-transform:scale(1.5);transform:scale(1.5)}.portFoimg img{transition:.3s}.portfohover{align-items:center;background:#008000cc;border-radius:5px;display:flex;height:80%;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) scale(.7);transform:translateX(-50%) translateY(-50%) scale(.7);transition:all .3s ease;width:80%;z-index:-1}.portfolio_box:hover .portfohover{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1);z-index:1}.portHoverItms h4{color:#fff;font-size:22px;font-weight:600;text-transform:uppercase;-webkit-transform:translateY(15px);transform:translateY(15px);transition:.4s}.portfolio_box:hover .portHoverItms h4{-webkit-transform:translateY(0);transform:translateY(0)}.portHoverItms a span svg{color:#fff;font-size:30px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:.4s}.portHoverItms{align-items:center;display:flex;flex-direction:column;gap:5px}.portfolio_box:hover .portHoverItms a span svg{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.filterItems button{background:#daa520;border:none;border-radius:5px;cursor:pointer;font-size:15px;font-weight:600;padding:10px 35px;text-transform:uppercase;transition:.3s}.filterItems{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.filterItems button:hover,.portfoli.activate{background:#fffffe;color:#daa520}.animate_Scale{animation:scales .3s linear alternate-reverse both}@-webkit-keyframes scales{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes scales{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@media only screen and (max-width:667px){.portfolio_boxes{grid-template-columns:1fr}}@media only screen and (max-width:566px){.filterItems{display:grid;grid-template-columns:1fr 1fr}}.form_group input,.form_group textarea{background:#333;border:1px solid #444;color:#fff}.form_group{display:flex;position:relative}.form_group input::-webkit-input-placeholder,.form_group textarea::-webkit-input-placeholder{font-size:14px;font-weight:400;text-transform:uppercase}.form_group input::placeholder,.form_group textarea::placeholder{font-size:14px;font-weight:400;text-transform:uppercase}.form_group input:focus,.form_group textarea:focus{outline:none}.form_group textarea{height:140px;min-height:130px!important;resize:vertical}.form_group input,.form_group textarea{border-radius:20px 20px 20px 20px;padding:13px 10px 13px 40px}.Formicon{display:flex;left:15px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.Formicon svg{color:#6b6b6b}.text_area .Formicon{top:20px;-webkit-transform:translateY(calc(-50% + 3px))!important;transform:translateY(calc(-50% + 3px))!important}.section_btns button{background:transparent;border:none;border-radius:50px;outline:none}.contact_contents{display:grid;grid-template-columns:1fr 2fr}.contact_form{display:flex;flex-direction:column;gap:20px}.input_boxes{display:flex;gap:30px;margin-bottom:15px}.contact_form input,.contact_form textarea,.input_boxes .form_group{width:100%}.contact_right .desc p{color:#fff;font-size:14px;font-weight:300;padding-bottom:20px;padding-right:65px}.contact_info{display:flex;flex-direction:column;gap:25px}.Cname{color:#fff;font-size:14px;font-weight:500}.cIcon_cLink{align-items:center;display:flex;gap:10px}.contact_item span{display:flex}.contact_item{display:flex;flex-direction:column;gap:10px}.social_links span a{align-items:center;border-radius:100px;display:flex;height:35px;justify-content:center;transition:.4s;width:37px}.contact_info .social_links span a:hover svg{-webkit-transform:scale(1.2);transform:scale(1.2)}.contact_info .social_links span a svg{transition:.3s}.loader,.main_btn a{cursor:pointer}.loader{align-items:center;background:#222222a1;border-radius:100px;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:9}.animated_load{display:flex}.section_btns button{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.loader span svg{-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite;color:#fff;font-size:20px}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (max-width:766px){.contact_contents{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr}}@media only screen and (max-width:499px){.input_boxes{display:grid}}.blog_boxes{grid-gap:35px;display:grid;gap:35px;grid-template-columns:1fr 1fr 1fr}.blog_img{display:flex;overflow:hidden}.blog_img img{cursor:cell;-webkit-transform:scale(1);transform:scale(1);transition:.4s;width:100%}.blog_img:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}.blog_box .blogtitle h2{color:#fff;font-size:21px;font-weight:600;margin:24px 0 12px;text-transform:uppercase}.blog_box .blogtitle a{text-decoration:none}.blog_box .blog_desc p{color:#fffffff5;font-weight:400;padding-bottom:20px}.blog_boxes .main_btn a span{display:none}.blog_info{padding:0 10px}.hoverImg{background:#222222f5;height:100vh;left:50%;opacity:0;overflow:auto;padding:2% 20%;position:fixed;top:0;-webkit-transform:translateX(-50%) scale(.8);transform:translateX(-50%) scale(.8);transition:.4s;width:100vw;z-index:-1}.shoeImgDesc{opacity:1;-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);z-index:99999999}.hoverImg img{border-radius:10px;width:100%}.hoverImg .blogtitle a{color:#fff;display:block;padding-left:10px;padding-right:10px;padding-top:20px;text-decoration:none}.hoverImg p{color:#fff;font-size:15px;font-weight:300;line-height:34px;margin-top:10px;opacity:.8;padding:0 10px}.deschide span{background:#fff;border-radius:100px;height:2px;position:absolute;transition:.4s;width:30px}.deschide{align-items:center;background:#222;border:transparent;border-radius:5px;cursor:pointer;display:flex;height:35px;justify-content:center;position:fixed;right:5%;top:5%;width:35px}.deschide span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.deschide span:nth-child(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.deschide:hover span{-webkit-transform:rotate(0deg);transform:rotate(0deg)}@media only screen and (max-width:992px){.blog_boxes{grid-template-columns:1fr 1fr}}@media only screen and (max-width:667px){.blog_boxes{grid-template-columns:1fr}}@media only screen and (max-width:766px){.hoverImg{padding:2% 15px}}
/*# sourceMappingURL=main.b0bfbbbc.css.map*/