*{margin: 0; padding: 0;}body{font-family: 'Open Sans', sans-serif; scroll-behavior: smooth;}::-moz-selection{background-color: #fa5b0f; color: #f1eeeefd;}::selection{background-color: #fa5b0f; color: #f1eeeefd;}p{line-height: 30px;}.section_header h2{font-size: 60px; font-weight: 800; text-transform: uppercase; color: #555;}section{position: relative;}section::after{content: ""; position: absolute; width: 80%; left: 10%; right: 10%; top: 100%; opacity: 0.3; height: 1px; background-color: #fa5b0f;}.section_header h2 span{color: #fa5b0f;}.section_header .section_small_title{color: #555; font-size: 15px; opacity: .9; position: relative;}.section_header .section_small_title::after{content: ""; position: absolute; width: 40px; height: 2px; background-color: #fa5b0f; top: 50%; right: -50px;}.section_header .section_small_title::before{content: ""; position: absolute; width: 40px; height: 2px; background-color: #fa5b0f; top: 50%; left: -50px;}.button{color: #fa5b0f; border: 1.5px solid #fa5b0f; text-decoration: none; padding: 11px 30px; border-radius: 30px 30px 30px 30px; font-size: 14px; font-weight: 600; text-transform: uppercase; -webkit-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out;}.button:hover{color: #f1eeeefd; border: 1.5px solid #fa5b0f; background-color: #fa5b0f; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}/*==========*//* header_section_css_start *//*==========*/#header_section{background-image: none, linear-gradient(#231a19, #231a19); color: rgba(241, 238, 238, 0.993); letter-spacing: 1px; position: relative; overflow: hidden;}.header_section_content{width: 80%; margin: auto;}.work h1 span{color: #fa5b0f; font-weight: 800; height: 50px;}.main_nav{position: fixed; bottom: 0; left: 0; background-color: rgb(49, 49, 49); width: 100%; height: 95px; z-index: 3;}.main_nav ul li a{text-decoration: none; color: #f1eeeefd; font-size: 32px;}.main_nav ul .active a i{background-color: #fa5b0f;}.main_nav ul li a i{width: 80px; height: 80px; line-height: 80px; background-color: #555; text-align: center; border-radius: 50%; -webkit-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out;}.bg-color{background-color: #fa5b0f; position: absolute; height: 200%; width: 100%; transform: rotate(-15deg); left: -83%; top: -50%;}.my_picture1{background-image: url("images/fahim.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top; height: calc(100vh - 80px); z-index: 1; border-radius: 30px; left: 40px; top: 40px; box-shadow: 0 0 7px rgb(0 0 0 / 90%);}.my_image1 img{width: 50%; height: 50%; border-radius: 50%; border: 2px solid #fa5b0f;}#header_section .row{min-height: 100vh;}.header_section_content h1{text-transform: uppercase; font-weight: 600;}.header_section_content h5{text-transform: uppercase;}.header_button .button:first-child,.header_button .button:nth-child(2){color: #f1eeeefd; border: 1.5px solid #fa5b0f; background-color: #fa5b0f;}/*==========*//* about_section_css_start *//*==========*/#about_section{padding: 80px 0;}.about_me{position: relative; margin-bottom: 100px;}.about_me::after{content: ""; position: absolute; width: 100%; height: 1px; background-color: #555; bottom: -50px; opacity: 0.3;}.my_image2{position: relative;}.my_image2 img{width: 95%; height: 95%;}.my_image2::after{content: ""; position: absolute; width: 95%; height: 100%; left: 5%; top: 5%; z-index: -1; border: 6px solid #fa5b0f;}.my_details1 li,.my_details2 li{margin-bottom: 20px;}.my_details1 li span,.my_details2 li span{font-size: 17px; opacity: 0.8; text-transform: capitalize; margin-right: 10px;}.my_details1 li strong,.my_details2 li strong{margin-left: 10px; font-size: 17px; color: #555; font-weight: 600; text-transform: capitalize;}.call a{text-decoration: none; color: #555; font-weight: 600;}.about_details{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.experience h3,.education h3{text-transform: uppercase; color: #555; font-weight: 700; font-size: 22px;}.experience span,.education span{font-size: 13px; color: #555; opacity: .9;}.experience h4,.education h4{font-size: 17px; color: #555; opacity: .9; text-transform: uppercase;}.experience h4 span,.education h4 span{font-size: 17px; color: #111; font-weight: 700; text-transform: uppercase;}.experience p,.education p{font-size: 14px; color: #555; width: 80%; opacity: 0.95;}.experience ul,.education ul{position: relative; margin-left: 30px;}.experience ul::before,.education ul::before{content: ""; position: absolute; width: 1px; height: 100%; background-color: #fa5b0f; left: -25px;}.experience ul li,.education ul li{position: relative;}.experience ul li .educate_timing::before,.education ul li .educate_timing::before{content: ""; position: absolute; width: 15px; height: 15px; border: 2px solid #fa5b0f; border-radius: 50%; left: -32px; background-color: #fff;}.skills h3{text-transform: uppercase; color: #555; font-weight: 700; font-size: 22px;}.progressbar h5{font-size: 16px; text-transform: uppercase; margin-bottom: 15px; color: #555;}/* skill_progressbar_css_start */.barfiller{width: 100%; height: 2px; background: #fcfcfc; position: relative; margin-bottom: 20px; -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, .5); box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, .5); -moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, .5);}.barfiller .fill{display: block; position: relative; width: 0px; height: 2px; background: #fa5b0f !important; z-index: 1;}.barfiller .tip{margin-top: -40px; padding: 4px 7px; font-size: 11px; color: #fa5b0f; border: 1px solid #fa5b0f; left: 0px; position: absolute; border-radius: 5px; font-size: 15px; font-weight: 700; letter-spacing: 0.5px; z-index: 2; background: #fff;}.barfiller .tip:after{border: solid; border-color: #fa5b0f transparent; border-width: 6px 6px 0 6px; content: ""; display: block; position: absolute; left: 9px; top: 100%; z-index: 9}/* skill_progressbar_css_end *//*==========*//* porthfolio_section_css_start *//*==========*/#porthfolio_section{padding: 80px 0;}.slide_my_work{position: relative;}.project_img img{width: 95%; height: auto; border-radius: 5px;}.project_img{position: relative;}.project_img::after{content: ""; position: absolute; width: 95%; height: 100%; left: 2.5%; top: 5.2%; border-radius: 5px; z-index: -1; border: 6px solid #fa5b0f;}.project_details h3{font-size: 25px; text-transform: uppercase; font-weight: 700;}.project_details h3 span{font-weight: 400; font-size: 18px; font-style: italic;}.project_details p{width: 80%; font-size: 20px; color: #555; opacity: 0.9;}.left_arrow{position: absolute; top: 50%; font-size: 30px; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1;}.right_arrow{position: absolute; top: 50%; font-size: 30px; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1;}.left_arrow i,.right_arrow i{cursor: pointer; color: #fa5b0f;}.slick-dots{list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}.slick-dots li{margin: 0 5px;}.slick-dots li button{font-size: 0; width: 12px; height: 12px; border: 2.5px solid #fa5b0f; background-color: transparent; border-radius: 50%;}.slick-dots .slick-active button{background-color: #fa5b0f;}/*==========*//* contact_section_css_start *//*==========*/#contact_section{padding: 80px 0;}.contact_header h3{color: #555; font-weight: 700; text-transform: uppercase;}.contact_header p{color: #555; opacity: 0.9;}.contact_information li .icon{margin-right: 20px; font-size: 30px; color: #fa5b0f;}.contact_information li:not(.contact_information li:last-child){margin-bottom: 20px;}.contact_information li a{text-decoration: none; color: #555;}.contact_information li span{color: #555; text-transform: capitalize;}.contact_information li h5{color: #555; font-size: 18px; line-height: 25px;}.social_icons li:not(.social_icons li:last-child){margin-right: 15px;}.social_icons li a{color: #f1eeeefd; font-size: 20px;}.social_icons li a i{width: 40px; height: 40px; line-height: 40px; background-color: #555; display: inline-block; text-align: center; border-radius: 50%; -webkit-transition: 0.3s all ease-out; -o-transition: 0.3s all ease-out; transition: 0.3s all ease-out;}.social_icons li a:hover i{background-color: #fa5b0f; -webkit-transition: 0.3s all ease-in; -o-transition: 0.3s all ease-in; transition: 0.3s all ease-in;}.contact_form input,.contact_form textarea{border-radius: 50px; padding: 14px; text-transform: capitalize;}.contact_button button{background-color: #fa5b0f; color: #f1eeeefd;}.contact_form input:focus,.contact_form textarea:focus{border-color: #fa5b0f;}